html {
  position: relative;
  min-height: 100%;
}

.navbar-inverse {
   background-image:url(../images/menu_bk.jpg);
   background-repeat:repeat-x;
   min-height: 75px;


/*border-bottom: 3px solid #393939!important;*/
/*
margin-top: 1.8%;*/


border-radius: 0;
}

.navbar-inverse {
    background-color: #b9b8b8;
    border-color: #080808;
}

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

/*.navbar-inverse .navbar-toggle {
    border-color: #ee1c25!important;
}*/

/*.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    background-color:#dddbdb;
    margin-top: 9%;
}*/

.thank_bk
{
  background-color:#0052a8cc;
}

.thank_you
{
  background-color:#f2f2f2;
  text-align: center;
  margin: 4%;
  padding: 4%;
  font-weight: bold;
  border-radius:16px 0;
}

.thank_you h2
{
  color: #ee1d23;
}

.thank_you h5 a
{
  color:#ee1d23; 
  text-decoration: none;
}


.carousel-inner > .item {
    -webkit-transition: -webkit-transform .9s ease-in-out;
    -o-transition: -o-transform .9s ease-in-out;
    transition: transform .9s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #ee1c25!important;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}



.navbar-inverse {

   
    border:0;
   
}

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

.navbar-inverse .navbar-nav > li > a {
    color: #005bb1;
    font-weight: bold;
}



.navbar
{
	margin-bottom: 0px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {

    color: #fff;
    background-color: #ee1d23;

}
.navbar-brand > img {
    display: block;
        margin-top: -10%;
}

.navbar-right {
    float: right !important;
    margin-right: -15px;
    margin-top: 1.2%;
}

.footer_bk 
{
	background-color: #005fb6;
color: white;
letter-spacing:1.2px;
font-size:84%;


padding:1% 0;
position: relative;
bottom: 0;
left: 0;
right: 0;


}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #ee1d23;
}

.footer1 ul li
{

  list-style: none;
}

.footer1 ul li
{
list-style: none;
  font-size: bold;
}

.footer1 a
{

  list-style: none;
  color: white;
}

.footer1 a:hover {
    background-color: #ccc;
    text-decoration: none;
    color: blue;
}

/*ABOUT US CSS STARTS*/

.abt_us h3
{
  /*width:12%;
  border-bottom: 3px solid #005eb0;*/
  color:#eb1c22 ;
  padding-bottom: 1%; 
}


.objectives_bk
{
  background-color: #eaeaea;
}

.objectives
{
  padding-bottom:1%;
}
.objectives h3
{
  
 /*width:62%;
  border-bottom: 3px solid #005eb0;*/
  padding-bottom: 1%; 
  color:#eb1c22 ;
}

.vision h3
{
  /*width:34%;
  border-bottom: 3px solid #005eb0;*/
  color:#eb1c22 ;
  padding-bottom: 1%; 
}

.directors h3
{
  /* width:28%;
  border-bottom: 3px solid #005eb0;*/
  padding-bottom: 1%; 
  color:#eb1c22 ;
  margin-bottom: 2%;
}

.directors 
{
  
  margin-bottom: 2%;
  margin-top: 2%;
}

.directors_hd
{
  background-color:#298be1;
  color: white;
}

.directors2
{
  background-color: #eaeaea;
  padding: 1%;
}

.director2_details h4
{
   border-bottom: 3px solid #005eb0;
  color:#eb1c22 ;
  width: 25%;
  padding-bottom: 1%;
}

.director1_details h4
{
   border-bottom: 3px solid #005eb0;
  color:#eb1c22 ;
  width: 25%;
  padding-bottom: 1%;
}

.header_text
{
  padding-top: 2%;
  font-size: 86%;
}

.abt_us
{
  padding-bottom: 2%;
  font-size: 118%;
}

/*.modal-body p
{
  padding-top: 25%;
}*/


/*PRODUCT PAGE CSS STARTS*/

.products
{
  
  padding-bottom: 3%;
  padding-left:0;
  padding-right:0;
}

.con_product
{
   padding-left:0;
  padding-right:0;
}

.product1
{
  margin-top: 0%;
  padding-left: 0;
}


.main_menu
{
    padding: 0;
}
/*PRODUCT HOVER CSS*/
.pro1 {
    position: relative;
    margin-top: 50px;
    width: 300px;
    height: 199px;
    border: 5px solid #005fb6;
    border-radius: 17px 0;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
}

.pro1:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .3);
}

.pro1 img {
  position: absolute;
  width:300px;
  height: auto;
  left: 0;
  border-radius:11px 0;
}

.title {
  position: absolute;
  width:300px;
  left: -9px;
  top: 110px;
  font-weight: 700;
 font-size: 17px;
  text-align: center;
  /*text-transform: uppercase;*/
  color: white;
  z-index: 1;
  transition: top .5s ease;
}

.pro1:hover .title {
  top:40px;
}


  .button {
    position: absolute;
    width: 60%;
  left: 27%;
top: 72%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    padding: 2%;
     background-color: #ee1d23ba;
      color: white;
       border: solid 2px white;
       font-weight: bold;
       border-radius:11px 0;
}


/*.button a {
  width: 200px;
  padding: 12px 48px;
  text-align: center;
  color: white;
  border: solid 2px white;
  z-index: 1;
  background-color: #ee1d23ba;
  text-decoration: none;
}*/

