html { 
            margin: 0 auto;
    position: relative;
    
   
    width: 1010px;
    /*background:#fff ; */
    background-image: url('../images/bk.jpg');
}
#ie html { font-size: 1em; }
body { margin: 0; padding: 0; background: #FFFFFF; color: #000000; }
body, input, textarea, option, select { font-family: 'Oswald'; }
table, input, textarea, option, select { font-size: 0.9em; }
ul, ol { margin: 0; padding: 0 0 0 2.75em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; }
ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; }
a img, abbr { border: 0; }
a{text-decoration: none;}

body { font-size: 1.1em; }

@font-face {
 font-family: MyCustomFont;
 src: url("font/segoeui.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("font/segoeui.ttf") /* TTF file for CSS3 browsers */
}

/*@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('oswald/Oswald-Regular.eot');
  src: local('Oswald'), url('oswald/Oswald-Regular.woff') format('woff'), url('oswald/Oswald-Regular.ttf') format('truetype'), url('oswald/Oswald-Regular.svg#Oswald-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/*@font-face {
  font-family: 'WebOswald';
  font-style: normal;
  font-weight: lighter;
  src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}*/





/* DEFINE LINK COLOR */
a:link { color: #0000FF; }
a:visited { color: #660066; }
a:hover, a:focus { color: #FF0000; }
a:active { color: #FF0000; text-decoration: none; }

/* HEADERS */
h1 { font-size: 1.4em; }
h2, #content legend, #tinymce legend { font-size: 1.2em; }
h3 { font-size: 1.1em; padding-bottom: .3em; }
h4 { font-size: 1em; padding-bottom: .3em; }
h5 { font-size: .9em; padding-bottom: .3em; }
h6 { font-size: .8em; padding-bottom: .3em; }

.offscreen { text-indent: -9999em; padding: 0; background-repeat: no-repeat; background-position: 0 0; display: block; overflow: hidden; list-style: none; }
.offscreen br { display: none; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/* CUSTOM DESIGN ELEMENTS */
.page_1{height: auto;min-height: 1710px;}
.page_2{height: auto;min-height: 1200px;}


.banner{position:relative; height:244px;top: 00px;}


	.nav-main
    {
     position: relative;
      width: 100%; 
      top:-30px; 
      left:0; 
      box-shadow: 0 5px 6px 0px #888;
       /*padding:12px 10px 9px;*/
        background: #9e9e9e;
        height: 30px;
    }
    
		
    .nav-main ul{ list-style:none; padding:0; margin-top:20px; }
		
    .nav-main ul li{float:left; position: relative; z-index: 2;margin-top: 50px; }
		
    .nav-main ul li a
    {
     display:block; 
     color:#000000;
     font-size:15px; 
     text-transform:uppercase; 
          font-family: 'Segoe UI'; 
     text-decoration:none; 
     padding:4px 24px; 
     margin:0 23px; 
     font-weight: 700;
    }
		.nav-main ul li a:focus,.nav-main ul li a.current{ color:#000;}
		.nav-main ul li a:hover{color:#0003c2;}
        
        .nav-main .glidingHover 
        { 
            position: absolute; 
            top: -4px; 
            left: 0px;
             padding:3px 0;
              margin:0 2px;
            /*  box-shadow: 0 0 5px #888;*/
              background-image: url('../images/menu_top.png');
               z-index: 1; 
               height: 100px;
        }
	
    
      .search
 {
   height: auto;
   /*min-height: 50px;*/
   width: 91.2%;
   top:-27px;
   position: relative;
   text-align:right;
  
   /*padding: 2% 0% 0% 62%;*/  
 }

 
 .tfbutton2 
 {
 margin-left:-35px;    
 }
 
 .home_body
 {
     /*background: blue;*/
     width: 96%;
     height: auto;
     min-height: 810px;
     position: relative;
     margin: 3% 2% 2% 2%;
 }
 .head_headings
 {
     background-color: #0007c1;
     width: 300px;
     float: left;
     text-align: center;
     padding: 10px;
/*     margin-left: 16px;*/
     text-transform: uppercase;
     color: #fff;
     font-size: 14px;
     letter-spacing: 0px;
     font-weight: bold;
     font-family: 'Segoe UI';
    /* text-shadow: 1px 2px 0px #000;*/
     box-shadow:0px 0px 3px #000;
 }
 
 .head_headings a{text-decoration: none;color: #fff;}
  .head_headings a:hover{color: #b22e41;}
  
/*  social networking site*/
 .head_headings_social
 {
     background-color: #0007c1;
     width: 170px;
     float: left;
     text-align: center;
     padding: 10px;
/*     margin-left: 16px;*/
     text-transform: uppercase;
     color: #fff;
     font-size: 15px;
     letter-spacing: 1px;
     font-weight: bold;
font-family: 'Segoe UI';
     
     box-shadow:0px 0px 3px #000;
 }
 
 .head_headings_social a{text-decoration: none;color: #fff;}
  .head_headings_social a:hover{color: #b22e41;}
  
  .client_list
  {
      width: 100%;
      height: auto;
      min-height: 267px;
      position: relative;
      
  }
  
  /*  social networking site*/
  
  .bainuna_footer
  {
      width: 100%;
      position: relative;
      height: auto;
      min-height: 105px;
      background-color: #727173;
  }
  .corner_container
{
    width: 600px;
    height: auto;
    font-family: 'Segoe UI';
    font-size: 14px;
    /*min-height: 56px;*/
    top: 43px; 
    float: left;
    position: relative;
    /*font-weight: bold;*/
    left: -6px;
/*    margin-left: 25px;*/
   /* font-family:'Eurostile';*/
}
.con_con_cls li a
{
    text-decoration: none;
    color: #fff;
    /*display: inline-block;*/ 
} 
.con_con_cls li a:hover
{
    text-decoration: none;
    color: #000;
    /*font-weight: bold; */
    /*display: inline-block;*/ 
}

.designed_by
{
    width: 100%;
    position: relative;
  font-family: 'Segoe UI';

    height: auto;
    min-height: 50px;
}

.designed_by ul
{
    list-style: none;
}

.designed_by ul li
{
    float: left;
    font-size: 12px;
    width: 50%;
}
.des_hover  a{color: #fff;display: block;}
.des_hover  a:hover{color: #fff;display: block;}

/*about us page starts here*/

.first_para 
    {
     font-family: 'Segoe UI';
     font-size: 16px; 
     color: #646363;  
     text-align: justify;
     font-weight: 500;
     margin-top: 10px;
    }
.first_para a{color: #757171;}
.first_para a:hover{color: #000;}

.first_para p{       font-family: 'Segoe UI';}

/*about us page ends here*/

 .home_body_aboutus
 {
     /*background: blue;*/
     width: 96%;
     height: auto;
     min-height: 340px;
     position: relative;
     margin: 3% 2% 2% 2%;
 }
 
  .head_headings_about_us
 {
     background-color: #0007c1;
     width: 150px;
     
     float: left;
     text-align: center;
     padding: 10px;
/*     margin-left: 16px;*/
     text-transform: uppercase;
     color: #fff;
     font-size: 15px;
     letter-spacing: 0px;
     font-weight: bold;
     font-family: 'Segoe UI';
   
     box-shadow:0px 0px 3px #000;
 }
 
 .head_headings_about_us a{text-decoration: none;color: #fff;}
 .head_headings_about_us a:hover{color: #b22e41;}
 
/* services page*/

 .home_body_services
 {
     /*background: blue;*/
     width: 96%;
     height: auto;
     min-height: 900px;
     position: relative;
     margin: 3% 2% 2% 2%;
 }
 
 
/* principle page starts here*/

 .home_body_principle
 {
     /*background: blue;*/
     width: 96%;
     height: auto;
     min-height: 1100px;
     position: relative;
     margin: 3% 2% 2% 2%;
 }

 
 .pri_body ul
 {
     list-style: none;
 }

/*prinicple page ends here*/

/*conatcus page css starts here*/

 .home_body_contact
 {
     /*background: blue;*/
     width: 96%;
     height: auto;
     min-height: 900px;
     position: relative;
     margin: 3% 2% 2% 2%;
 }
 
 .con_body
 {
     margin-top: 40px;
     height: 450px;
     width: 50%; 
     float: left;
     position: relative;
 }
 .con_body a{color: #757171;text-decoration: none;}
 
 .con_body ul
 {
  list-style: none;
  width: 100%;   
 }
 
 .con_body ul li
 {
    letter-spacing: 1px;
    line-height: 30px;
    /*width: 100%;*/
    float: left;

    
 }
  .con_body a:hover{color: #b22e41;}
  
  
  
 .con_body_second
 {
     margin-top: 40px;
     height: 450px;
     width: 50%; 
     float: right;
     position: relative;
 }
 .con_body_second a{color: #757171;text-decoration: none;}
 
 .con_body_second ul
 {
  list-style: none;
  width: 100%;   
 }
 
 .con_body_second ul li
 {
    letter-spacing: 1px;
    line-height: 30px;
    width: 100%;
/*    float: left;*/

    
 }
  .con_body_second a:hover{color: #b22e41;}
  
  .he_con
  {
      position: relative;
      width: 100%;
  }
  .m_con a
  {
      text-decoration: none;
      color: #646363;
  }
  .m_con a:hover
  {
      color:#0007C1;
  }
/*  product page starts here*/

 .home_body_products
 {
     /*background: blue;*/
     width: 96%;
     height: auto;
     min-height: 1020px;
     position: relative;
     margin: 3% 2% 2% 2%;
 }

.flyout {
width: 310px;
margin-top: 10px;
font-size: 11px;

position: relative;
/*font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;*/
background-color: white;
padding: 9px 11px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #c5c5c5;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.flyout #tip {
background-image: url('../images/tip.png');
background-repeat: no-repeat;
background-size: auto;
height: 11px;
position: absolute;
top: -11px;
left: 25px;
width: 20px;
}

.flyout h2 {
text-transform: uppercase;
font-family: 'Segoe UI';
color: #666;
/*font-size: 1.2em; */
padding-bottom: 5px;
margin-bottom: 12px;
border-bottom: 1px solid #dcdbda;
}
.flyout p { padding-bottom: 15px; font-size: 14px; color: #757171; text-align: left;}

.sub_head
{
 text-transform: uppercase;
font-family: 'Segoe UI';
font-size: 14px;
font-weight: bold;
color: #b22e41; 
padding-bottom: 10px; 
text-align: left; 
}
.sub_head a{text-decoration: none;color: #0007c1;}
.sub_head a:hover{color:#b22e41}

.left_side_products
{
    margin-top: 30px;
    width: 35%;
    float: left;
    font-family: 'Segoe UI';
    height: 840px;
}
.left_side_menu
{
    color: #646363;
    font-size: 16px;
    font-family: 'Segoe UI';
}
.left_side_menu  a:hover, .left_side_menu  a:focus, .left_side_menu  a.current
{
    color:#b22e41;
}
.left_side_menu  a:hover
{
    color:#000;
}

.right_side_products
{
    margin-top: 50px;
    float: left;
    position: relative;
    width: 65%;

}
.box_page1
{
    position: relative;
    width: 100%;
    margin-top: 50px;
}
.box_page1 ul
{
    list-style: none;
}
.box_page1 ul li
{
    float: left;
    width: 33%;
    text-align: center;
}
.box
{
    width: 150px;
    height: 160px;
    border: 1px solid #000;
    float: left;
    margin-left: 43px;
    margin-bottom: 43px;
    text-align: center;
}
.first_head
{
 text-transform: uppercase;
font-family: 'Segoe UI';
font-size: 14px;
padding-bottom: 10px;
font-weight: bold;
color: #b22e41;   
}

.enquiry_form
{
    width: 50%;
    position: relative;
    float: left;
}

.enq_form
{
    width: 100%;
    /*left: 20px;*/
}

.enq_text
{
 font-family: 'Segoe UI';  
 font-size: 16px; 
 /*padding: 20px;*/
 /*width: 200px;*/
}

.sub_con
{
    /*margin-left: 20px;*/
     background-color: #0007c1;
     border: none;
     padding: 5px;
     color: #fff;
     letter-spacing: 1px;
     box-shadow:0 0 3px #000000;
}

.sub_con:hover
{
    /*margin-left: 20px;*/
     background-color: #b22e41;
     border: none;
     padding: 5px;
     color: #fff;
     letter-spacing: 1px;
}

.tab_row
{
    width: 64px!important;
}

/*.pat_sha
{
float: left;    
}*/

.bottom_image
{
    margin-top:0%;
    width: 100%;
    height: 150px;
    /*display: inline-flex;*/
}
.bottom_image ul 
{
           list-style: none;
  text-align: center;
    position: relative;
    overflow: hidden;
   /* width: 952px;*/
    height: 150px;
    display: inline-flex;
}
.bottom_image ul li
{
    float: left;
   /* width: 10%;*/
    margin: 5px;
   
    
} 
.bottom_image ul li img
{
 border: none;  
  /*display: inline-table;*/ 
  display: inline-flex;
}

.mar
{
    width:92%;
    height: 150px;
    margin-left: 4%;
    margin-top: 30px;
    /*display:table;*/
    /*display:run-in;*/
   /* display: inline-flex;*/
  
    
}

  #preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:211px;
    height:157px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.tab_multi
{
    width: 958px;
    position: relative;
    top:10px;
    font-size: 16px;
    
}
.tab_multi a{text-decoration: none;color: #757171;margin-left: 20px;}
.tab_multi a:hover{text-decoration: none;color: #b22e41;}