.heading{ font-size:24px; color:#333; text-align:center}
.lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
}

.cont{ background:url(../img/maps-banner.jpg) right no-repeat; padding:30px 0px; width:100%; color:#696d71; min-height:500px; margin:30px 0px}
.baner h2{ font-size:36px; margin-top:80px; color:#fff}
.baner p{ font-size:22px; margin-top:5px; color:#fff}
.cont1{ background:#eceff1; padding:20px 0px; width:100%; color:#696d71}
.contentr { width:100%; background:#03a9f4; border-bottom:1px solid #ecead7; border-top:1px solid #ecead7; margin:40px 0; padding-top:10px}

.main{ padding-top:0}
#header {
    position: fixed;
	background:#fff;
    z-index: 100;
}


.header{padding: 19px 5px 14px 22px;}
.header{background:#665237 url(../img/header-bg1.jpg) no-repeat scroll center center; background-size: cover; color: #fff;margin:0 auto 0; overflow: hidden; position: relative;transition: background-position 1.4s ease-in-out 0.3s;}
.header::before{ background-image: radial-gradient(circle at left top , #079ccc, #19004b 40%); opacity: 0.67; content: "";
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;}



.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    opacity: 1;
}
.carousel-control.left {
    top: 40%;
}
.carousel-control.right {
    top: 40%;
}
.carousel-caption {
    height: auto;
    text-align: left;
    top: 75%;
	text-shadow:none;
}
.carousel-indicators .active {
    background-color: #999;
    height: 12px;
    margin: 0;
    width: 12px;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}

.carousel-caption h2 {
    line-height: 160%;
}
.carousel-caption h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    padding: 10px 20px 12px 0;
    text-align: center;
}

.outline_section.pb25.gray_bg{padding: 30px 0; clear: both; }
#header .menu2{
	float:left;
	background:none !important;
	margin-left: 114px; border:none;
}
#header-nav-main2{
	width:100% !important;
}
#header-nav-main2 li.active a{
	background:none !important;
	border:none !important;
	color:#cfd8dc !important;
}
#header-nav-main2 li{
	padding:0;
}
.drivematelogo{
position: absolute !important;
display: block !important;
z-index: 999;
top: 12px;
left: 19px;}



@media screen and (min-width:600px) {
#header-nav-main2{width:100% !important; color:#ffffff !important; }.main{ padding-top:124px}
}


@media (min-width: 450px) {
#header-nav-main2{ color:#ffffff !important;}
#header-nav-main2 a{ color:#ffffff; }
.main{ padding-top:0}
#header-nav-main2 li{ color:#ffffff !important; }

}

@media (min-width: 320px) {
.main{ padding-top:0}


}

@media (min-width: 768px) {
#header-nav-main2 {width: 100% !important; color:#395563 !important;}
}

@media (min-width: 1024px) {
#header-nav-main2 {width: auto !important; color:#395563 !important;}
#mainNav2{ margin-left:130px; margin-top:0px}

}



