@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

html, body {
  height:100%;
  
  
}

body {
  margin-top:130px;
  font-family: 'Droid Sans', sans-serif;
  color:#333;
}
tenderp
{
    padding-left:10px;
    text-align:justify;
    font-size:0px;
   text-indent:20px; 
}
.openDialog
{
 width:1000px;
 height:800px;   
}
/*----------- list-photo--------------*/
.list-photo {
  list-style: none outside;
  margin: 0;
  overflow: hidden;
  margin-left: -36px;
}
.linebrk
{
    height:6px;
}
.list-photo li {
  float: left;
  margin: 0 0 10px 0px;
}
.list-photo img {
  float: left;
  width:80px;
  margin:4px;
  height:60px;
}
.thumbimg
{
     width:40px;
  margin:4px;
  height:40px;
}
.headertxt
{
    font-size:13px;
   
    
}
.headertxt1
{
    padding-left:0px;
    text-align:justify;
    font-size:12px;
   text-indent:20px; 
}
.headertxt11
{
  
    text-align:justify;
    font-size:12px;
 
}
.headertxt12
{
  padding-left:26px;
    text-align:justify;
    font-size:12px;
 
}
.headertxt2
{
    padding-left:14px;
    text-align:left;
    font-size:12px;
  
}
.boxicon{
	width:80px;
	height: auto;
	margin:10px 10px 25px 10px;
	float:left;
}
.boxtext{
	 font-family: 'Droid Sans', sans-serif;
     color:#333;
    
	font-size:13px;	
	font-weight:400;
	text-align:justify;
	margin:10px;
}
.boxtext1{
	 font-family: 'Droid Sans', sans-serif;
     color:#333;
    
	font-size:13px;	
	font-weight:400;
	text-align:left;
	margin:10px;
}
.boxicong{
	width:230px;
	height:200px;
	
	margin:10px;
	float:left;
	
}
.boxtextg{
	 font-family: 'Droid Sans', sans-serif;
     color:#333;
    
	font-size:13px;	
	font-weight:400;
	text-align:justify;
	margin:0px;
	padding-top:10px; float:left;
	
}
.banner-header {
background-color:#a6db11;
color:#000;

}
.banner-header a
{
text-decoration:none;    
color:#fff;

}
.page-header {
	background-image:url(../images/profilebar.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:20px;
	height:40px;
	padding:9px;

}
.row-color{
	padding:5px;
	background:#e7f1c9;
}
.row-color p{
	margin-top:10px;
}
.row-nocolor{
	padding:5px;
	background:#f7f7f5;
}
.row-nocolor p{
	margin-top:10px;
}
.brandname{
	padding-left:2px;
}
.brandname h1 {	
	font-size: 26px;
	text-align:left;
	line-height:normal;
	
}
.brandname h2 {
	line-height:5px;
	font-size: 16px;
	text-align:left;
	color:#555653;
}


.navbar-toggle {
  position: relative;
  float: right;
  padding: 2px;
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 8px;
  background-color:transparent;
  border: 1px solid transparent;
  border-radius: 1px;
  color:#FFF
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-inverse { 
  background-color:#385900;
}

.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: #a6db11;
  text-decoration:none;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #385900;
  text-decoration:none;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #a6db11;
  text-decoration:none;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #000;
  border-bottom-color: #000;
  text-decoration:none;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
    text-decoration:none;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}




.navbar-brand {
  float: left;
  padding: 3px;
  font-size: 24px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}


.img-full{
	width:100%;

}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section{
	min-height:400px;
}
.section-colored {
  padding: 10px 0 10px;  
 
}

.section-colored {
  background-color: #d9ead4; /* change this to change the background color of a colored section */
 
}
.section-colored .h2{
	 font-weight: 300; 
}

.section-colored a{
	 color: Green;
	 font-weight:bold;
}
.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */


.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
 	 
  background-color:#333;
  
}

footer p {
	
}

.privacy {
  color: #fff;
  padding-top: 6px;
} 
.privacy a {
  color: #e85356;
  text-decoration:none;
}
.list-social {
  list-style: none outside none;
  overflow: hidden;
  margin: 0;
}
.list-social a {
	color:#FFF;
}
.list-social li {
  float: left;
  margin-left: 10px;
}
.list-social a:hover {
 color: #e85356;
}
/*--- footer end ------*/


