body {font-family: "Segoe UI", sans-serif, Verdana, Arial; font-size: 13px; margin:0; padding:0; color:#263238; height:100%;}
.cls{ clear:both;}
input, select,textarea{font-family: "Segoe UI", Arial, sans-serif; font-size: 12px;color:#555;}
a, img { outline:none !important; border:none; color:#fff; text-decoration:none}
a:hover {text-decoration:underline; color:#fff}
.link{color:#047cc8; text-decoration:none}
.link:hover {text-decoration:underline; color:#047cc8}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {width: 100%;margin: auto;}
td[valign="top"]{ padding: 15px;}
#nav1 {margin:12px 0 0 0; padding:0; list-style:none; }
#nav1 li{margin:0px 0px 0 0; }
#nav1 li a.top_link {display:block; color:#333; text-transform:uppercase; text-decoration:none; font-size:13px; padding:10px 8px;  margin:0 5px ; cursor:pointer; }
#nav1 li:hover a.top_link { background:#f6b20e; color:#fff; border-radius:4px; padding:10px 8px}
#nav1 li a.active {background:#f6b20e; color:#fff; border-radius:3px; padding:10px 8px}
#nav1 li:hover {position:relative; z-index:200; }
 
 

.previewNav {box-shadow: 0px 2px 4px rgba(0,0,0,0.2);padding-bottom: 13px; width:100% }
.geo-banner {background:#e8eef2; border-bottom:1px solid #d2dae4; border-top:1px solid #d2dae4; font-size:14px; width:100%;}

.contentr { width:100%; background:#e5e5e5; padding:35px 0; margin: 60px 0px}
.alarm { width:100%; background:#eceff1;  margin-top:40px; padding:16px 0}
.alarms h1 {padding-bottom:1px;font-size:24px;font-weight: 500;color:#263238;}
.alarms h3 {padding-bottom:20px;font-size:18px;font-weight:500;color: #003e47;}
.alarms p {font-size:14px;line-height:24px;color:#666;}

.back h1 {padding-bottom:1px;font-size:24px;font-weight: 500;color:#fff;}
.back h3 {padding:0;font-size:18px;font-weight:500;color: #f1f1f1; line-height:28px}
.back p {font-size:14px;line-height:24px;color:#fff;}

.getb {font-size:12px; margin:12px 10px;  -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px; padding:9px 12px;  cursor:pointer; color: #047cc8; text-transform:uppercase; background-color: #fff; border:1px solid #00adff}
.getb:hover { border:1px solid #209cea; color:#095db1; text-decoration:none;background-color: transparent;}

.buy a{    background: #c5eaff;
    border: 1px solid #e7f6ff;
    border-radius:4px;
    color: #095171;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    padding: 12px 35px;
    text-transform: uppercase;
    margin: 12px auto;
    width: 130px;
}
.buy a:hover {color: #fff;background:#ff8a01; text-decoration:none; border: 1px solid #fff;}
.drivem{padding:120px 0 40px 0}
.drivem h3{ font-size:20px; line-height:38px; font-weight:500; color:#fff; padding:6px 45px 42px 0; margin:0px}
.drivem p{ font-size:32px; line-height:42px; font-weight:700; color:#fff; padding:10px 0 1px 0; margin:0px}

.features h1 {padding-bottom:24px;font-size:32px;font-weight: 500;color:#263238;}
.features h3 {padding-top:40px;font-size:20px;font-weight:500;color: #003e47;}
.features p {font-size:18px;line-height:26px;color:#333;}

.reports h1 {padding-bottom:26px;font-size:32px;font-weight: 500;}
.reports h3 {padding-top:40px;font-size:20px;font-weight:500;}
.reports h4 {    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    color: #df5a0b; padding-top: 50px}

.reports p {font-size:18px;line-height:26px;}



.overview h1 {padding-bottom:24px;font-size:32px;font-weight: 500;color:#263238;}
.overview h3 {padding-top:20px;font-size:20px;font-weight:500;color: #003e47;}
.overview p {font-size:18px;line-height:32px;color:#666;}

#alert{font-size:13px;display: none;padding:25px 5px 25px 5px;text-align:center;border:1px solid #FFC74D;border-radius:2px;background:#FFFFCC;top:0;left:0%;right:0%;position:fixed;z-index:1099;}	
.featuresapp h1 {padding-bottom:24px;font-size:32px;font-weight: 500;color:#263238;}
.featuresapp h3 {padding-top:80px;font-size:20px;font-weight:500;color: #fff;}
.featuresapp p {font-size:18px;line-height:32px;color:#fff; padding-bottom:20px}
.top-button { margin:30px 0;}

.buynow h1 {padding-top:10px;font-size:24px;font-weight:500;color:#8e8e8e;}
.buynow p {font-size:18px;line-height:28px;color:#696d71; padding-bottom:10px}

.foot{bottom:0; left:0; color:#fff; right:0; background:#637f83; border-top:1px solid #ddd; padding:9px 0; width:100%;}
.text-muted {color: #fff;}
.cont{ background:#eceff1; padding:20px 0px 60px; width:100%; margin:30px 0 0; color:#333;}
.top-strip-mobile {color: #333; display: inline-block;font-size: 22px;font-weight: normal;margin: 0;padding: 15px 0 10px;}
.top-strip-mobile-sub {color: #6c6c6c;font-size: 14px;font-weight: normal;padding: 0 0 10px;}
ul.li-test{line-height:32px; list-style:none; padding:0; margin:0 0 0 15px; color:#777; font-size:16px}
ul.li-test li {padding-left: 20px; margin-bottom: 10px;}
ul.li-test li:before {
  content: '\f00c'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 2em; /* same as padding-left set on li */
  margin-left: -2.2em; /* same as padding-left set on li */
}



@media (min-width: 450px) {
.header {text-align: center;}
.foot{ font-size:12px}
.reports h4 { padding-top:0px}

}
@media screen and (min-width:350px) {
.header {text-align: center;} 
.foot{ font-size:12px}
.reports h4 { padding-top:0px}
}

@media screen and (min-width:320px) {
.foot{ font-size:12px}
.reports h4 { padding-top:0px}
}

@media screen and (min-width:600px) {
.header {text-align: center; }
.reports h4 { padding-top:0px}
}

@media (min-width: 768px) {
.header {text-align: left;}
}
@media (min-width: 1024px) {
.header {text-align: left;}
.overlayimg { background-size:71%;}

}
.plan {
    background: #f2f4f8 none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(130, 139, 178, 0.09);
    margin: 20px 0;
    min-height: 350px;
    padding-bottom:5px;
    text-align: center;
	border:1px solid #e0dfdf;
}
.plan .head {
	background:#0089cc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    padding: 11px 16px;
}

 .contact {
	background:#f3f3f3;
	border-bottom: 1px dashed #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #333;
    padding: 11px 16px;
}
.contact h2 {
   font-weight:600;
    margin: 0;
    padding: 0;
	font-size:14px;
}



.plan .head h1, .plan .head h2, .plan .head h3 {
    font-weight:600;
    margin: 0;
    padding: 0;
	font-size:17px;
}
.plan .price {
    border-top: 1px solid #e0dfdf;
    margin: 0 auto 30px;
    width: 80%;
}
.plan .price h3 {
    font-size: 26px;
    line-height: 1;
    vertical-align: top;
}
.plan .price h3 span {
    display: inline-block;
    font-size: 14px;
    margin: 6px 0 0 -7px;
    position: relative;
    vertical-align: top;
}
.plan .price h4 {
    color: #6d7e8f;
    font-size: 18px;
}
.plan .btn {
    font-weight: 500;
    padding: 6px 20px;
    text-transform: uppercase;
}
.plan ul {
    list-style-type: none;
    margin-top: 2px;
    padding: 20px 20px 5px;
	color:#555;
}
.plan ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
	text-align:left;
	padding-bottom:20px;
	border-bottom: 1px solid #e0dfdf;
}
.plan ul li a {
    color: #e6e9ed;
    text-decoration: underline;
}
.plan ul li:last-child {
    border-bottom: medium none;
}
.plan ul strong {
    font-weight: 700;
}

.btn-success {
    background-color: #98bf40;
    border-color: #4cae4c;
    color: #fff;
}

.img-animate {
    -webkit-animation: fadein 2.5s; /* Safari and Chrome */
    -moz-animation: fadein 2.5s; /* Firefox */
    -ms-animation: fadein 2.5s; /* Internet Explorer */
    -o-animation: fadein 2.5s; /* Opera */
    animation: fadein 2.5s;
	border-radius:0px;
}

.carousel-DriveroverTracker{position: absolute;
    left: 11%;
    top: 0;}

#page-content-wrapper{padding-top: 60px;}


.glyphicon.glyphicon-menu-right,
.glyphicon.glyphicon-menu-left{    position: absolute;
    top: 50%; font-size: 32px;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.radiowaves {
    border-radius: 8px;
    height: 16px;
    left: 65%;
    margin-left: -5px;
    position: absolute;
    text-align: center;
    top: 190px;
    width: 12px;
    z-index: 3;
}

.radiowave {
	position: absolute;
	top: -117px;
	left: -117px;
	display: inline-block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-box-shadow: 0 -4px 0px 3px #000;
	box-shadow: 0 -4px 0px 3px #000;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.radiowave-1 {
    -webkit-animation: radiowave 4s linear infinite;
    -moz-animation: radiowave 4s linear infinite;
    -ms-animation: radiowave 4s linear infinite;
    -o-animation: radiowave 4s linear infinite;
    animation: radiowave 4s linear infinite;
}

.radiowave-2 {
    -webkit-animation: radiowave 4s linear infinite 0.65s;
    -moz-animation: radiowave 4s linear infinite 0.65s;
    -ms-animation: radiowave 4s linear infinite 0.65s;
    -o-animation: radiowave 4s linear infinite 0.65s;
    animation: radiowave 4s linear infinite 0.65s;
}

.radiowave-3 {
    -webkit-animation: radiowave 4s linear infinite 1.3s;
    -moz-animation: radiowave 4s linear infinite 1.3s;
    -ms-animation: radiowave 4s linear infinite 1.3s;
    -o-animation: radiowave 4s linear infinite 1.3s;
    animation: radiowave 4s linear infinite 1.3s;
}

.btn-float {
    -webkit-animation: float 0.75s ease-in-out infinite;
    -moz-animation: float 0.75s ease-in-out infinite;
    -ms-animation: float 0.75s ease-in-out infinite;
    -o-animation: float 0.75s ease-in-out infinite;
    animation: float 0.75s ease-in-out infinite;
}

@keyframes radiowave {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scale(4);
        -moz-transform: scale(4);
        -o-transform: scale(4);
        -ms-transform: scale(4);
        transform: scale(4);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-moz-keyframes radiowave {
    from {
        -moz-transform: scale(0);
        transform: scale(0);
        filter: alpha(opacity=10);
        opacity: 0.1;
    }
    to {
        -moz-transform: scale(4);
        transform: scale(4);
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-webkit-keyframes radiowave {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        filter: alpha(opacity=10);
        opacity: 0.1;
    }
    to {
        -webkit-transform: scale(4);
        transform: scale(4);
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-ms-keyframes radiowave {
    from {
        -ms-transform: scale(0);
        transform: scale(0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        opacity: 0.3;
    }
    to {
        -ms-transform: scale(4);
        transform: scale(4);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

@-o-keyframes radiowave {
    from {
        -o-transform: scale(0);
        transform: scale(0);
        filter: alpha(opacity=30);
        opacity: 0.3;
    }
    to {
        -o-transform: scale(4);
        transform: scale(4);
        filter: alpha(opacity=0);
        opacity: 0;
    }

}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead 
th {
    border-bottom: 1px solid #e7e7e7;
    line-height: 1.42857;
    padding: 6px;
    vertical-align: top;
}
.panel-title {
    font-size: 14px;
    color: inherit;
	color:#222;
}

.panel-title a:hover{color:#555;
}

.panel-body {
    padding: 15px;
	color:#555;
}
.slide.bg-image-with-shadow {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.slide.bg-image-with-shadow:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  z-index: 1;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
}
.panel-heading{background-color: #E8EEF2;}
.panel-default>.panel-heading {color: #666;background-color: #f5f5f5;border-color: #ddd; font-weight:600; font-size:16px}
.panel-title {
    font-size: 14px;
    color: inherit;
	color:#222;
}
.panel-body {
    padding: 15px;
	color:#555;
}


.group1            { 
  position:relative; 
  margin-bottom:12px;
  padding:0 12px; }
  
  label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 100%;
	color:#555; padding-top:5px;
}

.group            { 
  position:relative; 
  margin-bottom:32px; 
}
input               {
  font-size:14px;
  padding:4px 4px 7px 5px;
  display:block;
  width:100%;
  border:none;
  background:none;
  border-bottom:1px solid #dfdfdf;;
}
input:focus{ outline:none; }


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}


select               {
  font-size:14px;
  padding:4px 4px 7px 5px;
  display:block;
  width:100%;
  border:none;
  background:none;
  border-bottom:1px solid #dfdfdf;;
}
select:focus{ outline:none; }



/* active state */
select:focus ~ label, select:valid ~ label        {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* active state */
select:focus ~ .bar:before, select:focus ~ .bar:after {
  width:50%;
}
/* active state */
select:focus ~ .highlight {
  -webkit-animation:selectHighlighter 0.3s ease;
  -moz-animation:selectHighlighter 0.3s ease;
  animation:selectHighlighter 0.3s ease;
}

select {
    -moz-appearance: none;
    margin-top: 10px;
    padding: 10px 0 10px 1px;
    text-overflow: "";
}
textArea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #dfdfdf;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
    font-size: 14px;
    padding: 5px 4px 7px 5px;
    width: 100%;
}

/* Integration for Sidepower */
#sidebar-wrapper {
			 margin-top:0px !important;
}
.navbar-brand img{top:13px; position:fixed;}

.rover-table {
    color: #333;
    font-size: 14px;
	margin-top: 25px;
}
.rover-table .table > tbody > tr > td:first-child{
    font-weight: 700;
}
.spec-bg{
	background: transparent;
	margin-top: 0;
}
.featuresapp {
    margin-top: 75px;
}
.img-mt{
	margin-top: 90px;
}

.tab-img-mt {
    margin-top: 70px;
}

.feature-list-sec {
    margin-top: 20px;
}
.feature-list {
    padding-left: 0;
	text-align: center;
}
.feature-list > li {
    display: inline-block;
    text-align: center;
    margin: 0 65px;
    max-width: 140px;
    margin-bottom: 30px;
    vertical-align: top;
}
.feature-list > li .img-feat{
    width: 100px;
    height: 100px;
    background-color: #0088cc;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
	margin-bottom: 10px;
}
.img-feat.rover_1{
	background: #64b5f6 url(../images/rover_1.png) center center no-repeat;
}
.img-feat.rover_2{
	background: #64b5f6 url(../images/rover_2.png) center center no-repeat;
}
.img-feat.rover_3{
	background: #64b5f6 url(../images/rover_3.png) center center no-repeat;
}
.img-feat.rover_4{
	background: #64b5f6 url(../images/rover_4.png) center center no-repeat;
}
.img-feat.rover_5{
	background: #64b5f6 url(../images/rover_5.png) center center no-repeat;
}
.img-feat.rover_6{
	background: #64b5f6 url(../images/rover_6.png) center center no-repeat;
}
.img-feat.rover_7{
	background: #64b5f6 url(../images/rover_7.png) center center no-repeat;
}
.img-feat.rover_8{
	background: #64b5f6 url(../images/rover_8.png) center center no-repeat;
}
.feature-list > li p{
    color: #333;
    font-size: 18px;
}
.feature-icon-sec {
    padding: 1px 0;
	background-color: #fff;
}
#sidebar-wrapper{
	display: none;
}
#wrapper {
    padding-left: 0;
}

.product-item p {
    font-size: 16px;
    line-height: 32px;
}
.product-item .p-img {
    margin: 20px 0;
}
.product-item h3 {
    color: #0088cc;
}



/**spy scroll**/

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;
    background: #f6b20e;
    border-radius: 4px;
    padding: 10px 8px;
}
/******************Shujait**********************************/
.p-img img{max-width: 100%;}


/*
 * inspired from https://codepen.io/Rowno/pen/Afykb 
 * */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
 * WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
 * now override the 3.3 new styles for modern browsers & apply opacity
 * */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }

    .item:nth-child(1) {
      background: blue;
    }

    .item:nth-child(2) {
      background: red;
    }

    .item:nth-child(3) {
      background: orange;
    }


/*------ present -------*/

section.top_banner_bg {
  background: hsl(220, 93%, 6%) url("../images/top_banner.png") no-repeat fixed 0 0 / cover ;
  padding-bottom: 0;
  position: relative;
}
section.top_banner_bg:after {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	content:"";
	background:rgba(1, 10, 28, 0.8);	
}

.present {
  position: relative;
  z-index: 2;
}

.present_img {
  position: relative;
  z-index: 2;
}

.present h1 {
  font-size: 45px;
  font-weight: 300;
  color: #fff;
  line-height:76px;
	padding-top:50px;
}
.present h5 {
  font-weight: 300;
  color: #fff;
	font-size: 22px;
}
.present span {
  color: hsl(37, 99%, 44%);
  font-weight: 700;
}
.present b {
  color: hsl(42, 93%, 51%);
  font-weight: 700;
}

.section_btn .btn.btn-default {
      background: hsl(357, 73%, 49%) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.2);
    color: hsl(0, 0%, 100%);
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
    margin: 40px 5px 0;
    padding: 5px 29px;
}

.section_btn > span .btn.btn-default {
  background: #f6b20e;
}


.present_img {
  position: relative;
}

.section_btn .btn.btn-default:hover {
  background: #ba0a14 none repeat scroll 0 0;
}

.section_btn > span .btn.btn-default:hover {
  background: #d59700 none repeat scroll 0 0;
}

.section_sub_btn .btn.btn-default:hover {
  background: #d7232d none repeat scroll 0 0;
}
section {
    clear: both;
    padding: 110px 0;
}

hr.tall {
    margin: 44px 0;
}


hr {
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    border: 0;
    height: 1px;
    margin: 22px 0;
}