@charset "UTF-8";
/* CSS Document */

body {
    margin:0; 
	padding:0;
}

.about-indent-top{
    margin-top: -68px; 
    background-color: #fff; 
}

.btn-primary{
    background-color:#0069aa;
    border-color:#0069aa;
}

a:hover, a:focus{
    color:#0069aa;
}

.line-space-mega-menu{
    line-height:1.2em;
}

.carousel-control{
    width:50%;
    opacity:0.8
}

nav ul li {
    display: block;
    position: relative
}

label{
    font-weight:normal;
}

/*for hoverIntent for menu delay
ul#menu li.hovering ul {
display: block;
}
/*for hoverIntent for menu delay*/

a{
    color:#0069aa;
}

.lightbox-left-space{
    padding-right:15px;
}

.space-industries-menu{
    padding-bottom:10px;
}

.space-menu{
    padding-bottom:3px;
}

.ui-state-error-message {
color:red;
font-size:12px;
}

/* icons */
.circle{
    background: rgb(189,29,43);
    color: #FFFFFF;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
	}
.circle-grey{
    background: #777;
    color: #FFFFFF;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
	}
	
.circle-utility{
	border-radius: 50%;
    background: #fff;
    color: #000;
    width: 20px;
    height: 20px;
	}

.fa-twitter{
	padding: 0.23em 0.25em;
	}

.fa-linkedin{
	padding: 0.17em 0.25em;
	}
.fa-youtube{
	padding: 0.18em 0.25em;
	}
.fa-comment{
	padding: 0.2em 0.25em;
	}
.fa-newspaper-o{
	padding: 0.3em 0.25em;
	}
.fa-facebook{
	padding: 0.18em 0.25em;
	}
.fa-google-plus{
	padding: 0.18em 0.25em;
	}
.fa-copyright{
	padding: 0.3em 0.25em;
	}
.upperCase{
    text-transform: uppercase;
    font-weight:700;
}
/* the end oficons */

