/*******
*
*
* Author Name : Mostafizur Rahman
* Author URI : http://mostafiz.me/
* Descripion : This is a responsive Bootstrap responsive app landing page developed by Mostafizur Rahman
* Template URI : http://mostafiz.me/demo/lucid/
* Version : 1.1
*
*
***b****/
body{
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	box-sizing: border-box;
}
li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none;
	color:#FFF;
}
h4{
	font-size: 14px;
	color: #0c9443;
	text-transform: uppercase;
	margin-top: 65px;
	font-weight: 700;
}
h8{
	font-size: 18px;
	color: #0c9443;
	text-transform: uppercase;
	margin-top: 5px;
	font-weight: 700;
}
h2{
	font-size: 36px;
	color: #1a1a1a;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 0;
}
.animated {
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
}
/*header area*/
.top-header{
	background:transparent;
	position: fixed;
	width: 100%;
	z-index: 999;
		transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.top-header img.logo{
	margin-top: 0;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
}
.nav-bar{
	margin-top: 28px;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.navbar-toggle span{
	color: #fff;
}
ul.nav{
	margin: 0;
	padding: 0;
	list-style-type: none;
    text-align:right;
}


.navbar-default .navbar-nav>li>a {
	/*display: inline-block;*/
 	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 8px 0;
	margin:0 15px;
	font-weight: 600;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #fff;
	border-bottom: 2px solid #0c9443;
}
.navbar-default .navbar-nav>li>a.active{
	color: #fff;
	border-bottom: 2px solid #0c9443;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}

.banner1{
	background: url(../img/truck.jpg);
	background-repeat: no-repeat;
	background-position:top;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
}
.banner1 h3{
	font-size: 30px; /*14*/
	color:  #0c9443; /*#0c9443;#0c9443  #009140*/
	text-transform: uppercase;
	margin-top: 160px;
	font-weight: 900;
}
.banner1 h2{
	font-size: 30px; /*14*/
	color:  #fff;  /*00cc00; /*#0c9443;#0c9443  #009140*/
	text-transform: uppercase;
	margin-top: 120px;
	margin-bottom: 30px;
	font-weight: 900;
}
.banner1 h1{
	font-size: 20px;  /*48*/
	color: #fff;
}
.banner1 h4{
	font-size: 28px;  /*48*/
	color: #000;
}
.banner1 p{
	font-size: 16px;  /*18*/
	color: #000;
	margin-top: 25px;
	line-height: 2;
	font-weight: 600;
}

.banner2{
	background: url(../img/bannersys.jpg);
	background-repeat: no-repeat;
	background-position:top;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
}
.banner2 h3{
	font-size: 30px; /*14*/
	color:  #ffff; /*#0c9443;#0c9443  #009140*/
	text-transform: uppercase;
	margin-top: 160px;
	font-weight: 900;
}
.banner2 h2{
	font-size: 30px; /*14*/
	color:  #fff;  /*00cc00; /*#0c9443;#0c9443  #009140*/
	text-transform: uppercase;
	margin-top: 120px;
	margin-bottom: 30px;
	font-weight: 900;
}
.banner2 h1{
	font-size: 20px;  /*48*/
	color: #fff;
}
.banner2 h4{
	font-size: 28px;  /*48*/
	color: #000;
	margin-top: 200px;
}
.banner2 h5{
	font-size: 20px; /*14*/
	color: #FFF ;  /*00cc00; /*#0c9443;#0c9443  #009140 #0c9443 */
	text-transform: uppercase;
	margin-top: 150px;
	margin-bottom: 3px;
	font-weight: 900;
}
.banner2 p{
	font-size: 16px;  /*18*/
	/*color: #000;
	margin-top: 25px;
	line-height: 2;
	font-weight: 600;*/
}

.bannermap{
	background: url(../img/bannermap.jpg);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
}

/*.bannermap-img{
	position: relative;
}*/

.bannermap img{
	position: absolute;
	margin-top:50px;
}

.bannermap h3{
	font-size: 30px; /*14*/
	color:  #0c9443; /*#0c9443;#0c9443  #009140*/
	text-transform: uppercase;
	margin-top: 160px;
	font-weight: 900;
}
.bannermap h1{
	font-size: 20px;  /*48*/
	color: #fff;
}
.bannermap p{
	font-size: 16px;  /*18*/
	color: #fff;
	margin-top: 25px;
	line-height: 2;
	font-weight: 600;
}

/*banner area*/
.banner{
	background: url(../img/bannernew.jpg);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
}
.banner h3{
	font-size: 30px; /*14*/
	color:  #0c9443; /*#0c9443;#0c9443  #009140*/
	text-transform: uppercase;
	margin-top: 160px;
	font-weight: 900;
}
.banner h1{
	font-size: 20px;  /*48*/
	color: #fff;
}
.banner p{
	font-size: 16px;  /*18*/
	color: #fff;
	margin-top: 25px;
	line-height: 2;
	font-weight: 600;
}
.download-btn{
	width: 160px;
	height: 50px;
	border-radius: 4px;
	border: 2px solid #0c9443;  /*444348;*/
	background: transparent; /* #0c9443 ;*/
	/*background: #0c9443;*/
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 4px;
	/*border:0;*/
	margin-top: 60px;
	margin-right: 15px;
	font-weight: 600;
}

.download-btn1{
	width: 160px;
	height: 50px;
	border-radius: 4px;
	border: 2px solid #0c9443;  /*444348;*/
	background: #0c9443; /* #0c9443 ;*/
	/*background: #0c9443;*/
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 4px;
	/*border:0;*/
	margin-top: 5px;
	margin-right: 15px;
	font-weight: 600;
}
.features-btn{
	width: 160px;
	height: 50px;
	border-radius: 4px;
	border: 2px solid #0c9443 ; /*#444348; 3ADF00*/
	text-transform: uppercase;
	color: #fff; /*ffff*/
	background: transparent; /* 3ADF00 ;*/
	font-size: 14px;
	margin-top: 60px;
	margin-bottom: 105px;
	font-weight: 600;
}
.banner-img{
	position: relative;
}
.banner img{
	position: absolute;
	margin-top:125px;
}

/*features area*/
.features img{
	margin:auto;
	display: block;
	margin-top: 50px;
	margin-bottom: 10px;
}
.features i.fa{
	font-size: 25px;
	color: #0c9443;
	font-weight: 700;
	width: 100px;
	  height: 100px;
	  border: 1px solid #e1e1e1;
	  line-height: 4;
	  border-radius: 50%;
	  cursor: pointer;
	  transition: all .7s ease 0s;
	  -webkit-transition: all .7s ease 0s;
	  -moz-transition: all .7s ease 0s;
	  -o-transition: all .7s ease 0s;
	  -ms-transition: all .7s ease 0s;
}
.features i.fa:hover{
	color: #fff;
	background: #0c9443;/*#008DD5;*/
}
.features h4{
	/*font-size: 24px;*/
	color: #0c9443;
}

.features h2{
  margin-top: 20px;	
  margin-bottom: 30px;
}

.features p{
	font-size: 18px;
	color: #999999;
	margin-bottom: 10px;
}

.single-features {
  overflow: hidden;
  padding-top: 65px;
  padding-bottom: 40px;
}

.single-features .col-sm-6 {
  margin-top: 50px;
}

.single-features:last-child {
  padding-bottom: 95px;
  padding-top: 0;
}

.single-features h2{
  margin-top: 20px;	
  margin-bottom: 30px;
}

/*details area*/
.details-phone{
	margin-top: 50px;
}
.details p{
	font-size: 18px;
	color: #999999;
	margin: 30px 0;
}
.details ul{
	margin: 0;
	padding: 0;
}
.details ul li{
	font-size: 18px;
	color: #1b1b1b;
}
.details ul li i.fa{
	font-size: 20px;
	color: #0c9443;
	height: 30px;
	width: 30px;
}

.details-btn{
	width: 120px;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #000 ; /*#444348;*/
	text-transform: uppercase;
	color: #fff; /*ffff*/
	background: #0c9443; /* #0c9443 ;*/
	font-size: 14px;
	margin-top: 60px;
	margin-bottom: 105px;
	font-weight: 600;
}

.details-btn1{
	width: 160px;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #000 ; /*#444348;*/
	text-transform: uppercase;
	color: #fff; /*ffff*/
	background: #0c9443; /* #0c9443 ;*/
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}

/*feature-detail area*/
.feature-detail{
	background: #f2f2f2;
}
.feature-detail h4{
	margin-top: 120px;
}
.feature-detail h2{
	margin-bottom: 10px;
}
.feature-detail p{
	font-size: 18px;
	color: #999999;
	margin-top: 20px;
}
.horizontal-phone img{
	margin:30px 0;
}

/*pricing-slide area*/
.pricing-slide{
	background: url(../img/despacho.jpg); /*paralax.jpg*/
	background-repeat: no-repeat;
	background-position: fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.pricing-slide h2{
	margin-bottom: 10px;
	color: #fff;
}
.pricing-slide p{
	font-size: 20px;
	color: #fff;
	font-style: italic;
	font-weight: 300;
	margin-top: 60px;
	margin-bottom: 25px;
}
.item img{
	float: left;
	margin-right: 20px;
	margin-bottom: 200px;
}
.item h5{
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.item h6{
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
}
/*download area*/
.download{
	background: #15141a;
}
.download p{
	font-size: 15px; /*36*/
	color: #fff;
	/*font-weight: 300;*/
	padding: 15px 0 15px 0;
}

.download h4{
     color: #0c9443;
}

.download h2{
     color: #fff;
}

.download h3{
	font-size:16px;
     color: #fff;
	 font-weight: 500;
}
.download p span{
	font-weight: 700;
}
.download button{
	margin: 65px 0;
}
.download button.download-btn{
	margin-left: 15px;
}
/*price-plan area*/
.price-plan img{
	margin:auto;
	margin-bottom: 70px;
}
.single-table{
	border: 1px solid #e0e0e0;
	margin-bottom: 60px;
}
.single-table h3{
	font-size: 24px;
	color: #1a1a1a;
	border-bottom: 1px solid #e0e0e0;
	padding: 18px;
	line-height: 1;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 0;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.table-price{
	position: relative;
	border-bottom: 1px solid #e0e0e0;
	display: block;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.table-price h5{
	font-size: 60px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 17px;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.table-price h5 span{
	position: absolute;
	font-size: 25px;
	top: 21%;
	left: 34%;
	font-weight: 600;
}
.table-price p{
  font-size: 18px;
  color: #999999;
  line-height: 1;
  margin-bottom: 22px;
  transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.table-description p{
	font-size: 18px;
	color: #999999;
	padding: 40px 20px;
	margin-bottom: 0;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.table-description a{
	color: #0c9443;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.table-description button{
	width: 160px;
	height: 50px;
	border:1px solid #e0e0e0;
	color: #0c9443;
	border-radius: 4px;
	background: transparent;
	margin-bottom: 30px;
	font-weight: 700;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.free h5 span{
	left: 39%;
}
.business h3{
	color: #0c9443;
}
.business-price{
	background: #0c9443;
}
.business-price p{
	color: #fff;
}
.business button{
	background: #0c9443;
	color: #fff;
	border:0;
}
.business h5{
	color: #fff;
}
.single-table:hover.single-table h3{
	color: #0c9443;
}
.single-table:hover .table-description button{
	background: #0c9443;
	color: #fff;
	border:0;
}
.single-table:hover .table-price h5{
	color: #fff;
}
.single-table:hover .table-price p{
	color: #fff;
}
.single-table:hover .table-price{
	background: #0c9443;
}
/*contact area*/
.contact{
	background: #ededed;
	position: relative;
	height: 700px;
}
.contact-heading img{
	margin: auto;
	margin-bottom: 50px;
}
.contact i.fa{
	color: #0c9443;
	font-size: 20px;
	padding: 20px;
}
.contact p{
	font-size: 18px;
	color: #999999;
	line-height: 1;
}
.contact-form{
	background: #15141a;
	overflow: hidden;
	z-index: 222;
	position: absolute;
	margin-top: 50px;
}
.contact-form-left, .contact-form-right{
	margin-top: 60px;
}
.contact-form-left input{
	width: 100%;
	height: 50px;
	padding: 12px;
	border-radius: 5px;
	border:1px solid #444348;
	margin-bottom: 20px;
	background: transparent;
	color: #fff;
}
.contact-form textarea{
	width: 100%;
	height: 189px;
	border-radius: 5px;
	border:1px solid #444348;
	margin-bottom: 15px;
	background: transparent;
	padding: 12px;
	color: #fff;
}
.contact-form-right input{
	width: 160px;
	height: 50px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	background: #0c9443;
	border-radius: 5px;
	border:0;
	margin-bottom: 40px;
}

/*map section*/
#map{
	width: 100%;
	height: 370px;
	pointer-events: none;
}



/*footer section*/
.footer{
	background: #15141a;
}
.footer i.fa{
	font-size: 15px;
	padding: 20px;
	color: #444348;
	margin-top: 20px;
}
.footer i.fa:hover{
	color: #0c9443;
}
.footer p{
	font-size: 14px;
	color: #444348;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
}
.footer p a{
	color: #444348;
}
.footer p a:hover{
	color: #0c9443;
}

 /*tablita tablita */
 
.tablita    td {
      border-bottom: 1px solid #ccc;
      padding: 5px;
      text-align: left; /* IE */
	  vertical-align:middle;
	/*	background:-o-linear-gradient(bottom, #e8ffd1 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8ffd1), color-stop(1, #ffffff) ); 
	background:-moz-linear-gradient( center top, #e8ffd1 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8ffd1", endColorstr="#ffffff");	background: -o-linear-gradient(top,#e8ffd1,ffffff);*/

	background-color:#ffffff; /*eff2ef;*/

	border:1px solid #3f7f00;
	/*   border-width:0px 1px 1px 0px;*/
	text-align:left;
	/*padding:7px;*/
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
    }
.tablita     td + td {
      border-left: 1px solid #ccc;
    }
.tablita 	td.verde{
	vertical-align:middle;
		
	background-color: #33FF33;

	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color: #33FF33;
}
.tablita     td.rojo{
	vertical-align:middle;
		
	background-color:#FF0000;

	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#FF0000;
}

.tablita 	td.val{
	 vertical-align:top;	
	}
	
.tablita 	td.menu {
	padding: 1px;
	border:0px;
	background-color:#D5ECFF;
	padding-left:5px;
	z-index: 555;
	}
	
.tablita     th {
      padding: 0 5px;
      text-align: left; /* IE */

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	/*border-bottom: 1px solid #ccc;*/
	/*text-align:center;*/
	/*border-width:0px 0px 1px 1px;*/
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#0000ff;
    }
    .header-background {
      border-bottom: 1px solid black;
    }
    
   .fixed-table-container {
      width: 100%;
      height: 500px;
      border: 1px solid black;
      margin: 10px auto;
      background-color: white;
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      padding-top: 30px; /* height of header */
    }

    .fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }
     
    .header-background {
      background-color: #D5ECFF;
      height: 30px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
    
.tablita    table {
      background-color: white;
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
    }
		
	
    .th-inner {
      position: absolute;
      top: 0;
      line-height: 30px; /* height of header */
      text-align: left;
      border-left: 1px solid black;
      padding-left: 5px;
      margin-left: -5px;
	  
    }
    .first .th-inner {
        border-left: none;
        padding-left: 6px;
		
      }
		
		/* extra-wrap */
		
		.extrawrap th {
			text-align: center;
			
		}
		
		.extra-wrap {
			width: 100%;
		}

    /* for hidden header hack to calculate widths of dynamic content */
    
    .hidden-head {
      min-width: 530px; /* enough width to show all header text, or bad things happen */
    }
    
    .hidden-header .th-inner {
      position: static;
      overflow-y: hidden;
      height: 0;
      white-space: nowrap;
      padding-right: 5px;
	 
    }
    
    /* for complex headers */
    
    .complex.fixed-table-container {
      padding-top: 60px; /* height of header */
      overflow-x: hidden; /* for border */
    }
    
    .complex .header-background {
      height: 60px;
    }
    
    .complex-top .th-inner {
      border-bottom: 1px solid black;
      width: 100%
    }
    
    .complex-bottom .th-inner {
      top: 30px;
      width: 100%
    }
    
    .complex-top .third .th-inner { /* double row cell */
      height: 60px;
      border-bottom: none;
      background-color: #D5ECFF;
    }

    
    /* for tableSorter headers */

    .fixed-table-container.sort-decoration { 
      overflow-x: hidden;
      min-width: 530px; /* enough width to show arrows */
    }
    .sort-decoration .th-inner {
      width: 100%;
    }
    .header .th-inner {
      background-color: #D5ECFF;
    }
    .headerSortUp .th-inner, .headerSortDown .th-inner {
      background-color: #5DDFFD;
    }
    span.sortArrow {
      background: url(icons/bg.gif) 0 4px no-repeat transparent;
      padding: 1px 10px;
      line-height: 30px;
    }
    .headerSortUp span.sortArrow {
      background: url(icons/asc.gif) 0 7px no-repeat transparent;
    }
    .headerSortDown span.sortArrow {
      background: url(icons/desc.gif) 0 7px no-repeat transparent;
    }
	
#verde{ background:green }
#rojo { background:red }

.notices li{	
 	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.notices li>a{
 	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.notices>li>a:hover{
	color: #000;
	border-bottom: 2px solid #0c9443;
}