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


@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.eot');
    src: url('../fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff'),
         url('../fonts/lato-medium-webfont.ttf') format('truetype'),
         url('../fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{font-size:14px; color:#2a2a2a; line-height:20px;  font-family: 'latoregular'; background:url(../images/body-bg.png) repeat top left fixed;}

a:hover, a:focus{text-decoration:none; outline:none; }

a:hover {
    text-decoration: none;
}
.h1-title{color:#090959; font-size:36px; font-family: 'latoblack';  padding-bottom:16px; width:auto; }
.paddnone{padding:0;}
/*============= header =============*/
.navbar-fixed-top{border-width:0px;}
header{margin:0; padding:0px 0 0; position:fixed;  }
header .logo{padding:23px 15px 7px;}
#navbarTop.active{background:#ECECEC; padding-bottom:10px;}
#navbarTop.active .logo img{width:147px;}
    #toggle {
  width: 28px;
  margin: 0px auto 10px;
  float:right;
   height: 30px;
   padding-top:30px;
display:none;
}
#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  top: -9px;
}
#toggle span:after {
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}
#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: all 0.3s;
}
#toggle.on span {
  background-color: transparent;
}

#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}

#toggle.on + #menu {
  opacity: 1;
  position: absolute;
  right:0;
  top:68px;
}
#menu {
  width: 180px;
    text-align: center;
  opacity: 0;
  position: absolute;
  right:0;
  top:68px;
  transition: opacity .4s;	
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.56);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.56);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.56);
margin: 0px 9px auto auto;
   background-color: rgba(0, 0, 0, 0.8);
display:none;
}

#menu:after {
  position: absolute;
  top: -15px;
  left: 95px;
  content: "";
  display: block;
}
#menu ul{padding:0; margin:0;}
#menu li {display:block; padding:10px 0; border-bottom:1px solid #b5b5b5;}
#menu li:hover{background:#1565C0;}
#menu li:last-child{border:none;}
#menu li a {
  padding: 5px;
  color: #fff;
  text-decoration: none;
  transition: all .2s;
  font-size:16px;
}
	
/*============= banner ===========*/
.banner{padding-bottom:40px; background:url(../images/banner.jpg) no-repeat top left; background-size:cover;}
.banner .banner-text{margin-top:2%; padding: 2px 9px;}
.banner .banner-text h1{font-family: 'latoblack'; color:#cd1318;line-height:60px; font-size:45px; float:left; 
 padding-bottom:10px; margin-right:0px; text-align:right;}	
.banner .banner-text h3{font-size:26px; line-height:30px; padding:5px 10px 0  0; font-family: 'latoregular'; 
font-weight:normal; float:right; text-align:right; color:#090959; margin:0;}	
.banner .banner-text ul{float:left; list-style:none; padding:0; margin-top:60px; width:100%;}
.banner .banner-text ul li{display:inline;}	
.gandhiji{border-radius:50%; width:250px; height:250px; margin-top:32px;}
.img2{margin-right:60px;}

/*============== about =========*/
.about{padding:30px 0;}	
.about .h1-title{text-align:center; padding-bottom:30px;}	
.about p{font-size:16px; font-family: 'latomedium'; line-height:25px; text-align:left;}	
.about .btn-area{margin-top:90px;}
.banner-text{float:left;}
.about .banner-text{float:right;}


/*========== contact ==========*/

form label {
	font-family:latoblack;
	font-size: 15px;
}

.contact{margin-bottom:24px;   padding:0; text-align:center;}
.contact p{    font-size: 20px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    background: #090959; text-transform: uppercase;
    letter-spacing: 2px; letter-spacing:2px;}
.contact .h1-title{width:15%; margin:0 auto; margin-bottom:10px;}
.contact form{width:100%; float:left; color:#2a2a2a; font-size:14px; text-align:left;    padding: 10px 20px 0; background: #ffffff91; }
.contact form input, .contact form select, .contact form textarea{margin-bottom:20px; padding-left:5px; width:100%;
float:left; border:1px solid #000; background-color:transparent; height:40px;}
.contact form textarea{height:auto;}
.contact form input.submit{    color: #fff;
    font-size: 16px;
    font-family: 'latobold';
    border: inherit;
    background-color: #cd1318;}
.contact form .error{color:#ff0000; font-weight:normal;}
.contact .btn{width: 100%;

background:
#171717;

color:
#fff;

margin-top: 20px;}
/*========= footer =======*/
footer{  border-top: 1px solid;    padding: 15px 0 4px;}
footer a{text-decoration:underline; color:#1565C0;}
footer .footer-menu{text-decoration:none; font-size:16px;}

.faq-area{font-size:16px; }
.faq-area p{margin-bottom: 40px;
    line-height: 27px;}
.faq-area strong{margin-bottom:10px; font-size:18px;}
@media (max-width: 1024px){
	.banner .banner-text h1{  font-size: 28px;
    line-height: normal;
    margin: 0;}
	.h1-title{font-size:30px;}
	.features .h1-title{width:45%;}
	.about img{width:100%;}
        .col-xs-offset-1{margin:0;}

	
	}	
@media (max-width: 760px){
.paddnone{padding:0 15px;}
	#toggle{display:none;}
	header .logo {
    text-align: center;
}
.banner .banner-text{margin-top:0%; padding:0 15px;}
.navbar-fixed-top{position:relative;}
.banner .banner-text h1{  padding-bottom: 14px;
    font-size: 22px;
    margin-top: 37px;
    text-shadow: 2px 2px 4px #350808;
    text-align: center;
    color: #ffffff;}
.banner .banner-text h3{font-size:20px; line-height:26px; text-align: center;
    color: #ffffff; text-shadow: 2px 2px 4px #000000;}
.banner {
    margin-bottom: 0px;
    padding-bottom:0px;
}
.banner .container{    background: #e20a0a78; padding-bottom: 40px;}
.h1-title{font-size:22px;}
.about .banner-text {
    float: left;
padding:0;
}
.title-area{ float: left !important;}
.about .h1-title {
    float: left;
}

.about{margin-bottom: 30px;}
.gandhiji {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin-top: 32px;
}
.contact{width:100%; float:left; }

}
@media (min-width: 1200px) {
  .container {
    width: 1230px;
  }
}