@charset "utf-8";
/* CSS Document */

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height:20px;
  color: #555555;
  background:url(../images/bg.jpg) no-repeat center center fixed #fdaf31;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.nopadding { padding: 0 !important; margin: 0 !important; }

header{background:#fff; height:110px;}
.navbar{margin-top:-25px;}
.logo{padding:10px 0px; display:inline-block;}
.social-links{height:30px; width:30px; background:#666666; margin-top:25px; float:right; overflow:hidden;}
.social-links1{height:30px; width:20px; margin-top:25px; float:right; overflow:hidden;}
.social-links img{
	margin: 0;
	-webkit-transition: all 0.5s ease-in-out 0.2s;
    -moz-transition: all 0.5s ease-in-out 0.2s;
    -o-transition: all 0.5s ease-in-out 0.2s;
    transition: all 0.5s ease-in-out 0.2s;
}
.social-links img:hover{margin-top:-30px;}
.contact-number{float:right; border: solid 1px #eaeaea; padding:4px 10px 4px 22px; margin-top:25px; margin-right:5px; font-size:13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:url(../images/call.jpg) no-repeat left center; color:#999999;
}
footer{width:100%; background:#151515; padding:5px 0px; position:fixed; bottom:0px; color:#666666; font-size:12px; z-index:9999;}
.powered-by{text-align:right;}
.powered-by a{font-weight:700; color:#666666; text-decoration:none;}
.powered-by a:hover{color:#8c8c8c;}
#side-menu{width:40px; height:123px; position:fixed; right:0px; top:50%; margin-top:-61px; z-index:9;}
#side-menu ul{margin:0px; padding:0px;}
#side-menu ul li{list-style:none;}
#side-menu ul li a{width:40px; height:40px; background:#fff; display:block; margin-bottom:1px; overflow:hidden;}
#side-menu ul li img{
	margin: 0;
	-webkit-transition: all 0.5s ease-in-out 0.2s;
    -moz-transition: all 0.5s ease-in-out 0.2s;
    -o-transition: all 0.5s ease-in-out 0.2s;
    transition: all 0.5s ease-in-out 0.2s;
}
#side-menu ul li img:hover{margin-left:-40px;}
.white{background:#fff;}
.gray{background:#f5f5f5; padding:30px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
h2{ font-weight: 500; line-height:42px; text-align:center; color:#fff;}
h1{color:#fff; font-weight:300; font-size:50px; margin-bottom:20px; border-bottom:solid 1px #fece87; padding-bottom:20px;}
h3{font-weight:300; font-size:30px; margin-bottom:30px;}
h5{font-weight:300; font-size:30px; margin-bottom:10px;}
h4{font-weight:700; font-size:16px; border-bottom:dotted 1px #fece87; padding-bottom:10px; margin-bottom:20px; color:#fff;}
#about-banner{margin:40px 0px 0px; height:auto;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

#about-banner img{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.padding{padding:20px 15px 30px;}
.bottom-space{height:60px;}
.bottom-box{background:url(../images/box-bg.gif) repeat-x center top #f7f7f7; border:solid 1px #ebebeb; padding:20px; margin-bottom:0px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.know-more{margin-top:10px;}
.know-more a{display:inline-block; background:#feaf30; padding:2px 5px; font-size:11px; font-weight:700; text-transform:uppercase; color:#fff;
	-webkit-transition: all 0.5s ease-in-out 0.2s;
    -moz-transition: all 0.5s ease-in-out 0.2s;
    -o-transition: all 0.5s ease-in-out 0.2s;
    transition: all 0.5s ease-in-out 0.2s;
}
.small-content{font-size:16px; text-align:center!important; color:#fff; font-weight:400; margin-top:20px; margin-bottom:30px;}
.know-more a:hover{color:#fff; background:#333333; text-decoration:none;}
.rounded{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
label {
  display: inline-block; font-size:14px;
  margin-bottom: 2px;
  font-weight: normal;
}
.form-group {
  margin-bottom: 10px;
}

 .google-maps {
position: relative;
padding-bottom:100%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.contact-number1{font-size:12px; margin-bottom:5px;}

nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0px; padding:5px; text-transform:uppercase; border-bottom:solid 1px #fece87; font-size:12px; color:#333333;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.nav-pills > li > a:hover{
  color: #fff;
  background-color: #000;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #000;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 0px;
  margin-left: 0;
}
.dotted{border-left:dotted 1px #ece7df}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 5px;
  line-height:16px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.rounded1{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.thumbs img{margin-bottom:20px;}
#MainMenu{display:none;}
#Menu{ margin-top:-25px; height:50px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}


#Menu a{display:block; float:left; color:#b1b1b1; font-size:12px; font-weight:700; padding:10px 3.9%; text-decoration:none; overflow: hidden; line-height:30px; background:url(../images/linkbg.jpg) repeat-x center 0px;
-webkit-transition:all 0.25s linear 0s;  
-moz-transition:all 0.25s linear 0s;  
-o-transition:all 0.25s linear 0s;  
transition:all 0.25s linear 0s;
}
.menu-active{display:block; float:left; color:#fff!important; font-size:12px; font-weight:700; padding:10px 3.9%; text-decoration:none; overflow: hidden;background:url(../images/linkbg.jpg) repeat-x center -50px!important;}
#Menu a:hover{color:#fff; background:url(../images/linkbg.jpg) repeat-x center -50px;}
.round-left{
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.round-right{
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-right:none 0px!important;
}


.chromestyle{}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/}
.chromestyle ul{}
.chromestyle ul li{}
.chromestyle ul li.first{}
.chromestyle ul li a{}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/}
.dropmenudiv{
	position:absolute;
	top: 0;
	background:#454545;
	font-weight:bold;
	line-height:18px;
	z-index:99999;
	width: 200px;
	visibility: hidden;
	background-color:#000;
	margin-top:-1px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px; /*THEME CHANGE HERE*/
	padding:10px 0;
	text-decoration: none;
	color: #b1b1b1;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:12px;
	border-top:solid 1px #353535; 
	-webkit-transition:all 0.25s linear 0s;  
-moz-transition:all 0.25s linear 0s;  
-o-transition:all 0.25s linear 0s;  
transition:all 0.25s linear 0s;
}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #febe57;
	color:#fff;
}
.button{margin-top:20px;}
.button a{color:#fff; text-decoration:none;}
.line{height:0px; border-bottom:dotted 1px #CCCCCC; margin:30px 0px 30px 0px;}
.listing ul{margin:0px; padding:0px 0px 0px 15px;}
.listing ul li{list-style:none; margin-bottom:10px; padding-left:15px; background:url(../images/arrow.png) no-repeat left 5px; font-weight:600;}
#mission{font-size:14px; margin-bottom:10px; color:#fff;}
.vision ul{margin:0px; padding:0px;}
.vision ul li{list-style:none; padding:11px 20px 11px 30px; background-image:url(../images/bullet.png); background-position: 10px 16px; background-repeat: no-repeat;}
.vision-color{background-color:#eee9e2;}
#strength-content{width:580px; margin:0px auto; position:relative; height:600px;}
#roundlogo{width:230px; height:230px; margin:0px auto; position:absolute; left:50%; top:50%; margin:-115px 0px 0px -115px;}
.round1{background:url(../images/round-bg.png) no-repeat center center; height:180px; width:180px; position:absolute; left:50%; margin-left:-90px;}
.round2{background:url(../images/round-bg.png) no-repeat center center; height:180px; width:180px; position:absolute; left:50%; margin-left:-90px; top:420px;}
.round3{background:url(../images/round-bg.png) no-repeat center center; height:180px; width:180px; position:absolute; left:25px; top:90px;}
.round4{background:url(../images/round-bg.png) no-repeat center center; height:180px; width:180px; position:absolute; left:20px; top:300px;}
.round5{background:url(../images/round-bg.png) no-repeat center center; height:180px; width:180px; position:absolute; right:25px; top:80px;}
.round6{background:url(../images/round-bg.png) no-repeat center center; height:180px; width:180px; position:absolute; right:15px; top:300px;}
.round-text{color:#fff; text-align:center; font-size:16px; font-weight:600; margin-top:70px;}


#carousel {
        width:100%;

        height:300px;
        position:relative;
        clear:both;
        overflow:hidden;
      }
      #carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
      }

      .split-left {
        width:450px;
        float:left;
      }
      .split-right {
        width:400px;
        float:left;
        margin-left:10px;
      }
      #callback-output {
        height:250px;
        overflow:scroll;
      }
      textarea#newoptions {
        width:430px;
      }


.infra1 {
  padding: 30px; border-bottom: solid 10px #FF8F00; background: #FFCA28; color: #fff; min-height: 180px; }
  
 .infra2 {
  padding: 30px; border-bottom: solid 10px #F57F17; background: #FFD54F; color: #fff; min-height: 180px; }
  
  .infra3 {
  padding: 30px; border-bottom: solid 10px #FDD835; background: #FFE082; color: #fff; min-height: 180px; }
  
  .mediatext { font-size:18px; line-height:20px;}


/*---------------------------------- MEDIA SCREEN --------------------------------------*/

@media screen and (max-width: 1280px){}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1199px){
	#Menu a{display:block; float:left; color:#b1b1b1; font-size:12px; font-weight:700; padding:10px 3.30%; text-decoration:none; overflow: hidden; line-height:30px; background:url(../images/linkbg.jpg) repeat-x center 0px;
}
}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 980px){
	#Menu a{display:block; float:left; color:#b1b1b1; font-size:12px; font-weight:700; padding:10px 2.10%; text-decoration:none; overflow: hidden; line-height:30px; background:url(../images/linkbg.jpg) repeat-x center 0px;}
	.small-content br{display:none;}
	#strength br{display:none;}
}
}
@media screen and (max-width: 800px){}
@media screen and (max-width: 768px){
	#side-menu{display:none;
	}
	
}
@media screen and (max-width: 767px){
	.contact-number{display:none;}
	.copyright{text-align:center;}
	.powered-by{text-align:center;}
	#about-banner{margin-bottom:-20px; height:auto;}
	.bottom-space{height:70px;}
	.bottom-box{margin-bottom:10px;}
	#about-banner{margin:20px 0px 0px; height:auto;}
	.dotted{border-left:none 0px #ece7df}
	#MainMenu{display:block;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
	}
	#Menu{display:none;}
	.social-links1{display:none;}
	#mission img{width:100%; height:auto;}
	
	
}
@media screen and (max-width: 640px){
	
}
@media screen and (max-width: 600px){}
@media screen and (max-width: 480px){
	h1{color:#fff; font-weight:300; font-size:30px; margin-bottom:20px; border-bottom:solid 1px #fece87; padding-bottom:20px;}
}
@media screen and (max-width: 360px){}
@media screen and (max-width: 320px){}
@media screen and (max-width: 240px){}