/* header image of networks */
.networks-bg {
    background: url('../Images/banners/Networks-Section-Start.jpg') no-repeat center top scroll;
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.cellular-bg {
    background-image: url('../Images/banners/Networks-Cellular.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.networks-satellite-bg {
    background-image: url('../Images/banners/Networks-Satellite.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.dual-mode-bg {
    background-image: url('../Images/banners/Networks-Dual-Mode.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.satellite-ais-bg {
    background-image: url('../Images/banners/Networks-Satellite-AIS.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of header image of networks */

/* header image of hardware*/
.hardware-bg {
    background-image: url('../Images/banners/Hardware-Section-Start.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.devices-bg {
    background-image: url('../Images/banners/Hardware-Devices.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gt-700-bg {
    background-image: url('../Images/banners/Hardware-Devices-GT-700.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gt-1000-bg {
    background-image: url('../Images/banners/Hardware-Devices-GT-1000.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gt-1100-bg {
    background-image: url('../Images/banners/Hardware-Devices-GT-1100.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gt-2300-bg {
    background-image: url('../Images/banners/Hardware-Devices-GT-2300.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.idp-600-bg {
    background-image: url('../Images/banners/Hardware-Devices-IDP-600.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.idp-782-bg {
    background-image: url('../Images/banners/Hardware-Devices-IDP-782.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.idp-800-bg {
    background-image: url('../Images/banners/Hardware-Devices-IDP-800.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.rt-6000-bg {
    background: url('../Images/banners/Hardware-Devices-RT-6000.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.euroscan-x3-bg {
    background: url('../Images/banners/Hardware-Devices-EuroScan-X3.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.euroscan-mx2-bg {
    background: url('../Images/banners/Hardware-Devices-EuroScan-MX2.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.pt-7000-bg {
    background-image: url('../Images/banners/Hardware-Devices-PT-7000.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.sg-7100-bg {
    background-image: url('../Images/banners/Hardware-Devices-SG-7100.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.modems-bg {
    background-image: url('../Images/banners/Hardware-Modems.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.sensors-bg {
    background-image: url('../Images/banners/Hardware-Sensors.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of header image of hardware*/

/*header image of partner*/
.partner-bg {
    background-image: url('../Images/banners/Partners-Section-Start.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of header image of partner*/


/*header image of solution*/
.solution-bg {
    background-image: url('../Images/banners/Solutions-Section-Start.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-cargo-watch-bg {
    background: url('../Images/banners/Solutions-CargoWatch.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-reefer-trak-bg {
    background-image: url('../Images/banners/Solutions-IMB.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-fleet-edge-bg {
    background-image: url('../Images/banners/Solutions-FleetEdge.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-imb-bg {
    background: url('../Images/banners/Solutions-IMB.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-via-fleet-bg {
    background-image: url('../Images/banners/Solutions-ViaFleet.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-orbcomm-connect-bg {
    background-image: url('../Images/banners/Solutions-OrbcommConnect.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-enterprise-connect-bg {
    background-image: url('../Images/banners/Solutions-Enterprise-Connect.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.solution-iapp-bg {
    background-image: url('../Images/banners/Solutions-iApp-IoT.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of header image of solution*/


/*header image of industries*/
.header-transportation-distribution-bg {
    background-image: url('../Images/transportation-distribution.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.industries-bg {
    background-image: url('../Images/banners/Industries-Section-Start.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.transportation-bg {
    background-image: url('../Images/banners/Industries-Transportation-Index.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.vehicle-tracking-bg {
    background-image: url('../Images/banners/Industries-Transportation-Vehicle-Tracking.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.trailer-tracking-bg {
    background-image: url('../Images/banners/Industries-Transportation-Trailer-Tracking.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.cold-chain-bg {
    background-image: url('../Images/banners/Industries-Transportation-Cold-Chain.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.intermodal-bg {
    background-image: url('../Images/banners/Industries-Transportation-Intermodal.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.rail-bg {
    background-image: url('../Images/banners/Industries-Transporation-Rail.jpg');
    background-size: 1700px 360px;
    background-color:#eee;
}

.cargo-security-bg {
    background-image: url('../Images/banners/Industries-Transportation-Cargo-Security.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.maritime-bg {
    background-image: url('../Images/banners/Industries-Mariteim-Index.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.maritime-vessel-bg {
    background-image: url('../Images/banners/Industries-Maritime-Vessel.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.maritime-buoy-bg {
    background-image: url('../Images/banners/Industries-Maritime-Buoy.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.maritime-satellite-bg {
    background-image: url('../Images/banners/Industries-Maritime-Satellite.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.oil-gas-bg {
    background-image: url('../Images/banners/Industires-OilGas-Index.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.oil-gas-scada-bg {
    background-image: url('../Images/banners/Industires-OilGas-SCADA.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.oil-gas-pipeline-bg {
    background-image: url('../Images/banners/Industries-OilGas-Pipeline.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.oil-gas-equipment-bg {
    background-image: url('../Images/banners/Industries-OilGas-Equipment.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.oil-gas-utilities-water-bg {
    background-image: url('../Images/banners/Industries-OilGas-Utilities-Water.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gov-bg {
    background-image: url('../Images/banners/Industries-Gov-Index.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gov-military-bg {
    background-image: url('../Images/banners/Industries-Gov-Military.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.gov-emergency-bg {
    background-image: url('../Images/banners/Industries-Gov-Emergency.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}

.header-heavy-equipemnt-bg {
    background-image: url('../Images/heavy-equipment.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/*header image of industries*/

/* about header image */
.header-about-bg{
    background-image: url('../Images/about.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of about header image */

/* Privacy Policy  image */
.privacy-policy-bg{
    background-image: url('../Images/banners/privacy-policy.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of Privacy Policy header image */

/* Terms and Conditions image */
.terms-conditions-bg{
    background-image: url('../Images/banners/terms-conditions.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of Terms and Conditions header image */

/* Network Data image */
.network-data-bg{
    background-image: url('../Images/banners/network-data.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of Network Data header image */

/* Login image */
.login-bg{
    background-image: url('../Images/banners/login.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of Login header image */

/* Support image */
.support-bg{
    background-image: url('../Images/banners/support.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of Support header image */

/* Knowledge Center image */
.knowledge-center-bg{
    background-image: url('../Images/banners/knowledge-center.jpg');
    background-size: cover; 
    background-position:center top;
    background-color:#eee;
}
/* the end of Knowledge Center header image */

.frame {
    height: 130px;      /* equals max image height */
    width: 230px;
    text-align: center; 
    margin: 1em 0;
    /*display: table-cell;*/
    vertical-align: middle;
}

.padding-5-reason{
    padding-top:30px;
    padding-bottom:60px;
}

.padding-5-reason-longer{
    padding-top:30px;
    padding-bottom:120px;
}

.vertical-left-line-longgest{
        border-right: 1px dotted #9d9d9d;
    }

.vertical-left-line-longer{
    border-right: 1px dotted #9d9d9d;
    }

.vertical-left-line{
    border-right: 1px dotted #9d9d9d;
    }

.vertical-left-line-shorter{
    border-right: 1px dotted #9d9d9d;
    }

.vertical-right-line{
    border-right: 1px dotted #9d9d9d;
    }

hr {
  border:none;
  border-top:1px dotted #999999;
  color:#fff;
  height:1px;
}

.hr-space-v{
    margin-top:5px;
    margin-bottom:0;
}

.hr-space-size{
    margin-right:32px;
}

.white_bg {
	background-color:#FFFFFF;
}

.light_grey_bg {
	background-color:#eeeeee;
}

.float_left {
	float:left;
    margin-left:-10px;
}

.slidingDiv {
    height:130px;
    background-color:#999999;
    padding:40px;
    margin-top:0;
    border-bottom:5px solid #000;
}
 
.show_hide {
    display:none;
}

.white {
    color:white;
}
 
 .tab-content{
	margin-top:0;
	padding:25px 10px 10px 10px;
    /*margin-right:-15px;*/
}

 .tab-content-right-space{
     margin-right:-15px;
 }

 .tab-content-left-space{
     padding-left:10px;
 }

blockquote {
  border-left: 10px solid #bbb;
}

.main > li {
	height:70px;
	padding-top:10px;
}
.main > li > a {
	color:#fff;
}

.btn-default{
    background-color:#ebebeb;
}


/*========================================= 

Utility nav

==========================================*/
.utility {
	/*background-color:#eeeeee;*/
	border:none;
	margin-bottom:0;
}

.utility_divider {
	margin:14px 5px; 
	border-right:1px solid #555;
}
.utility_divider_left {
	margin:14px 0 14px 0px; 
	border-left:1px solid #555;
}

.utility>div>div>ul.navbar-nav > li > a{
    padding-top:5px;
    margin-bottom:-10px;

}

.navbar{
    min-height:0;
}
/*========================================= 

Navigation

==========================================*/
.main_nav {
	/*padding-top:10px;
	background-color:#fff;*/
	border:none;
	margin-bottom:0;
}

.main_nav-mobile {
	/*padding-top:10px;
	background-color:#fff;*/
	border:none;
	margin-bottom:5px;
}

/* remove the black line at main nav for chrome and firefox*/
.navbar-nav {
    margin:0 0 -1px 0;
}
/* remove the black line at main nav for chrome and firefox*/

.navbar {
    border-radius: 0;
    border:none;
}

.navbar-inverse {
  z-index: 700;
  background:rgba(0,0,0,0.6);
}

.navbar-inverse .navbar-nav > li > a {
    color:#fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
    color:#000;
    background-color:#f4f4f4;
}

.navbar-default{
  z-index: 800;
  background-color:#ffffff;
}

.navbar-brand {
	padding:0 10px 0 0;
}

.nav > li.social > a {
	padding-right:10px;
    padding-left:10px;
}

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu{
    border:none;
    border-radius:0px;
}

.dropdown:hover .dropdown-menu {
    display:block;
    margin-top:0;
 }

.red {
    color:rgba(186,31,39,1);
    padding-top:6px;
}

.red-about {
    color:rgba(186,31,39,1);
}

.red-for-tab-title {
    color:rgba(186,31,39,1);
    margin-top:12px;
}

.nav-tabs > li > a {
	border-radius:0;
}
 
.nav_push {
	margin-bottom:12px;
}

.main_dot {
	margin:22px 5px; 
    font-size:4px;
    color:#fff;
}


/*========================================= 

Industries on homepage

==========================================*/
.industry-tabs {
	border:none;
}
.industry-tabs>li.active>a,.industry-tabs>li.active>a:focus,.industry-tabs>li.active>a:hover {
	border:none;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.trans_blocks {
	min-height:200px; 
	background-color:#2ecc71;
	border:10px solid #fff;
}
.heavy_blocks {
	min-height:200px; 
	background-color:#3498db;
	border:10px solid #fff;
}
.maritime_blocks {
	min-height:200px; 
	background-color:#9b59b6;
	border:10px solid #fff;
}
.oil_blocks {
	min-height:200px; 
	background-color:#e74c3c;
	border:10px solid #fff;
}
.gov_blocks {
	min-height:200px; 
	background-color:#f1c40f;
	border:10px solid #fff;
}

.h1-page-title {
    padding:0px 35px 100px 0;/* Original is: padding:15px 35px 140px 0*/
    margin-left:-15px;
}



.block-title{
    padding:5px 20px 0 20px;
    width:80%;
    text-align:center;
    margin:50px auto 10px auto;
}
.block-text{
    width:85%;
    text-align:center;
    margin:10px auto 10px auto;
}

.block-title-black{
    color:#333;
}
.block-text-black{
    color:#333;
}

.block-title-white{
    color:#fff;
}
.block-text-white{
    color:#fff;
}

.text-center {
    text-align:center;
    padding:90px 35px 150px 35px;
    margin:0 auto;
    width:85%;
}

/*========================================= 

Callout on homepage

==========================================*/
/*.callout_box {
	margin-top:60px;
	margin-bottom:20px;
}

.callout_push {
	margin-top:12px;
}
.callout_btn {
	width:100%; 
	padding:14px 0; 
}*/


.nav-tabs.centered > li, .nav-pills.centered > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs.centered, .nav-pills.centered {
    text-align:center;
}


/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #bd1d2b;
  background-color: #fff;
  border: 1px solid #fff;
}
/* tab color */
.nav-tabs>li>a {
   
  background-color: #ebebeb; 
  border-color: #d5d5d5;
  color:#7c7b7b;
  /*border-top:2px solid transparent;*/
  border-bottom:1px solid transparent;
  margin-right:-5px;
  
}

/* hover tab color */
.nav-tabs>li>a:hover {
  /*border-color: #000000;*/
  background-color: #111111;
}
.nav-tabs {
    border-bottom:none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color:#333;
    background-color:#eee;
}

.nav-pills > li > a {
    border-radius:0;
}

/*========================================= 

tab on homepage or other pages

==========================================*/

/*tab image background*/
.tab-image-left{
    background-image: url('../Images/cold-chain.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-image-right{
    background-image: url('../Images/product.jpg');
    background-color:rgb(189,29,43);
    height:200px;
}

.tab-home-transp-left{
    background-image: url('../Images/tab/GT1100-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-home-transp-right{
    background-image: url('../Images/tab/CargoWatch-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
}

.tab-home-heave-equip-left{
    background-image: url('../Images/tab/FleetEdge-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-home-heave-equip-right{
    background-image: url('../Images/tab/ORBCOMMconnect-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
}

.tab-home-maritime-left{
    background-image: url('../Images/tab/IDP600-Series-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-home-maritime-right{
    background-image: url('../Images/tab/SatelliteAIS-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
}

.tab-home-oil-gas-right{
    background-image: url('../Images/tab/SG7100-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
}

.tab-home-gover-right{
    background-image: url('../Images/tab/IDP600-Series-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
}
/*the end of tab image background*/

/*index of network, hardware solution and industries */
.tab-network-cellular-left{
    background-image: url('../Images/tab/Cellular-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-network-satellite-left{
    background-image: url('../Images/tab/Satellite-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-network-dual-mode-left{
    background-image: url('../Images/tab/DualMode-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-network-satellite-ais-left{
    background-image: url('../Images/tab/SatelliteAIS-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-hardware-devices-left{
    background-image: url('../Images/tab/Hardware-Devices-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-hardware-modems-left{
    background-image: url('../Images/tab/Hardware-Modems-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-hardware-sensors-left{
    background-image: url('../Images/tab/Hardware-Sensors-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-industries-transp-left{
    background-image: url('../Images/tab/Hardware-Sensors-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-industries-heavy-equip-left{
    background-image: url('../Images/tab/HeavyEquipment-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-industries-maritime-left{
    background-image: url('../Images/tab/Maritime-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-industries-oil-gas-left{
    background-image: url('../Images/tab/OilGas-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}

.tab-industries-govern-left{
    background-image: url('../Images/tab/Government-Promo.jpg');
    background-color:rgb(189,29,43);
    height:200px;
    margin-bottom:20px;
}
/*the end of index of network, hardware solution and industries */

/*text over tab image background*/
.tab-image-left-text{
   background-color: rgba(189, 29, 43, 0.9);
    height:200px;
    width:340px;
    margin-left:20px;
    padding:1px 20px 10px 20px;
    color:#fff;
}


.tab-image-right-text{
   background-color: rgba(189, 29, 43, 0.9);
    height:200px;
    width:340px;
    padding:1px 20px 10px 20px;
    color:#fff;
}

.text-block-4{
    padding-top: 15px; 
    padding-bottom: 20px;
    
}

.text-block-4-text{
    /*padding-top:10px;
    padding-bottom:10px;*/
    padding-right:15px;
    
}

/*========================================= 

service of offering on homepage

==========================================*/
.service-offering-bg{
    background-image: url('../Images/service-offeringl.jpg');
    background-color:#07233d;
    height:auto;
}

.service-offering-block{
    background-color:#7d7d7d;
    color:#fff;
    padding-top:10px;
}


/*========================================= 

satellite-inside on satellite

==========================================*/
.satellite-bg{
    background-image: url('../Images/satellite-inside.jpg');
    background-color:#07233d;
    background-size: cover; 
    background-position:center top;
}

.satellite-block{
    background-color:rgba(255, 255, 255, .9);
    color:#000;
    height:350px;
    width:100%;
    padding:10px 20px 10px 25px;

}

/*========================================= 

product on hardware

==========================================*/
.product-bg{
    background-image: url('../Images/resources/Chassis-Tracking-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.product-block{
    background-color:rgba(255, 255, 255, .9);
    color:#000;
    margin:0 auto;
    width:70%;
    padding:25px;

}

/*========================================= 

news & twitter block

==========================================*/
.news-twitter-bg{
    background-color:#fff;
    height:500px;
}

.news-twitter-3{
    width:33%;
    padding-top:10px;
}

.news-twitter-2{
    width:50%;
    padding-top:10px;
}

.news-twitter-title{
    padding:5px 20px 10px 20px;
    text-align:center;
    margin:30px auto 0 auto;
}
.news-twitter-text{
    text-align:center;
    margin:10px auto 10px auto;
    font-size:14px;
}


/*========================================= 

Buckets on homepage

==========================================*/
.buckets_btn {
	display: block; 
	width: 100%;
}




/*========================================= 

Twitter module 

==========================================*/
.twitter_module {
	background-color:#ccc; 
	padding:40px 0 35px 0; 
	margin-top:80px;
}

.twitter_icon_large {
	padding-top:15px;
}

.twitter_follow_btn {
	width:100%;
	margin-top:20px; 
	padding:14px 0; 
	margin-bottom:15px;
}

/*========================================= 

resoure background

==========================================*/
.resoure-bg{
    background-image: url('../Images/resource.jpg');
    background-color:#07233d;
    height:auto;
}

.transp-vehicle-tracking-resources-bg{
    background-image: url('../Images/resources/Transp-VehicleTracking-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.transp-trail-tracking-resources-bg{
    background-image: url('../Images/resources/Transp-Tracking-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.transp-cold-chain-resources-bg{
    background-image: url('../Images/resources/Transp-ColdChain-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.transp-container-resources-bg{
    background-image: url('../Images/resources/Transp-Container-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.transp-rail-resources-bg{
    background-image: url('../Images/resources/Transp-Rail-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.transp-cargo-resources-bg{
    background-image: url('../Images/resources/Transp-CargoSecurity-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.heavy-equip-resources-bg{
    background-image: url('../Images/resources/HeavyEquip-Telematics-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.maritime-vessel-tacking-resources-bg{
    background-image: url('../Images/resources/Maritime-VesselTracking-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.maritime-buoy-resources-bg{
    background-image: url('../Images/resources/Maritime-Buoy-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.maritime-ais-resources-bg{
    background-image: url('../Images/resources/Maritime-AIS-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.oil-gas-scada-resources-bg{
    background-image: url('../Images/resources/OilGas-SCADA-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.oil-gas-pipeline-resources-bg{
    background-image: url('../Images/resources/OilGas-Pipeline-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.oil-gas-equipment-resources-bg{
    background-image: url('../Images/resources/OilGas-Equipment-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.oil-gas-Water-resources-bg{
    background-image: url('../Images/resources/OilGas-Water-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.government-emergency-resources-bg{
    background-image: url('../Images/resources/Government-Emergency-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.government-military-resources-bg{
    background-image: url('../Images/resources/Government-Military-Resources.jpg');
    background-color:#07233d;
    height:auto;
}

.resource-block{
    background-color:#fff;
    padding-top:10px;
}

.blue{
    color:#0069aa;
}

/*========================================= 

about

==========================================*/


/*========================================= 

Footer 

==========================================*/
.footer {
	min-height:300px; 
	margin:0
}

.footer .newsletter {
	margin-bottom:40px;

}

.footer .newsletter .navbar-form {
	margin-left:-15px;
}

.footer .navbar-default {
	background-color:transparent; 
	padding:0; 
	margin:0; 
	border:none
}

ul.bottom_nav {
	float:left;
	margin-right:25px;
	font-size:13px;
    font-weight:400;
    line-height:1.5em;
	padding-left:0;
	list-style:none;	
}

ul.bottom_nav li {
	padding-left:0;
	
	color:#999;
}

ul.bottom_nav li:first-child {
	margin-bottom:4px;
	font-weight:bold;
	color:#000;
}

ul.bottom_nav li:last-child {
	margin-bottom:0;
}

ul.icons li i{
	float:left;
	font-size:18px;
	margin-right:3px;
}

.form-control {
    padding-right: 30px;
}

.form-control + .fa {
    position: absolute;
    right: 0;
    padding: 15px 8px;
    color:#999;
    font-size:18px;
}

.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}

.jumbotron {
   font-size: 0;
   border-top-style: solid;
   border-width: 10px;
   border-color: rgba(186,31,39,0.9);
   margin-top:50px;
}

.jumbotron span {
   font-size: 1.15em;
   color:#444; 
   font-weight:normal;
   line-height:25px;
}

/*========================================= 

Hero spot on secondary page 

==========================================*/
.hero_callout {
	margin:123px 0 20px;
}
.hero_callout > .container > h3 {
	margin-bottom:25px;
}




/*========================================= 

Breadcrumbs 

==========================================*/
.breadcrumb {
	background:none; 
	margin-bottom:-20px; 
	border-bottom:1px solid #eee;
    margin-left:-30px;
    font-size:13px;
}

.breadcrumb-space {
	padding:0 10px;
}

.breadcrumb-hr{
    margin-left:-15px;
    margin-right:-15px;
}

.breadcrumb-about {
	background:none; 
	margin-bottom:-10px; 
    margin-top:80px;
    margin-left:-15px;
    font-size:13px;
}

.breadcrumb-hr-about{
    margin-left:-15px;
    margin-right:10px;
}

/*========================================= 

Tabs on secondary pages 

==========================================*/
.tab_labels {
	padding-left:40px; 
	padding-right: 40px;
}
.tabpanel_list {
	margin-top:20px; 
	padding-left:15px;
}
.tabpanel_list > p {
	margin:0 0 0 -15px;
	font-weight:bold;
}
.tab_btns {
	margin-right:20px;
}
.photo_push {
	margin-top:50px;
}
.app_photos {
	float:left; 
	margin-right:20px;
}




/*========================================= 

sidebar red 

==========================================*/
.sidebar_red {
	padding-top:10px
}
.sidebar_red_btns {
	width:100%; 
	padding:10px 0;
}

.sidebar_red_bg {
    width: 292px;
    background-color:rgb(189,29,43);
    padding:5px 15px 20px 15px;
    color:#fff;
    
    margin-left:-70px;
}

.sidebar_red_bg_login {
    width: 400px;
    background-color:rgb(189,29,43);
    padding:5px 15px 20px 15px;
    color:#fff;
    
    margin-left:-70px;
}

/*========================================= 

sidebar grey 

==========================================*/
.sidebar_grey_bg {
    width: 250px;
    background-color:#eee;
    padding:5px 15px 20px 15px;
    color:#000;
    margin-top:40px;
    /*border:2px solid #f3f2f2;*/
}

/*========================================= 

callouts

==========================================*/
.callout_grey_bg {
    position: relative;
    width:292px;
    height:auto;
    margin-left:40px;
    background-color:#a1a1a1;
    color:#fff;
    margin-top:20px;
}

.callout_grey_bg:before {
    content:"";
    position: absolute;
    right: 100%;
    top:40%;
    width:0px;
    height:0px;
    border-top:10px solid transparent;
    border-right:10px solid #a1a1a1;
    border-bottom:10px solid transparent;
}
 
.callouts-product{
    font-size:16px;
    font-weight:300;
    text-align:center;
}

.callouts{
    font-size:20px;
    font-weight:300;
    padding:15px;
}

.callouts-hr{
    margin-top:30px;
    margin-bottom:30px;
}

.callouts-hr-bottom{
    margin-top:30px;
    margin-bottom:30px;
}

/*For Networks, Hardware, Solutions and Industries main page "first P"*/
.callouts-main-menu{
    font-size:20px;
    font-weight:300;
    padding:25px 15px 15px 0;
}
/*For Networks, Hardware, Solutions and Industries main page "first P"*/

/*========================================= 

Testimonial block 

==========================================*/
.testimonial_box {
	background-color:#eee; 
	margin-top:60px; 
	padding:40px 0
}
hr.testimonial {
	margin-bottom:20px; 
	border-color:#bbb;
}




/*========================================= 

Related on second page 

==========================================*/
.related_push {
	margin-top:40px;
}
.related_btns {
	width:100%; 
	padding:9px 0; 
	margin-top:15px;
}



















@media (min-width : 320px) and (max-width : 767px) {
	.nav-tabs>li{
		font-size:11px;
		}
	
    .red {
    padding-top:15px;
    }
   h3 {
         font-size: 20px;
     }
     .social {
		float:left;
	}
	ul.bottom_nav {
		float:none;
		margin-bottom:20px;
	}
	.footer .newsletter {
		margin-bottom:0px;
	}
	.carousel_push {
		margin:62px 0 40px 0;
	}
	/*.callout_box {
		margin-top:15px;
	}*/
	.hero_callout {
		margin-top:62px;
	}
	.testimonial_box {
		margin-top:20px; 
	}
    .jumbotron {
        margin-top:40px;
    }

    .vertical-left-line-longgest{
        min-height:0;
    }

    .vertical-left-line-longer{
    min-height:0;
    }

    .vertical-left-line{
    min-height:0;
    }

    .vertical-left-line-shorter{
    min-height:0;
    }

.vertical-right-line{
    height:auto;
    }

    /*========================================= 
    Breadcrumbs 
    ==========================================*/
    .breadcrumb {
        margin-left:0;
    }

    .breadcrumb-hr{
        margin-left:15px;
        margin-right:15px;
    }

    .breadcrumb-about {
        margin-left:15px;
        margin-top:40px;
    }

    .breadcrumb-hr-about{
        margin-left:15px;
        margin-right:15px;
    }

    /*========================================= 
    tabs on homepage
    ==========================================*/

    .tab-image-right-text{
        margin-left:20px;
        width:auto;
    }
     .tab-image-left-text{
        margin-left:20px;
        width:auto;
        height:auto;
    }
     .tab-image-left{
        height:auto;
        margin-bottom:20px;
    }
     .tab-image-right{
        height:auto;
        margin-bottom:20px;
    }
     .text-block-4{
        width:auto;
        height:auto;
        padding-top: 10px; 
        padding-bottom: 0;
    }
     /* keep the same height for search button at mobile device
         .btn{
         font-size:11px;
     }
         */
     .h1-page-title {
        margin-left:15px;
    }

    .h1-page-title-about {
        margin-left:15px;
        padding-top:30px;
    }

    /*========================================= 

    service of offering on homepage

    ==========================================*/
    .service-offering-bg{
        height:auto;
    }

    .service-offering-block{
        width:85%;
        margin:15px auto;
        height:auto;
        padding-bottom:10px;
    }



    /*========================================= 

    resource on industries and Solutions

    ==========================================*/
    .resource-bg{
        height:auto;
    }

    .resource-block{
        margin-bottom:25px;
        width:90%;
        margin-left:auto;
        margin-right:auto;
        padding-bottom:40px;
    }


    /*========================================= 
    satellite-inside on satellite
    ==========================================*/
    .satellite-bg{
        width:auto;
    }
    .satellite-block{
        height:auto;
        width:90%;
        margin:auto auto;
    }

    /*========================================= 
    news-twitter block
    ==========================================*/
    .news-twitter-3{
        margin-bottom:25px;
        height:auto;
        width:100%;
    }

    .news-twitter-2{
        margin-bottom:25px;
        height:auto;
        width:100%;
    }

    .news_twitter_3_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .news_twitter_2_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .blue_bg_button{
        position: relative;
        margin:0 auto;
        display:block;
    }
    /*========================================= 
    right side bar on networks
    ==========================================*/
    .sidebar_red_bg {
        margin-top:100px;
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }
	
	.sidebar_red_bg_login {
        margin-top:50px;
        width:90%;
        margin-left:auto;
        margin-right:auto;
    }

    /*========================================= 
    callout
    ==========================================*/
    .callout_grey_bg {   
        margin-left:0;
    }

    .callouts-hr{
        margin-top:45px;
        margin-bottom:30px;
    }
    .callouts-hr-bottom{
        margin-top:70px;
        margin-bottom:30px;
    }

    .industries-siderbar-margin-top{
        margin-top:30px;
    }

    /*========================================= 
    sidebar grey 
    ==========================================*/
    .sidebar_grey_bg {
        margin-bottom:88px;
    }
}

@media (min-width : 768px) and (max-width : 992px) {
	.sidebar_red_bg {
    	
    	margin-left:-50px;
	}
	
	.sidebar_red_bg_login {
    	margin-top:190px;
    	margin-left:0px;
	}
	
    .nav > li > a{
        padding:15px 9px;
    }
          
    .jumbotron {
        margin-top:50px;
    }

    .h1-page-title-about {
        margin-left:-15px;
        margin-top:30px;
    }

     /*========================================= 
    Breadcrumbs 
    ==========================================*/
    .breadcrumb-about {
        margin-top:80px;
    }

    .breadcrumb-hr-about{
        margin-left:-15px;
        margin-right:-15px;
    }

    /*========================================= 
    tabs on homepage
    ==========================================*/
    .tab-image-right-text{
        margin-left:20px;
    }

     .service-offering-block{
        margin-bottom:25px;
        width:45%;
        height:auto;
        margin-left:25px;
    }

    /*========================================= 
    resource on industries and Solutions
    ==========================================*/
      .resource-block{
        margin-bottom:15px;
        width:45%;
        padding-bottom:10px;
        margin-left:25px;
        min-height:225px;
    }

    /*========================================= 
    satellite-inside on satellite
    ==========================================*/
      .satellite-bg{
        width:auto;
    }

      .satellite-block{
        width:90%;
        height:auto;
        margin:auto auto;
    }

    /*========================================= 
    news & twitter block
    ==========================================*/
    .news-twitter-2{
        width:45%;
        padding-bottom:40px;
        margin-left:25px;
        height:auto;
    }
    .news-twitter-3{
        width:30%;
        padding-bottom:40px;
        margin-left:15px;
        height:auto;
    }

    .news_twitter_3_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .news_twitter_2_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .blue_bg_button{
        position: relative;
        margin:0 auto;
        display:block;
    }
    /*========================================= 
    right side bar on networks
    ==========================================*/
    .sidebar-_ed_bg {
        /*margin-top:15px;*/
    }

    .callouts-hr{
        margin-top:45px;

        
    }
    .callouts-hr-bottom{
        margin-top:50px;
        
    }

    .industries-siderbar-margin-top{
        margin-top:30px;
    }

    /*========================================= 
    sidebar grey 
    ==========================================*/
    .sidebar_grey_bg {
        margin-bottom:88px;
    }
}


@media (min-width : 993px) and (max-width : 1199px) { 

	.sidebar_red_bg {
    	
    	margin-left:-60px;
	}
	
	.sidebar_red_bg_login {
    	
    	margin-left:0px;
	}
	
     .jumbotron {
        margin-top:50px;
    }
     .h1-page-title-about {
        margin-left:-15px;
        margin-top:30px;
    }
     /*========================================= 
    Breadcrumbs 
    ==========================================*/
    .breadcrumb-about {
        margin-top:80px;
    }

    .breadcrumb-hr-about{
        margin-left:-15px;
        margin-right:-15px;
    }

    /*========================================= 
    tabs on homepage
    ==========================================*/
    .tab-image-right-text{
        margin-left:20px;
    }

     .service-offering-block{
        margin-bottom:25px;
        width:45%;
        height:auto;
        margin-left:25px;
    }
     /*the gap of two rows at newworks*/
    .tab-image-left{
        margin-bottom:20px;
    }
    /*========================================= 
    resource on industries and Solutions
    ==========================================*/
      .resource-block{
        margin-bottom:15px;
        width:45%;
        padding-bottom:10px;
        margin-left:25px;
        min-height:205px;
    }

    /*========================================= 
    satellite-inside on satellite
    ==========================================*/
      .satellite-bg{
        width:auto;
    }

      .satellite-block{
        width:90%;
        height:auto;
        margin:auto auto;
    }

    /*========================================= 
    news & twitter block
    ==========================================*/
    .news-twitter-2{
        width:45%;
        padding-bottom:40px;
        margin-left:25px;
        height:auto;
    }
    .news-twitter-3{
        width:30%;
        padding-bottom:40px;
        margin-left:15px;
        height:auto;
    }

    .news_twitter_3_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .news_twitter_2_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .news_twitter_2_a{
        position: relative;
        margin:0 auto;
        display:block;
    }

    .blue_bg_button{
        position: relative;
        margin:0 auto;
        display:block;
    }
    /*========================================= 
    right side bar on networks
    ==========================================*/
    .sidebar-_ed_bg {
        /*margin-top:15px;*/
    }


    .callouts-hr{
        margin-top:45px;
        margin-right:-40px;        
    }
    .callouts-hr-bottom{
        margin-top:50px;
        
    }

    .industries-siderbar-margin-top{
        margin-top:-10px;
    }
}


@media (min-width:1200px) {
    .h1-page-title-about {
    font-weight:300;
    padding:5px 35px 120px 0;
    margin-top:30px;
    margin-left:-15px;
}
    /*========================================= 
    service of offering on homepage
    ==========================================*/
    .service-offering-block{
        width:22.5%;
        margin-left:25px;
        min-height:190px;
    }

    /*========================================= 
    tabs on homepage
    ==========================================*/
    .text-block-4{
        width:24%;
        min-height:152px;

    }

    .text-block-4-left-algin{
        margin-left:10px;
    }

    .tab-image-right-text{
        margin-left:185px;
    }
    .jumbotron {
        margin-top:50px;
    }

    /*the gap of two rows at newworks*/
    .tab-image-left{
        margin-bottom:20px;
    }
    /*========================================= 
    resource on industries and Solutions
    ==========================================*/
    .resource-block{
        width:22.5%;
        min-height:250px;
        margin-right:25px;
    }
    
    /*========================================= 
    news-twitter block
    ==========================================*/
    .news-twitter-3{
        min-height:360px;
    }

    .news-twitter-2{
        min-height:320px;
    }

    .news_twitter_2_r{
        margin-bottom:20px;
        position:relative;
    }

    .news_twitter_2_a{
        position: absolute;
        bottom: -5%;
        left:31%;
        right:auto;
        width:230px;
        /*margin:0 auto;
        margin-left:30%;*/
    }

    .news_twitter_3_r{
        margin-bottom:20px;
        position:relative;
    }

    .news_twitter_3_a{
        position: absolute;
        bottom: -5%;
        left:19%;
        right:auto;
        width:230px;
        /*margin:0 auto;
        margin-left:30%;*/
    }

    .blue_bg_button_resource{
        margin-bottom:20px;
        position:relative;
    }
    .blue_bg_button{
        position: absolute;
        bottom: 0;
        left:10%;
        right:auto;
        width:210px;
        /*right:10%;
        margin:0 auto;
        margin-left:30%;*/
        
    }

    .vertical-left-line-longgest{
        height:340px;
        
    }

    .vertical-left-line-longer{
        height:265px;
    }

    .vertical-left-line{
        height:220px;
        
    }

    .vertical-left-line-shorter{
        height:165px;
    }

    .industries-siderbar-margin-top{
        margin-top:-10px;
    }

    .bottom-space{
         padding-bottom:30px;
    }
}