@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Montserrat', sans-serif;
	}
.navbar{
	min-height:90px;
	border:none;
	border-radius:0;
	background:#fff;
	margin-bottom:0;
	}
.navbar-nav > li > a{
	padding:20px 25px;	
	font-size:16px;
	line-height:16px;
	vertical-align:middle;
	color:#003F62 !important;
	font-weight:600;
	}
.navbar .container-fluid{
	vertical-align:middle;
	line-height:75px;
	padding:15px;}
.navbar-brand img{
	width:80px;
	}
.navbar-brand{
	padding:0;
	}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
	margin-left:75px;}
	
	.navbar .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color:transparent !important;}
.navbar-nav > li > a:hover{
	background-color:transparent;
	color:#003F62 !important;}
.navbar-nav > li > .active{
	background-color:transparent;
	color: #772432 !important;}
.carousel-caption{
	position:absolute;
	top:25%;
	left:200px;
	text-align:left;
	}
.carousel-caption h3{
	font-size:30px;
	font-weight:500;}
	
.carousel-caption h4{
	font-size:23px;
	font-weight:500;}
.carousel-caption ul li {
	list-style-type:none;
	font-size:18px;
	padding:0;
	font-weight:500;
}
.carousel-caption .fa{
	font-size:18px;
	color:#ffffff;
	margin:0 5px;}

.carousel-caption ul{
	margin-left:-36px;}
.carousel-caption-2{
	position:absolute;
	top:25%;
	right:200px;
	text-align:right;
	}	
/*.carousel-caption ul li span{
	font-size:75px;
	font-weight:900;
	color:#772432;}*/
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius:5px;
  font-weight:400;
}
.button1 {
   background-color: white;
  color: #772432;
  border: 2px solid  #772432;
  -webkit-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
}
.button1:hover {
	 background-color: #772432;
  color: white;
   border: 2px solid  #772432;
}
 .button2:hover{
	 background-color: #004165;
  color: white;
  border: 2px solid  #772432;
	 }
.button3{
	 background-color: #772432;
  color: white;
  border: 2px solid  #772432;
	}
	.button3:hover{
	 background-color: white;
  color:  #772432;
  border: 2px solid  #772432;
	}
#key-note h3{
	font-weight:600;
	padding:10px 0;
	margin-top:10px;}
.circle-border{
	padding:0px 10px 27px 10px ;
}
.circle-border a{
	color:white;
	}
.circle-border a:hover{
	text-decoration:none;}
	
.circle-border img{
	padding:10px;
	width:90px;}


.vote{
	background-color:#a9b2b1;
	/*height:289px;*/
	color:white;}

.people{
	background-color:#004165;
	/*height:289px;*/
	color:white;
	}
.people1{
	background-color:#A9B2B1;
	/*height:289px;*/
	color:white;
	}
	
.connect{
	background-color:#772432;
	/*height:289px;*/
	color:white;
	}
.full-width{
	padding:0;}	
#about-home .left-content{
	background:url(../images/Untitled_design.jpg) !important;
	background-position:top center !important;
	background-repeat:no-repeat;
	background-size:cover !important;
	height:434px;
	width:100%;
	}
#about-home .right-content{
	background-color:#004165;
	padding:25px 50px;
	height:434px;
	color:white;
}
#about-home p{
	font-size:18px;
	line-height:36px;
}
footer{
	background:#a9b2b1;
	color:white;
	margin-top: 15px;
	padding:20px 0 15px 0;
}
#banner-vision1{
	background:#004a6d;
	color:white;
}	
#banner-vision{
	background:#772432;
	color:white;
}	
#vision-content{
	padding:50px 0;
}
#vision-content .heading{
	font-size:36px;
	text-align:center;
	font-weight:600;
	padding:25px 0;
}	
#vision-content p{
	font-size:16px;
	line-height:28px;
	font-weight:500;
}
#vision-content h2, #about-content h2{
	border-left:2px solid #004165;
	margin:25px 0 25px 10px;
	padding:10px;
}
#about-content{
	padding:50px 0;}
#about-content .heading{
	font-size:36px;
	text-align:center;
	font-weight:600;
	padding:25px 0;}		
#about-content p{
	font-size:16px;
	line-height:28px;
	font-weight:500;}
#about-content .left-content{
	/*background:url(../images/Untitled_design.jpg) !important;
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:434px;
	width:100%;*/
	}
#about-content .right-content{	
	padding:75px 75px 0 75px;
	height:434px;
	}
#vision-home img{
	width:100%;
	}
#vision-home{
	padding:75px 0 75px 0;}
#vision-home .vision-content-home{
	padding:90px 50px;}
/*#vision-content .left-content{
	background:url(../images/Vision.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height:434px;
	width:100%;
	}*/
#vision-content{
	padding:50px 0;}
#vision-content .heading{
	font-size:36px;
	text-align:center;
	font-weight:600;
	padding:25px 0;}	
#vision-content p{
	font-size:16px;
	line-height:28px;
	font-weight:500;}
#vision-content .right-content{	
	padding:0px 70px 0 70px;
	height:434px;
	}	
#vision-content .left-content{	
	padding:70px 70px 0 70px;
	}	
.vision-content-home p{
	font-size:18px;
	line-height:30px;
	text-align:center;}
.vision-content-home h2, .vision-content-home h3{
	text-align:center;}
#contact-content{
	padding:50px 0;}
#contact-content .heading{
	font-size:36px;
	text-align:center;
	font-weight:600;
	padding:25px 0;}	
