/* CSS Document */

  /* use navbar-wrapper to wrap navigation bar, the purpose is to overlay navigation bar above slider */
        .navbar-wrapper {
            position: absolute;
            top: 20px;
            left: 0;
            width: 100%;
            height: 51px;
        }
        .navbar-wrapper > .container {
            padding: 0;
        }

        @media all and (max-width: 768px ){
            .navbar-wrapper {
                position: relative;
                top: 0px;
            }
        }
		
		

                /* jssor slider bullet navigator skin 21 css */
                /*
                .jssorb21 div           (normal)
                .jssorb21 div:hover     (normal mouseover)
                .jssorb21 .av           (active)
                .jssorb21 .av:hover     (active mouseover)
                .jssorb21 .dn           (mousedown)
                */
                .jssorb21 {
                    position: absolute;
                }
                .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                    position: absolute;
                    /* size of bullet elment */
                    width: 19px;
                    height: 19px;
                    text-align: center;
                    line-height: 19px;
                    color: white;
                    font-size: 12px;
                    background: url(../img/b21.png) no-repeat;
                    overflow: hidden;
                    cursor: pointer;
                }
                .jssorb21 div { background-position: -5px -5px; }
                .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
                .jssorb21 .av { background-position: -65px -5px; }
                .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
  	
		
	
	
	

                /* jssor slider arrow navigator skin 21 css */
                /*
                .jssora21l                  (normal)
                .jssora21r                  (normal)
                .jssora21l:hover            (normal mouseover)
                .jssora21r:hover            (normal mouseover)
                .jssora21l.jssora21ldn      (mousedown)
                .jssora21r.jssora21rdn      (mousedown)
                */
                .jssora21l, .jssora21r {
                    display: block;
                    position: absolute;
                    /* size of arrow element */
                    width: 55px;
                    height: 55px;
                    cursor: pointer;
                    background: url(../img/a21.png) center center no-repeat;
                    overflow: hidden;
                }
                .jssora21l { background-position: -3px -33px; }
                .jssora21r { background-position: -63px -33px; }
                .jssora21l:hover { background-position: -123px -33px; }
                .jssora21r:hover { background-position: -183px -33px; }
                .jssora21l.jssora21ldn { background-position: -243px -33px; }
                .jssora21r.jssora21rdn { background-position: -303px -33px; }
  	
/*----------------css---------------------------*/
 .top_header
 	{
	 width:100%;
	 background-color:#FFFFFF;
	 padding:5px 0 5px 0;
	 
	 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

background: rgba(203,241,250,1);
background: -moz-linear-gradient(top, rgba(203,241,250,1) 0%, rgba(231,229,229,1) 98%, rgba(232,229,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,241,250,1)), color-stop(98%, rgba(231,229,229,1)), color-stop(100%, rgba(232,229,229,1)));
background: -webkit-linear-gradient(top, rgba(203,241,250,1) 0%, rgba(231,229,229,1) 98%, rgba(232,229,229,1) 100%);
background: -o-linear-gradient(top, rgba(203,241,250,1) 0%, rgba(231,229,229,1) 98%, rgba(232,229,229,1) 100%);
background: -ms-linear-gradient(top, rgba(203,241,250,1) 0%, rgba(231,229,229,1) 98%, rgba(232,229,229,1) 100%);
background: linear-gradient(to bottom, rgba(203,241,250,1) 0%, rgba(231,229,229,1) 98%, rgba(232,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbf1fa', endColorstr='#e8e5e5', GradientType=0 );



	}

 .top_header2
 	{
	 width:80%;
	
	}
	
.contact_text
	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#990000;
	 font-weight:bold;
	
	 margin:10px 0 0 0;
	 }	
	 
	 
 .center_bg
 	{
	 width:100%;
	 background-color:#005b9a;
	 padding:20px 0 20px 0;
	 color:#9cc1db;
	 text-align:justify;
	 font-weight:normal;
	 font-size:12px;

	}
	

 .center_bg2
 	{
	 width:100%;
	 background-color:#fff;
	 padding:20px 0 20px 0;
	 color:#9cc1db;
	 text-align:justify;
	 font-weight:normal;
	 font-size:12px;

	}
	





	
 .silicon_text
 	{
	
	
	 color:#fff;
	 text-align:justify;
	 font-weight:normal;
	 font-size:30px;
	 font-family:Century Gothic	;

	}	
 .vision_text
 	{
	
	
	 color:#fff;
	 text-align:justify;
	 font-weight:normal;
	 font-size:24px;
	 font-family:Century Gothic	;

	}	
	
.about_text1
	{
	  color: #000033;
	 text-align:justify;
	 font-weight:normal;
	 font-size:30px;
	 font-family:Century Gothic	;
	 }	
	 	
	
	
	
	
	
	
	
	
		
.vision_are
	{
	 padding:0 20px 0 50px;
	 }	
		
	
 .footer_bg
 	{
	 width:100%;
	 background-color:#110f21;
	 padding:10px 0 10px 0;
	 min-height:50px;
	 line-height:50px;

	}	
	
.footer_text1

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	  color:#958fc7;
	 font-weight:normal;
	 }
	 
.footer_text2

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:17px;
	 }	 
.footer_text3

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#958fc7;
	 font-weight:normal;
	 line-height:17px;
	 }	 
.footer_text4

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:17px;
	 }
	 	 
	.text5

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:17px;
	 float:right;
	 text-align:right;
	 }	
	 
	.text6
  {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333;
	 font-weight:normal;
	 line-height:17px;

	
	 }		 
	 

.enquiry_box
 {
  width:100%;
  padding:20px 20px 20px 20px;
  border:1px #c5c1c1 solid;
  }

	 
	 	
.facebook_bottons
	{
	 float:right;
	 margin-top:3px;
	  font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	  color:#958fc7;
	 font-weight:normal;
	}	
	
.footer_menu
	{
	 width:100%;
	     margin:0;
	 padding:0;
	 }	
	
	
.footer_menu ul
	{
	 width:100%;
	 margin:0;
	 padding:0;
	 list-style:none;
	 }	
.footer_menu ul li
	{
	 width:100%;
      margin:0;
	 padding:0;
	
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 background:url(../images/arrow.jpg) no-repeat;
	 line-height:25px;
	 }			
.footer_menu ul li a
	{
	 width:100%;
     text-decoration:none;
	padding:0 13px 0 13px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:25px;
	 
	 }			
		
	
	
@media screen and (max-width:1200px){



}	
	
	
@media screen and (max-width:768px){

.facebook_bottons
	{
	 float:left;
	 margin-top:3px;
	  font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	  color:#958fc7;
	 font-weight:normal;
	}	
	
	.text5

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:17px;
	 text-align:left;
	 float:left;
	 }	 	 	 	 
	.vision_are
	{
	 padding:0 0px 0 0px;
	 }	
		 

}	


@media screen and (max-width:420px){
.facebook_bottons
	{
	 float:left;
	 margin-top:3px;
	  font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	  color:#958fc7;
	 font-weight:normal;
	}	
    
	.text5

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:17px;
	  text-align:left;
	  float:left;
	 }	
	 
	 .vision_are
	{
	 padding:0 0px 0 0px;
	 }	
		 	 	 	

}
		
	
@media screen and (max-width:320px){
.facebook_bottons
	{
	
	 margin-top:3px;
	  font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	  color:#958fc7;
	 font-weight:normal;
	}
	
	.text5

	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#58537d;
	 font-weight:normal;
	 line-height:17px;
	  text-align:left;
	  float:left;
	 }	
	 
	 .vision_are
	{
	 padding:0 0px 0 0px;
	 }	
			 	 		


}