.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;}
#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;}	
.buy a{ background:#ff6d00; border: 1px solid #fff; border-radius: 6px;color:#fff; 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:180px 0 40px 0}
.drivem h3{ font-size:38px; line-height:42px; font-weight:500; color:#fff; padding:6px 0 42px 0; margin:0px}
.drivem p{ font-size:26px; line-height:42px; font-weight:500; color:#fff; padding:10px 0 1px 0; margin:0px}
 
.carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center ;
    width: 60%;
    z-index: 15;}

.top-grid {
}
.top-grid span {
    background: #ff9800 none repeat scroll 0 0;
    border: 2px solid #fb8c00;
    border-radius: 30em;
    display: inline-block;
    height: 135px;
    transition: all 0.5s ease 0s;
    width: 135px;

}

.top-grid span1 {
    background: #00838f none repeat scroll 0 0;
    border: 5px solid #ebebeb;
    border-radius: 30em;
    display: inline-block;
    height: 135px;
    transition: all 0.5s ease 0s;
    width: 135px;
}

.features h1 {padding-bottom:11px;font-size:32px;font-weight: 500;color:#003e47;}
.features h3 {padding-top:40px;font-size:24px;font-weight:500;color: #8e8e8e;}
.features p {font-size:18px;line-height:28px;color:#696d71;}

.featuresapp h1 {padding-bottom:11px; padding-top:80px; font-weight: 500;color:#fff;}
.featuresapp h3 {padding-top:80px;font-size:24px;font-weight:500;color: #fff;}
.featuresapp p {font-size:18px;line-height:28px;color:#fff; padding-bottom:20px}
.top-button { margin:20px 0 50px;}
.top-grid span label {
	background: rgba(0, 0, 0, 0) url(../img/top-icons.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 66px;
    margin-left: 0.2em;
    margin-top: 2em;
    text-align: center;
    width: 66px;
}
.top-grid span label.icon2 {
    background-position: -317px 0;
}
.top-grid span label.icon3 {
    background-position: -636px 0;
}
.top-grid span label.icon4 {
    background-position: -819px 0;
}
.top-grid h3 {
    text-transform: capitalize;
	 color: #575757;
	 margin-bottom:10px;
}
.top-grid h3 a {
    color: #575757;
}
.top-grid h3 a:hover {
    text-decoration: none;
}
.top-grid p {
    color: #8d8d8d;
    font-size: 1em;
    line-height: 1.6em;
}
.top-grids {
    padding: 3.5em 0;
}
.top-grid:hover span {
    background: #575757 none repeat scroll 0 0;
    border-color: #eee;
}



 .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;
	line-height:20px;
	font-size:14px;
	color:##37474f;
	
}





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

.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; }

.group            { 
  position:relative; 
  margin-bottom:32px;
  padding:0 12px; 
}
.geta {
    background-color: #fff;
    border: 1px solid #00adff;
    border-radius: 12px;
    color: #047cc8;
    cursor: pointer;
    font-size: 12px;
    padding: 9px 12px;
    text-transform: uppercase;
}
.geta:hover {
    background-color: transparent;
    border: 1px solid #209cea;
    color: #095db1;
    text-decoration: none;
}
.btn-success {
    background-color: #0091ea;
    border-color: #0091ea;
    color: #fff;
}
.btn-success.focus, .btn-success:focus {
    color: #FFF;
    background-color: #0091ea;
    border-color: #0091ea;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
	    background-color: #0091ea;
    border-color: #0091ea;
}

label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 100%;
	color:#555; padding-top:5px;
	font-size:13px;
}


.top-grid {
}
.top-grid span {
    background: #ff9800 none repeat scroll 0 0;
    border: 2px solid #fb8c00;
    border-radius: 30em;
    display: inline-block;
    height: 135px;
    transition: all 0.5s ease 0s;
    width: 135px;
}

.top-grid span1 {
    background: #00838f none repeat scroll 0 0;
    border: 5px solid #ebebeb;
    border-radius: 30em;
    display: inline-block;
    height: 135px;
    transition: all 0.5s ease 0s;
    width: 135px;
}

#footer {
    background: #263238 none repeat scroll 0 0;
    border-top: 4px solid #37474f;
    clear: both;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 70px 0 0;
    position: relative;
}

.page-header {
    background-color: #263238;
    border-bottom: 3px solid #ccc;
    border-top: 3px solid #384045;
    margin: 0 0 5px;
    min-height: 20px;
    padding: 10px 0;
    position: relative;
    text-align: left;
}
.page-header h1 {
    border-bottom: 3px solid #ccc;
    color: #fff;
    display: inline-block;
    font-size:22px;
    font-weight: 200;
    margin:0 0 -16px;
    min-height: 22px;
    padding: 0 0 10px;
    position: relative;
}














html .btn-quaternary.know_more {  background-color:#ed8446;}
html .btn-quaternary.know_more:hover, html .btn-quaternary.know_more:focus, html .btn-quaternary.know_more:active:hover, html .btn-quaternary.know_more:active:focus {
    background-color: #D46B2E;  color: #fff;
}
.list li { margin-bottom: 0px;}
.list.list-icons li .sub_list{ padding:0;     margin-top: 10px;}
.list.list-icons li .sub_list li{ margin-bottom:0; list-style:none;}
p .bold_txt{ font-weight:bold;}
.heading_secondary{ color:#ed8446 ; font-size:15px; line-height:20px; text-transform:none; margin:0;padding-bottom: 3px;
    border-bottom: 2px solid #ed8446;
    display: inline-block;
    margin-bottom: 10px;}


p .light_bold{ font-weight:bold; font-size: 16px; line-height:16px;}


.outline_list{ padding:0;}
.outline_list li{ list-style:none; }
.outline_list li i{ color:#ed8446 ; margin-right:10px;}
.heading_sub{ font-size:16px; color:#ed8446; line-height:20px;font-weight: bold; margin-top:17px;}
.heading_outline_list{font-size:14px; color:#ed8446; line-height:14px;font-weight: bold;}



#header .header-search{ float:right; max-width:300px; width:100%;     margin-top: 11px;}
.header-search .input-group{ display:block;}
#header .header-search .form-control{ width:100%;}
#header .header-search .btn-default{ outline:none; right: 3px;top: 2px;}




#header .header-nav-main nav > ul > li > a{    padding: 9px 13px 7px 13px; display:block;}
 #header .header-nav-main nav > ul > li.dropdown > a{ padding-top:9px !important; padding-bottom:7px;}
 #header .header-nav-main nav > ul > li > a{ display:block;}
#header .header-nav-main nav > ul > li.dropdown > a {
    padding-top: 9px !important;
    padding-bottom: 7px;
}
#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a{ padding-bottom:7px;}
#header .header-nav-main{    margin: 3px 0 0;}
#header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu{ top:42px;}
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after{    top: 9px;}


#header .header-body{ border:none; box-shadow:none;}
#header .header-nav-main{ margin:0 0 0 0; min-height:auto;}





.breadcrumb { width:50%; float:left;
    background: none;
    margin: -3px 0 0;
    padding: 0;
}
.breadcrumb2{ margin-top:2px;}
#header .header-search{ margin-top:0;}
#header .header-nav-main{ min-height:auto;}

.page-header2 {
    padding: 18px 0 14px 0;
}
.page-header2 {
    padding: 16px 0;
    background-image: url(../img/shattered.png);
    background-repeat: repeat;
    border: 0;
    background-color: #263238;
    margin: 0;
}
.page-header2 .breadcrumb li {
    padding-right: 25px;
    position: relative;
}
.page-header2 .breadcrumb>li+li:before {
    content: "";
    padding: 0;
}

.page-header2 .breadcrumb li:after {
    content: "\f054";
    color: #BBB;
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    top: 10px;
    right: 4px;
    font-size: 12px;
}
.page-header2 .breadcrumb li:last-child:after{ content:"";}
.page-header2 .breadcrumb li:last-child a {
    color: #fff; text-decoration:underline;
}
.page-header2 .breadcrumb li a {
    color: #E0E0E0;
}
.page-header2 .breadcrumb li:last-child a {
    font-weight: 600;
}



.routnet_steps { margin:40px 0 40px 0;}
.routnet_steps img{ width:100%;}

.slide_title{ width:100%; position:absolute; top:34%; left:0; right:0; margin:auto; text-align:center;}
.slide_title h3{ font-size:43px; line-height:34px; color:#ffffff; font-weight:700; text-transform:inherit;}
.slide_title .get_in{  width:239px;  background:#263238; color:#fff; font-size:28px; line-height:20px; font-weight:700;  border-radius: 8px; display:inline-block; padding: 17px 0; font-weight: 700;}
.slide_title .get_in:hover{ text-decoration:none;  }



@media (max-width: 1120px){
.slide_title h3 {font-size: 35px;  line-height: 27px;     margin-bottom: 19px;}
.slide_title .get_in{  width: 194px; font-size:22px; padding: 13px 0;}
}

@media (max-width: 860px){
.slide_title h3 {font-size: 25px; margin-bottom: 14px;}
.slide_title .get_in{  width: 152px; font-size: 17px; padding: 10px 0;}
}
	
@media (max-width: 767px){
#header .menu2{ float:right;}
.slide_title{    top: 26%;}

.carousel.slide .carousel-inner>.item{ overflow:hidden;}
.carousel.slide .carousel-inner>.item img{    max-width: none;  text-align: center;margin: 0 auto;  width: auto;  height: 200px;}
.section.section{    padding: 10px 0;}
.section.section h4{ font-size:1.2em; line-height: 22px;} 
.section.section  .btn-xs{ padding:0;}
.btn.active, .btn:active{ box-shadow:none;}
.section.section .para{ line-height:19px;}
.breadcrumb{ width:100%;}
    
    
    
    .header-container.container{ padding-left:0; padding-right:0;}
    #header.header-narrow .header-logo .logoimg{    width: 209px;}
	#header .header-btn-collapse-nav{    margin-right: 10px;}
	.home { padding-top: 9px;     padding-left: 10px;     padding-right: 10px;}
	.divider{    margin: 0px auto;}
	.center_title { margin-bottom: 58px;}
    #header.header-narrow .header-logo img{ margin-right:0;}
    
        .page-header2 .breadcrumb li a {
    font-size: 11px;
}
    .page-header2 .breadcrumb li {
    padding-right: 17px;
}
    .breadcrumb li:after {
    font-size: 10px;
    top: 8px;
    right: 3px;
}
    .page-header2 .breadcrumb li:after {
    font-size: 10px;
    top: 8px;
    right: 3px;
}
    li {
    line-height: 20px;
}
    
    
}

@media (min-width: 320px){
  .main {
    padding-top: 0;
}
}

.home {
    float: left;
    padding-top: 13px;
}

.page_header {
    background-image: url(../img/shattered.png);
    background-repeat: repeat;
    border: 0;
    background-color: #263238;
    margin: 0;
}


.software_list {    padding: 0;
    margin-top: 10px;}
.software_list li{        position: relative;
    padding-left: 14px; list-style:none;}
	
.software_list li .fa, .software_list li .icons {
    position: absolute;
    left: 0;
    top: 8px;
}

.software_list li .fa, .software_list li .icons {
    color: #ed8446;
    border-color: #ed8446;
}
.benefits_sublist {    padding: 0;
    margin-top: 10px;}
.benefits_sublist li{        position: relative;
    padding-left: 14px; list-style:none;}
	
.benefits_sublist li .fa, .benefits_sublist li .icons {
    position: absolute;
    left: 0;
    top: 8px;
}

.benefits_sublist li .fa, .benefits_sublist li .icons {
    color: #ed8446;
    border-color: #ed8446;
}


.mt0{ margin-top:0 !important;}
.section.section{padding: 10px 0;}

#footer .list.list-icons li{ color:#ccc;}
#footer .footer-copyright p{ color:#ccc;}


footer label{ color: #fff;}

.gray_bg{    background: #f4f4f4;}
.pb25{ padding-bottom: 25px;}

ul.history2 li p{ margin-left: 0;}
.history2 .year_history h4{    font-size: 14px;font-weight: bold; line-height: 18px; }
.history2 .thumb{ position: absolute; top: 0; left: 0;}
.history2 .featured-box .list.list-icons li{ margin: 0;}
.history2 .featured-box .list.list-icons li .sub_list{ margin: 0;}
.history2 .featured-box .box-content{ padding: 15px;}

.history2  .year_history{ text-align: center;}
.ul.history2{ margin-bottom: 0;}
.history2 ul.history li .featured-box { margin-left: 144px;}
.history2 ul.history li .thumb{    width: 144px;}
.history2 ul.history li{ margin-top: 0; margin-bottom: 0;}

.history2 ul.history li .featured-box{ margin-bottom: 0;}
ul.history2{ margin: 0;}
.history2 ul.history li{ margin: 0;}
.history2 ul.history{ margin: 0;}
ul.history2 li{ margin: 0;}


.main_icon{ width: 90px; height: 90px;     margin: 0 auto; background:#ed8446; border-radius: 100%;     margin-bottom: 9px;}
.main_icon1{ background: #ed8446 url(../img/planning.png) no-repeat; background-position: center center;} 
.main_icon2{ background: #ed8446 url(../img/execution.png) no-repeat; background-position: center center;} 
.main_icon3{ background: #ed8446 url(../img/monitoring.png) no-repeat; background-position: center center;} 
.components_section li a{ text-decoration:underline; color: #777;}

@media (max-width: 767px){

    .history2 ul.history li .thumb{ display: none;}
    .history2 ul.history li .featured-box{ margin: 0;}
    .history2 .box-content h3{     color: #ed8446; font-size: 18px;line-height: 15px;margin-bottom: 11px; font-weight: bold;}
    
}



.mt-50{ margin-top: 32px !important;}
.mt0{ margin-top:0 !important;}

footer label{ color: #fff;}

@media (max-width: 991px){

.industry_verticle, .list.list-icons, .components_list, .list.list-icons li .sub_list{ margin:0;}

}

@media (max-width: 767px){
.mt-50{ margin-top:12px !important;}

}
section.section{background: #f9f9f9;}
.mainBox20 {text-align: center;}

.mainBox20 .col-xs-4 {display: inline-block;  vertical-align: top;float: none; text-align: left;}