#contactcontent p{
	font-size:16px;
	line-height:28px;
	font-weight:500;}
#contact-content .left-content{
	background:url(../images/Pawas-Chandra.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height:434px;
	width:100%;
	}
#contact-content .right-content{	
	padding:75px 75px 0 75px;
	height:434px;
	}
/*.journey-right-content{
	padding:0 25px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:560px;}
*/
.journey-right-content{
	padding:0 25px;}

.journey-right-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}
.journey-right-content::-webkit-scrollbar
{
	width: 7px;
	background-color: #a9b2b1;
}
.journey-right-content::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a9b2b1;
}
.single-journey{
	display:inline-block;
	border-radius:10px;
	border:1px solid grey;
	padding:15px;
	font-size:17px;
	line-height:20px;
	margin-bottom:10px;
	transition:0.3s;
	}
.single-journey h4{
	font-size:18px;
	margin-top:0;}
	
.single-journey:hover{
	background:#004165;
	color:white;
	transform:scale(1.05);
	-webkit-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -10px rgba(0,0,0,0.75);
}
#journey-content img{
		width:100%;}
	#contact{
		padding:75px;}
	#contact .contact-image img{
		width:100%;}
	.no-padding{
		padding:0;}
	.form-content{
		padding: 0 25px;}
.contact-social{
	padding-top:75px;}			
#contact .fa {
  padding: 10px 5px ;
  font-size: 18px;
  width: 37px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}
#resources{
	padding:75px 0;}
#resources ul li{
	list-style-type:none;
	font-size:24px;
	padding-bottom:25px;
	}
#resources ul {
	padding-top:25px;
	padding-bottom:25px;
	padding-left:0;
	}
#resources ul li a{
	color:#772432;}
#resources ul li a:hover{
	color:#004a6d;}
.fa{
	transition: .2s;
}
.fa:hover {
    transform: translateY(-4px);
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-facebook:hover {
  background: #3B5998;
  color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-linkedin:hover {
  background: #007bb5;
  color: white;
}
.fa-instagram {
  background: #CF3C88;
  color: white;
}
.fa-instagram:hover {
  background: #CF3C88;
  color: white;
}
.fa-whatsapp {
  background: #25D366;
  color: white;
}
.fa-whatsapp:hover {
  background: #25D366;
  color: white;
}

@media only screen and (max-width:600px){
	.navbar{
	min-height:70px;
}
	.navbar-header{
		margin:0 !important;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		margin-left:10px;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand img{
		padding:5px;}
	.navbar .container-fluid {
    vertical-align: middle;
    line-height: 75px;
    padding: 5px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
	margin-top:15px;
}
.carousel-caption h3{
	font-size:24px;
	font-weight:500;}
	
.carousel-caption h4{
	font-size:18px;
	font-weight:500;}
.carousel-caption ul li {
	list-style-type:none;
	font-size:14px;
	padding:0;
	font-weight:500;
}
.carousel-caption .fa{
	font-size:14px;
	color:#772432;
	margin:0 5px;}

.carousel-caption ul{
	margin-left:-36px;}

.carousel-caption{
	position:absolute;
	top:0px;
	left:50px;
	text-align:left;
	}
#vision-home, .vision-content-home{
	padding:10px 0 !important;}
#vision-home .row{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;}
#vision-home .col-md-8{
	order:2;}
#vision-home .col-md-4{
	order:1;}
#about-home .right-content {
    background-color: #004165;
    padding: 15px;
    height: 500px;
    color: white;
}
#vision-content{
	padding:0;}
#vision-content .heading{
	font-size:28px;}
#about-content .right-content {
    padding: 15px;
    height: 350px;
}
#about-content br{
	display:none;}
#about-content p{
	padding:15px;}
#banner-vision{
	padding:25px;}
#banner-vision h1{
	font-size:28px;}
.journey-right-content{
	padding:15px;
	margin-top:25px;}
#journey-content{
	padding:25px 0;}
#contact{
	padding:0 0 25px 0;}
.contact-social{
	padding:25px;
	text-align:left;}
#resources{
	padding:25px 0;}
#resources ul li{
	list-style-type:none;
	font-size:18px;
	padding-bottom:10px;
	}
	#resources ul {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0;
	}
#resources h1{
	font-size:24px;}
	}

@media only screen and (max-width:992px){
	#vision-home img ,#vision-content img {
		width: 70%;
		margin-top: 15px
	}
	.carousel-caption, .carousel-caption-2{
	top:6.5%;
	}
}

@media only screen and (max-width:768px){
	.carousel-caption{
	position:absolute !important;
	top:5% !important;
	left:0px !important;
	text-align:center !important;
	width: 100%;
	}
	.carousel-caption-2{
	position:absolute !important;
	top:5% !important;
	left:0px !important;
	text-align:center !important;
	}
	.carousel-caption-3{
		position:absolute !important;
		top:5% !important;
		left:50% !important;
		text-align:center !important;
		}
	#vision-content .right-content{	
	/*padding:30px 75px 0 75px;*/
	height:500px;
	}
}
@media only screen and (max-width:575px){
	#vision-content .right-content{	
	padding:30px 25px 0 25px;
	height:550px;
	}
	#vision-home img,#vision-content img {
		width: 90%;
	}
}
@media only screen and (max-width:400px){
	#vision-content .right-content{	
	padding:30px 15px 0 15px;
	height:610px;
	}
}