@charset "utf-8";
/* CSS Document */
body{ font-weight:500; font-size:15px;}
.col-centered{ float:none; margin:0 auto;}
.relative{ position:relative}
img{ max-width:100%; border:0;}
.no-padding{ padding:0;}
.top_left{ float:left; color:#555; background-color:#fff; }
.top_call{ margin-left:50px;}
.top_right{ float:right; background-color:#fff; }
.donate{ color:#fff; background-color:#f5ca01; padding:25px 0; background-image: url(../images/donate_bg.png); background-repeat:no-repeat;}
.donate h3{ font-family: 'Poppins', sans-serif; font-weight:600; font-size:26px; color:#333; margin:0; padding:0 0 5px 0;}
.donate p{font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; margin:0; padding:0;}
#about{ margin:60px 0 60px 0; position:relative;}

#about .container .kannadi2{ position:absolute; right:-35px; top:-110px;}
#about .container .kannadi{ position:absolute; left:-125px; bottom:-75px;}
#about h2{font-family: 'Poppins', sans-serif; font-weight:500; font-size:30px; margin:0; padding:0 0 10px 0;}
#about p{ font-size:16px; line-height:24px;}
.project_title_bg{ background-color:#d6f2f5}
.project_title_bx{ padding:25px 10px 10px 30px;  text-align:center; left:50%;font-family: 'Poppins', sans-serif; font-weight:500; font-size:30px; line-height:40px; color:#000;  }

.p_institute, .p_school, .p_museum, .p_village{ position:relative; overflow:hidden}
.p_institute .overlay{ width:100%; height:100%; background-color:#1097d6; position:absolute; top:0; left:0; z-index:5;}
.p_school .overlay{ width:100%; height:100%; background-color:rgba(83,169,44,.7); position:absolute; top:0; left:0; z-index:5;}
.p_museum .overlay{ width:100%; height:100%; background-color:rgba(12,172,164,.7); position:absolute; top:0; left:0; z-index:5;}
.p_village .overlay{ width:100%; height:100%; background-color:rgba(250,155,1,.7); position:absolute; top:0; left:0; z-index:5;}
.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 55%;

  left: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; z-index:10;
}
.content-details h3{ font-family: 'Poppins', sans-serif; font-weight:400; font-size:24px; color:#fff;}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}
.content-details h3{ margin-bottom:10px;}
.p_institute img, .p_school img, .p_museum img, .p_village img {-moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;}
  .p_institute:hover img, .p_school:hover img, .p_museum:hover img, .p_village:hover img{
	-moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
 transform: scale(1.1);  
	  }

@-webkit-keyframes buttonIn {
  0% {
    -webkit-transform: skew(-45deg) translateX(-150%);
            transform: skew(-45deg) translateX(-150%);
  }
  100% {
    -webkit-transform: skew(-45deg) translateX(-50%);
            transform: skew(-45deg) translateX(-50%);
  }
}

@keyframes buttonIn {
  0% {
    -webkit-transform: skew(-45deg) translateX(-150%);
            transform: skew(-45deg) translateX(-150%);
  }
  100% {
    -webkit-transform: skew(-45deg) translateX(-50%);
            transform: skew(-45deg) translateX(-50%);
  }
}
@-webkit-keyframes buttonOut {
  0% {
    -webkit-transform: skew(-45deg) translateX(-50%);
            transform: skew(-45deg) translateX(-50%);
  }
  100% {
    -webkit-transform: skew(-45deg) translateX(150%);
            transform: skew(-45deg) translateX(150%);
  }
}
@keyframes buttonOut {
  0% {
    -webkit-transform: skew(-45deg) translateX(-50%);
            transform: skew(-45deg) translateX(-50%);
  }
  100% {
    -webkit-transform: skew(-45deg) translateX(150%);
            transform: skew(-45deg) translateX(150%);
  }
}
.p_institute button, .p_school button, .p_museum button, .p_village button {
  position: relative;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 30px;
  font-family: 'Poppins', sans-serif; 
  padding: 7px 20px;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  font-size: 1.4rem;
  background-color: transparent;
  font-weight: normal;
  transition: all 250ms ease;
  text-decoration: none;
  letter-spacing: 1px;
  outline: none;
  
 /* box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.2);*/
}
.p_institute button:before, .p_school button:before, .p_museum button:before, .p_village button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 150%;
  height: 100%;
  
  z-index: -1;
  -webkit-transform: skew(-45deg) translateX(-150%);
          transform: skew(-45deg) translateX(-150%);
  -webkit-animation: buttonOut 300ms ease-in;
          animation: buttonOut 300ms ease-in;
}
.p_institute button:before{background-color: #f1010c;}
.p_school button:before{background-color: #53a92c;}
.p_museum button:before{background-color: #0caca4;}
.p_village button:before{background-color: #f89b02;}
.p_institute button:hover, .p_school button:hover, .p_museum button:hover, .p_village button:hover {
  color: #fff;
  /*box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.6);*/
}
.p_institute button:hover:before, .p_school button:hover:before, .p_museum button:hover:before, .p_village button:hover:before {
  -webkit-animation: buttonIn 300ms ease-out forwards;
          animation: buttonIn 300ms ease-out forwards;
}
.ftr_btn{
  margin-bottom: 0px;
}
.halfBx{ width: 100%; float: left; text-align: center; font-size: 18px; line-height: 20px; font-weight: 300; color: #555; text-decoration: none; margin-top: 15px; border-radius: 3px; padding: 10px 20px; border: 2px solid #53a92c;  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;}
.halfBx span{display: block; color: #53a92c; font-weight: 600; text-transform: uppercase;-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }
.bg1{background-color: #fff;}
.bg2{background-color: #eee;}
.halfBx:hover{background-color: #53a92c; text-decoration: none; color: #fff;}
.halfBx:hover span{color: #fff;}
#footer{ text-align:center; padding:50px 0; background-color:#fff;}
#footer h3{font-family: 'Poppins', sans-serif; font-size:26px; font-weight:600; color:#f58501; }
.footer_bottom{ border-top:solid 1px #e5e5e5;}
.footer_bottom .copyright-text{
	position: relative;
	padding: 15px 0;
}

.footer_bottom .copyright-text .text{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}

.footer_bottom .copyright-text .text a{
	color: #777777;
	display: inline-block;
}

.footer_bottom .copyright-text .text a:hover{
	text-decoration: underline;
}

.footer_bottom .copyright-text .link {
	position: relative;
	float: right;
}

.footer_bottom .copyright-text .link a{
	
	font-size: 14px;
	line-height: 30px;
	color: #777777; text-decoration:none;
}

.top-header{width:100%; height:10%; float:left; padding:8px 0; background-color:#fff; border-bottom:1px solid #e7e7e7;}
	  /*sticky*/
.at-sticky {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	border-bottom: 1px solid #e6e6e6;
	-webkit-animation: navigationFlipIn 0.5s;
	animation: navigationFlipIn 0.5s;
}


@-webkit-keyframes navigationFlipIn {
	from {
		top: -100px;
	}

	to {
		to: 0;
	}
}

@keyframes navigationFlipIn {
	from {
		top: -100px;
	}

	to {
		top: 0;
	}
}
      .bhtmenu_center .navbar-default {
  background-color: #f1f1f1;
  border: none;
}
@media screen and (min-width: 992px) {
  .bhtmenu_center .navbar-default {
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 14;
  }
  .bhtmenu_center .navbar-default .navbar-nav > li:nth-of-type(n+4) {
    left: 55%;
  }
  .bhtmenu_center .navbar-default .navbar-nav > li a {
	  font-family: 'Poppins', sans-serif;
    color: #333 !important;
    line-height: 40px;
    text-transform: uppercase;
    padding: 15px 25px;
  }
   .bhtmenu_center .navbar-default .navbar-nav > li a:hover { color:#f58501 !important}
  .bhtmenu_center a.logo_desktop img {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    z-index: 14;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bhtmenu_center .navbar-default .navbar-nav > li a {
    padding: 15px 15px !important;
  }
}
@media (max-width: 991px) {
  .bhtmenu_center .navbar-header {
    float: right;
  }
  .bhtmenu_center .navbar-default {
    background-color:#f1f1f1;
    border: none;
    position: relative;
    z-index: 15;
    top: 0; margin-bottom:0; border-radius:0;
  }
  .bhtmenu_center .logo_desktop {
    position: absolute;
    top: 20px;
  }
  .bhtmenu_center .logo_desktop img {
    width: 100px;
  }
  .bhtmenu_center .navbar-toggle {
    margin-top: 17px;
    margin-bottom: 17px;
  }
  .bhtmenu_center .navbar-default .navbar-toggle {
    border-color: #333 !important;
    background-color: transparent !important;
  }
  .bhtmenu_center .navbar-default .navbar-toggle .icon-bar {
    background-color: #333 !important;
  }
  .bhtmenu_center body.out nav .navbar-collapse {
    background-color: #191919;
    border: none;
  }
  .bhtmenu_center body.out nav .navbar-toggle {
    background-color: transparent !important;
    border-color: #d9d9d9 !important;
  }
  .bhtmenu_center body.out nav .navbar-toggle .icon-bar {
    background-color: #d9d9d9 !important;
  }
  .bhtmenu_center .navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
  }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
  .bhtmenu_center .navbar-default {
    position: absolute;
  }
  .bhtmenu_center .navbar-default .navbar-nav > li:nth-of-type(n+4) {
    left:50%;
  }
  .bhtmenu_center .navbar-default .navbar-nav > li a {
    padding: 10px 8px !important;
  }
  .bhtmenu_center body.out nav .navbar-collapse {
    background-color: #191919;
    transform: translate3d(-250px, 0, 0);
  }
  .bhtmenu_center .navbar-default .navbar-nav > li {
    display: block;
  }
  .bhtmenu_center .navbar-default .navbar-nav > li > a {
    text-align: left;
  }
  .bhtmenu_center .navbar-header {
    float: right;
  }
}




#main-slide{ margin-top:5px;}
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0; }.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}
 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
 .active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}
 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
 .carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}
 @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
 .carousel-control-next,.carousel-control-prev{position:absolute;top:50%;bottom:0; margin-top:-23px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:10%;color:#fff;text-align:center;opacity:.5; z-index:50}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:10%;bottom:20px;left:10%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
 .d-block{display:block!important}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
 .w-100{width:100%!important}
.d-block{display:block!important}
 .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
 .w-100{width:100%!important}
.btn{font-size:14px;padding:12px 32px;border-radius:30px;cursor:pointer;font-weight:400;text-transform:uppercase;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;display:inline-block}.btn:focus,.btn:active{box-shadow:none;outline:0}.btn-common{background-color:#fefe2b;position:relative;z-index:1;color:#333}.btn-common:hover{background:#101010;color:#fff;box-shadow:0 6px 22px rgba(0,0,0,.1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.btn-border{color:#fff;background-color:transparent;border:2px solid #fff;border-radius:30px;padding:10px 20px}.btn-border:hover{color:#fff;background-color:rgba(255,255,255,.2)}







#main-slide .carousel-control{display:none;transition:all .3s ease-in-out}
#main-slide .carousel-indicators{cursor:pointer;bottom:50px}
#main-slide:hover .carousel-control{display:block;transition:all .3s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}
#main-slide .carousel-item img{position:relative}
#main-slide .carousel-inner .carousel-item::after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}
#main-slide .carousel-item .carousel-caption{opacity:0;transition:opacity 100ms ease 0s;z-index:0}
#main-slide .carousel-item .carousel-caption h4{font-size:18px;color:#f3f3f3;text-transform:uppercase;letter-spacing:1px;margin-bottom:40px}
#main-slide .carousel-item .carousel-caption .heading{ font-family:"Futura W01 Bold",sans-serif; font-size:40px; line-height:40px;font-weight:800; text-transform:uppercase;color:#fff;letter-spacing:1px; margin-bottom:0px; }
#main-slide .carousel-item .carousel-caption .heading span{color:#4064d7}
#main-slide .carousel-item .carousel-caption p{ font-family:"Futura W01 Bold",sans-serif;color:#fff;padding:15px 0;font-size:22px; line-height:20px;font-weight:500; margin:0; text-shadow: 2px 2px 2px rgba(0,0,0,.3);}
#main-slide .carousel-item.active .carousel-caption{opacity:1;transition:opacity 100ms ease 0s;z-index:1}
#main-slide .carousel-caption{color:#fff;top:35%; }
#main-slide .carousel-caption .btn{margin:20px 0px}
#main-slide .carousel-control-next,#main-slide .carousel-control-prev{opacity:1;box-shadow:none}
#main-slide .carousel-control-prev span{padding:15px}
#main-slide .carousel-control-next span{padding:15px}
#main-slide .carousel-control .fa-angle-left,#main-slide .carousel-control .fa-angle-right{position:absolute;z-index:5;display:inline-block}
#main-slide .carousel-control .fa-angle-left{left:10px}
#main-slide .carousel-control .fa-angle-right{right:10px}
#main-slide .carousel-control i{line-height:40px;font-size:18px;width:45px;border:2px solid #fff;height:45px;display:block;border-radius:30px;background:0 0;color:#fff;-webkit-transition:all 500ms ease;transition:all 500ms ease}
#main-slide .carousel-control i:hover{background:rgba(255,255,255,.2);color:#fff;border-color:#fff}


@media(min-width:992px) and (max-width:1199px){
#main-slide .carousel-caption{top:25%}
#main-slide .carousel-item .carousel-caption h4{margin-bottom:10px;font-size:14px}
#main-slide .carousel-item .carousel-caption .heading{font-size:20px; line-height:15px;margin-bottom:0}
#main-slide .carousel-item .carousel-caption p{font-size:22px}
#main-slide .carousel-caption .btn{margin-top:0}}
	
	@media(max-width:991px){
		#main-slide{ margin-top:0px;}
		#main-slide .carousel-caption{top:15%}
		#main-slide .carousel-item .carousel-caption h4{margin-bottom:10px;font-size:14px}
		#main-slide .carousel-item .carousel-caption .heading{font-size:20px; line-height:15px;margin-bottom:0}
		#main-slide .carousel-item .carousel-caption p{font-size:14px; line-height:14px;}
		#main-slide .carousel-caption .btn{margin-top:0}}
	
	@media(min-width:768px) and (max-width:991px){
		#main-slide .carousel-caption{top:15%}
		#main-slide .carousel-item .carousel-caption h4{margin-bottom:10px;font-size:14px}
		#main-slide .carousel-item .carousel-caption .heading{font-size:20px;margin-bottom:0}
		#main-slide .carousel-item .carousel-caption p{font-size:18px}
		#main-slide .carousel-caption .btn{margin-top:0}
		.carousel-indicators{display:none}}
	
	@media(max-width:640px){
		.controls .btn{padding:12px 18px}}
	
	@media(max-width:767px){
		#main-slide .carousel-caption{top:25%}
		.carousel-indicators{display:none}
		#main-slide .carousel-item .carousel-caption .heading{font-size:20px; line-height:10px; letter-spacing:0;}
		#main-slide .carousel-item .carousel-caption h4{font-size:10px;margin-bottom:0}
		#main-slide .carousel-item .carousel-caption p{font-size:16px; line-height:18px;}
		#main-slide .carousel-item .carousel-caption .heading{margin-bottom:0px}}
	
	@media(min-width:320px) and (max-width:480px){
		#main-slide .carousel-item .carousel-caption .heading{letter-spacing:0}
		/*#main-slide .carousel-item .carousel-caption p{display:none}*/
		#main-slide .carousel-caption .btn{margin:0;padding:7px 9px;font-size:12px;text-transform:capitalize}
		#main-slide .carousel-caption{top:5%}
		#main-slide .carousel-item .carousel-caption .heading{margin-bottom:0}
		#main-slide .carousel-control i{line-height:26px;font-size:14px;width:30px;height:30px}
		.controls .btn{ display:none;padding:7px 8px;text-transform:capitalize;font-size:11px}}
		
		

@keyframes language_menu_slide_up {
    from {
        opacity: 0;
        margin-top: 15px
    }
    to {
        opacity: 1;
        margin-top: 2px
    }
}

@-webkit-keyframes language_menu_slide_up {
    from {
        opacity: 0;
        margin-top: 15px
    }
    to {
        opacity: 1;
        margin-top: 4px
    }
}
.top_social{}
.top_social ul{ list-style:none;}
.top_social ul li{ font-size:16px; float:left; padding:0 6px;}
/* Social icon link */
.site-button-link.facebook{
	color:#3B5998;
}
.site-button-link.google-plus{
	color:#DE4E43;
}
.site-button-link.linkedin{
	color:#007BB6;
}
.site-button-link.instagram{
	color:#8A5A4E;
}
.site-button-link.twitter{
	color:#1EA1F3;
}
.site-button-link.youtube{
	color:#CE201F;
}
.site-button-link.whatsapp{
	color:#01C854;
}

.site-button-link.facebook.hover,
.site-button-link.google-plus.hover,
.site-button-link.linkedin.hover,
.site-button-link.instagram.hover,
.site-button-link.twitter.hover,
.site-button-link.youtube.hover,
.site-button-link.whatsapp.hover{
	color:inherit;
}

.site-button-link.facebook.hover:hover,
.site-button-link.facebook.hover:focus,
.site-button-link.facebook.hover:active{
	color:#3b5998;
}
.site-button-link.google-plus.hover:hover,
.site-button-link.google-plus.hover:focus,
.site-button-link.google-plus.hover:active{
	color:#de4e43;
}
.site-button-link.linkedin.hover:hover,
.site-button-link.linkedin.hover:focus,
.site-button-link.linkedin.hover:active{
	color:#007bb6;
}
.site-button-link.instagram.hover:hover,
.site-button-link.instagram.hover:focus,
.site-button-link.instagram.hover:active{
	color:#8a5a4e;
}
.site-button-link.twitter.hover:hover,
.site-button-link.twitter.hover:focus,
.site-button-link.twitter.hover:active{
	color:#1ea1f3;
}
.site-button-link.youtube.hover:hover,
.site-button-link.youtube.hover:focus,
.site-button-link.youtube.hover:active{
	color:#ce201f;
}
.site-button-link.whatsapp.hover:hover,
.site-button-link.whatsapp.hover:focus,
.site-button-link.whatsapp.hover:active{
	color:#01c854;
}


.color-fff-hvr:hover{color: #fff;}
.bg-orange-hvr:hover{background-color: #01a84c;}
.color-bbb{color: #bbb;}
.transition-3{-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#footer .social-icons a{
	height: 45px;
	width: 45px; font-size:20px;
	line-height: 45px;
	border: 1px solid #cacaca; border-radius:50%;
	display: inline-block; margin:0 3px;
}

#footer .social-icons a:hover{
	border: 1px solid #01a84c;
}


@media(max-width:991px){
	.donate { text-align:center }
	.donate p{ margin-bottom:20px;}
	.donate .text-right{ text-align:center }
}

@media(max-width:660px){
	.footer_bottom .copyright-text .text{ width:100%; text-align:center; line-height:18px;}
.footer_bottom .copyright-text .link { width:100%; text-align:center; }
}
@media(max-width:480px){
#about .container .kannadi2{ display:none;}
#about .container .kannadi{ display:none;}
}

.inner_banner{height:150px; margin-top:5px; position:relative; background-image:url(../images/inner_bg.jpg); background-position:center top; background-repeat:no-repeat; border-bottom:solid 3px #039600;}
.inner-title-bx{width:100%;position:absolute; left:0; bottom:-36px; text-align:center; }
.inner-title-bx h2{font-family: 'Poppins', sans-serif; font-size:24px; font-weight:600; color:#039600; text-transform:uppercase; background-color:#fff; border:solid 3px #039600; display:inline-block; padding:10px 20px;}
#in_about{ margin:60px 0 60px 0; position:relative;}
#in_about h2{font-family: 'Poppins', sans-serif; font-size:25px;color:#f2f603; margin:0; padding:0 0 5px 0; }
#in_about h3{font-family: 'Poppins', sans-serif; font-size:22px;color:#f58501; }
.inner_about p{ padding-right:10px;}
.aims{ background-color:#225f7b; padding:10px; font-size:16px; line-height:22px;  color:#fff; outline:dashed 2px #fff;box-shadow: 0px 0px 0px 05px #f00;}
.aims h3{ margin:0}
.list-style{}
.list-style ul{ list-style:none; margin:0; padding:0;}
.list-style ul li{ font-size:16px; line-height:24px; margin-bottom:10px; padding-left:20px; position:relative;}
.list-style ul li:before{ content:"\f105"; font-family:'FontAwesome'; font-size:20px; position:absolute; top:0; left:5px; }
.btm_border{ border-bottom:dashed 1px #e1e1e1; margin-bottom:20px; padding-bottom:15px;}

#inner_projects { margin:50px 0;}
#inner_projects h3{  font-family: 'Poppins', sans-serif; font-size:22px;color:#f58501; margin:0; padding:0 0 5px 30px;}
#inner_projects h3:before{ content:"\f105";font-family:'FontAwesome'; line-height:20px; width:25px; height:25px; border-radius:50%; border:solid 2px #f58501; display:block; position:absolute; left:0; top:0; text-align:center}
@media(max-width:990px){
.inner_banner{margin-top:0px;}	
.aims{ margin:30px;}
}


.mb-30{margin-bottom: 30px;}

/** fancy-gallery **/


.fancy-gallery{
  position: relative;
}
.fancy-gallery .single-item{
  margin-bottom: 0px;
  transition: all 500ms ease; border:0px solid #fff;
}
.fancy-gallery .single-item:hover{
  /*box-shadow: 0px 0px 15px 3px #e5e5e5;*/
  transition: all 500ms ease;
}
.fancy-gallery .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;   
}
.fancy-gallery .single-item .img-holder img {
  position: relative;
  width: 100%;   
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease; 
}
.fancy-gallery .single-item:hover img{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.fancy-gallery .single-item:hover .img-holder .overlay{
  -webkit-transform: scale(1);
  transform: scale(1);
}
.fancy-gallery .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: rgba(45, 49, 52, 0.5);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease; 
}

.fancy-gallery .single-item .img-holder img {
  position: relative;
  width: 100%; 
}
.fancy-gallery .single-item .img-holder .overlay .box .content a i {
  background: #fff;
  text-align: center;
  color: #222;
  display: inline-block;
  font-size: 20px;
  height: 55px;
  line-height: 55px;
  transition: all 500ms ease 0s;
  width: 55px;
  border-radius: 50%;   
}
.fancy-gallery .overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.fancy-gallery .overlay .box {
    display: table;
    height: 100%;
    width: 100%; z-index:999999;
}

/*

Animated message (from ajax example)

*/

/* Default styling */

#message {
  top: -200px;
  transition: all .5s;
}

/* When inside current slide */

.fancybox-slide--current #message {
  top: 0;
}

/* Different effect when fanyBox is closing; optional */

.fancybox-is-closing #message {
  top: 0;
  transform: scale(1.5);
}

/*

Advanced example - Customized layout

*/

@media all and (min-width: 600px) {
    /* Give space around main area */
.fancybox-custom-layout .fancybox-outer {
  top: 50px;
  left: 50px;
  bottom: 50px;
  right: 50px;
  margin: auto;
  max-width: 1180px;
  max-height: 495px;
  overflow: visible;
  background: #fff;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
  transition: opacity .3s;
}

/* Make it to fade-out while closing */
.fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
  opacity: 0;
}

  /* Change color for backdrop */
  .fancybox-custom-layout .fancybox-bg {
      background: #ffecc6 ;
  }

  .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
      opacity: 1;
  }

  .fancybox-slide--image {
  
  padding: 0px 0 !important;
}

  /* Move caption area to the right side */
  .fancybox-custom-layout .fancybox-caption {
      background: #8d021f ;
      bottom: 0;
      color: #fff;
      left: auto;
      padding: 30px 20px;
      right: 44px;
      top: 0;
      width: 256px;
     
  }

  .fancybox-custom-layout .fancybox-caption h3 {
      color: #feda9e;
      font-size: 21px;
      line-height: 1.3;
      font-weight: 400;
      margin-bottom: 24px;
      display: inline-block;
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  }

  .fancybox-custom-layout .fancybox-caption a {
      color: #444;
  }

  /* Remove gradient from caption*/
  .fancybox-custom-layout .fancybox-caption::before {
      display: none;
  }

  /* Adjust content area position */
  .fancybox-custom-layout .fancybox-stage {
      right: 300px;
      left:0;
  }


  /* Align buttons at the right side  */
  .fancybox-custom-layout .fancybox-toolbar {
      background: #3b3b45;
      bottom: 0;
      left: auto;
      right: 0;
      top: 0;
      width: 44px;
  }

  /* Remove background from all buttons */
  .fancybox-custom-layout .fancybox-button {
      background: transparent;
  }

  /* Navigation arrows */
  .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
      padding: 6px;
      background: #fcfaf9;
      border-radius: 50%;
      transition: opacity .2s;
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      opacity: .7;
  }

  .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]):hover div {
      opacity: 1;
  }

  .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
      color: #999;
  }

  .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
      color: #ef9f00;
  }

    /* Reposition arrows */
    .fancybox-custom-layout .fancybox-button--arrow_left {
      left: -60px !important;
    }
  
    .fancybox-custom-layout .fancybox-button--arrow_right {
      right: -60px !important;
    }

  .fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: -272px;
  }
}





/* Custom animation */

.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
  opacity: 0;
  transform: translateY(-60px) scale(1.1);
}

.fancybox-fx-material.fancybox-slide--current {
  opacity: 1;
  transform: translateY(0) scale(1);
}

  .bg1 {
      background: #d6f2f5 ;
	  margin-top: 5px ;
	 
  }

  .bg2 {
      background: #1097d6 ;
	  padding: 10px 10px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  	  border-left-color: #fff;
	  border: 2px solid;
  }
  .bg3 {
      background: #296e04 ;
	  padding: 10px 10px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	 	  border-left-color: #fff;
	  border: 2px solid;
  }
  .bg4 {
      background: #6e045e ;
	  padding: 10px 10px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  	  border-left-color: #fff;
	  border: 2px solid;
  }

  .bg5 {
      background: #e38e08 ;
	  padding: 10px 10px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  border-left-color: #fff;
	  border: 2px solid;
	  
  }

  .bg6 {
      background: #0c2697 ;
	  padding: 10px 10px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  	  border-left-color: #fff;
	  border: 2px solid;
	  
  }
  .bg7 {
      background: #08799a ;
	  padding: 10px 10px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  	  border-left-color: #fff;
	  border: 2px solid;
	  
  }
  .bg1a {
      background: #8e0b33 ;
	 text-align: center;
  }

h13 {
  color: #f0ff00;
	font-size: 2.7rem;
	font-weight: 600;
}
/*
// End of examples
*/