.pro1:hover .button {
  opacity: 1;
}

.products h2
{
  font-size: 190%;

font-weight: 699;

color: #ee1d23;
}


.products h4
{
  color: #005fb6;

}

.products_bk
{
  background-color: #e6e4e4;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color:#005fb6;
    color: white;
}

.btn-default {
    color: #fff;

background-color: #ff1515;

border-color: #2f475c;

border-radius: 15px 0px;
}

/*FORM CSS STARTS*/

.button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 1%;
    width:47%;
}

.enquiry_form
{
  text-align: center;
  margin-top:5%;
  margin-bottom: 2%;
}

.btn-warning {
    color: #fff;
    background-color: #ee1d23;
    border-color:  #ee1d23;
}

.btn-warning:hover {
    color: #fff;
    background-color:#005fb6;
    border-color:#005fb6;
}

.form-control {

    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color:#919191;
    background-color: #fff;
    background-image: none;
    border: 1px solid #7a7a7a;
    border-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon {

    border-left: 0;
        border-left-color: currentcolor;
    position: relative;
    border-radius: 0 0px 0px 0;
    border-color: #7a7a7a;

}

.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon {
    border-left: 0;
    position: relative;
    border-radius: 0 0 0 0!important;
}

/*CUSTOMER RELATION CSS STARTS*/

.pdfs
{
  margin-top: 3%;
  padding-left:14%;
  margin-bottom: 5%;

}

.pdf1
{
   border-bottom: 2px dashed #005fb6;
   padding-bottom:1%;
  padding-top:4%;
}

.pdf1 h4
{
  font-size: 120%;
  margin:0;
  padding-top: 1%;
}



/*CONTACT CSS STARTS*/


.field1
{
  width: 30%;
  margin-bottom: .5%;
}

.field2
{
  width: 30%;
  padding-left: 0;
  padding-right: 0;
}

#datepicker
{
  width: 30%;
}

.cus_form1
{
  margin-left: 22%;
}

.contact_headline 
{
  margin-bottom: 22%;
}

.contact_hd h4
{
  margin-bottom:3%;
  margin-top: 2%;
}

.btn-danger {
    color: #fff;
    background-color: #ee1d23;
    border-color: #d43f3a;
}


.btn-danger:hover {
    color: #fff;
    background-color:#005fb6;
    border-color: #005fb6;
}

.btn-danger:focus {
    color: #fff;
    background-color:#005fb6;
    border-color:#005fb6;
}

.contact_form
{
  margin-bottom: 3%;
}
.address
{
  margin-bottom: 2%;
  background-color: #f2f2f2;
  padding: 2% 0; font-size: 116%;
}



/*COPY RIGHT CSS */

.copy_right_bk
{
  background-color:#005fb6;
  color:white;
  padding-bottom:0.5%;
  padding-top: 0.5%;
  font-weight: bold;
}


@media only screen and (min-width:320px)

{


.navbar-right {
    float: right !important;
    margin-right: -15px;
    margin-top: 7.2%;
}

/*CONTACT PAGE*/

.field1
{
  width: 100%;
  margin-bottom: 3.5%;
}

.field2
{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.cus_form1
{
  margin-left: 0%;
}

.contact_headline 
{
  margin-bottom: 22%;
}


#datepicker
{
  width: 100%;
  margin-bottom: 3.5%;
}

.footer_bk {
    background-color: #005fb6;
    color: white;
    letter-spacing: 1.2px;
    font-size: 73%;
    padding: 1% 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}

.abt_us {
    padding-bottom: 2%;
    font-size: 102%;
}
.modal-body {
    position: relative;
    padding: 15px;
    font-size: 92%;
    color: #1f1f1f;
}

.address {

    margin-bottom: 2%;
    background-color: #f2f2f2;
    padding: 2% 0;
    font-size: 92%;

}

}

@media only screen and (min-width:768px)

{


.navbar-right {
    float: right !important;
    margin-right: -15px;
    margin-top: 1.2%;
}

/*CONTACT PAGE*/

.field1
{
  width: 100%;
  margin-bottom: 3.5%;
}

.field2
{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.cus_form1
{
  margin-left: 0%;
}

.contact_headline 
{
  margin-bottom: 22%;
}


#datepicker
{
  width: 100%;
  margin-bottom: 3.5%;
}

.footer_bk {
    background-color: #005fb6;
    color: white;
    letter-spacing: 1.2px;
    font-size: 85%;
    padding: 1% 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}

.modal-body {
    position: relative;
    padding: 15px;
    font-size: 109%;
    color: #1f1f1f;
}

.abt_us {
    padding-bottom: 2%;
    font-size: 118%;
}


.address {

    margin-bottom: 2%;
    background-color: #f2f2f2;
    padding: 2% 0;
    font-size: 107%;

}
}

@media only screen and (min-width:1024px)

{

.navbar-right {
    float: right !important;
    margin-right: -15px;
    margin-top: 1.2%;
}

/*CONTACT PAGE*/

.field1
{
  width: 30%;
  margin-bottom: .5%;
}

.field2
{
  width: 30%;
  padding-left: 0;
  padding-right: 0;
}

#datepicker
{
  width: 76%;

margin-left: 25%;
}

.cus_form1
{
  margin-left: 22%;
}


.gj-unselectable
{
  width: 38%;
}



}