.list-mid-item {
  list-style: none outside none;
  overflow: hidden;
  padding-top:20px;
  margin-left: 30px;
  margin-bottom:10px;
  font-size:16px;
  color:#333;
}

.li{
	list-style: none outside none;
	font-size:16px;
	color:#e85356;
	margin-bottom:5px;
}

.quotation{
	color:#CCC;
}
.product_title{
	color:#006;
	
}
.product_subtitle{
	color: #900;	
	
}
.message{
	text-indent:10px;
}
.circlebox{
	background-color: #FBF3D7;
	min-height:10%;	
	max-width:25%;
	border-radius: 10px;
	border-color:#94781B;
	border-style:solid;
	border-width:thin; 
	margin:0;

}
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
}

.more{text-align:right;

}
  .more a{
	  color: #900;  text-decoration:none; font-style:italic; clear:both; 
	  padding-left:2px;
  }
  .magnifier {
  opacity: 1;
  position: relative;
  height: auto;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.magnifier:hover {
  opacity: 0.7;
}
.magnifier:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  background: url('../img/magnifier.png') center center no-repeat #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.magnifier:hover:after {
  opacity: 0.6;
}
.slide{
	
}
.welcome-section{
	background-color: #FBF3D7;
	min-height:300px;
}
.welcome-section h1 { font-family: 'Metrophobic', Arial, serif; font-weight: 400; }	
/* Responsive Styles */
@media (max-width: 767px) {
body {
  margin-top:40px;
}
.carousel {
  height: auto; /* increases the carousel height so it looks good on phones */
}

.brandname h3 {
	
	font-size: 12px;	

	
	
}
}
.box {
        position:                   relative;
        font-family:                sans-serif;
        display:                    block;
        width:                      244px;
        height:                     7em;
        overflow:                   hidden;
    }
    .box .text {
        color:                      #333;
        padding:                    20px;
        width:                      204px;
        overflow:                   hidden;
        background:                 #E0E0E0;
        font-size:                  .95em;
        line-height:                1;
        text-align:     			justify;
    }
    
    .box .text:after {
        content:                    ' ';
        position:                   absolute;
        display:                    block;
        width:                      100%;
        height:                     1em;
        bottom:                     0px;
        left:                       0px;
        background:                 #E0E0E0;
    }

    .box .text:before {
        content:                    '...';
        text-align:                 right;
        position:                   absolute;
        display:                    block;
        width:                      2em;
        height:                     1em;
        bottom:                     1em;
        right:                      20px;
background: -moz-linear-gradient(left,  rgba(224,224,224,0) 0%, rgba(224,224,224,1) 38%, rgba(224,224,224,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,0)), color-stop(38%,rgba(224,224,224,1)), color-stop(99%,rgba(224,224,224,1)));
background: -webkit-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
background: -o-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
background: -ms-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
background: linear-gradient(to right,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 38%,rgba(224,224,224,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e0e0e0', endColorstr='#e0e0e0',GradientType=1 );
    }

  .infocus {
        position:                   relative;
        font-family:                sans-serif;
        display:                    block;
        width:                      370px;
        height:                     6em;
        overflow:                   hidden;
    }
    .infocus .text {
       color:                      #333;
        padding:                    px;
        width:                      280px;
        overflow:                   hidden;
      text-decoration: none;
        font-size:                  .95em;
        line-height:                1;
        text-align:     			justify;
       
    }
     .infocus .text > a:hover,a:focus
     {
         text-decoration: none;
     }
    .infocus .text:after {
       content:                    ' ';
        position:                   absolute;
        display:                    block;
        width:                      100%;
        height:                     1em;
        bottom:                     0px;
        left:                       0px;
      
    }

    .infocus .text:before {
        content:                    '';
        text-align:                 right;
        position:                   absolute;
        display:                    block;
        width:                     6em;
        height:                     1em;
        bottom:                     0.5em;
        right:                      20px;

    }
	
	.headingtxt_1 { background:#385900; color:#fff; margin:0; padding:8px;}
	
	@media only screen and (min-width: 320px) and (max-width: 479px) {
#boxes .window { position:fixed !important; left:14% !important;
}
#mask { position:fixed !important; width: 100% !important;}
#boxes #dialog { width: 300px !important;}
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 1px solid green;
}