@charset "utf-8";@import url(http://fonts.googleapis.com/css?family=Lobster|Droid+Sans|Varela+Round);

/* CSS Document */
@font-face {
    font-family: 'lucida_handwritingitalic';
    src: url('../font/24006_lucidahandwritingkursiv-webfont.eot');
    src: url('../font/24006_lucidahandwritingkursiv-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/24006_lucidahandwritingkursiv-webfont.woff2') format('woff2'),
         url('../font/24006_lucidahandwritingkursiv-webfont.woff') format('woff'),
         url('../font/24006_lucidahandwritingkursiv-webfont.ttf') format('truetype'),
         url('../font/24006_lucidahandwritingkursiv-webfont.svg#lucida_handwritingitalic') format('svg');
}
body{margin:0px; background:url(../images/inner-page-bg2.jpg);}
.inner{ width:1000px; margin:auto; font-family:'Droid Sans'}.logo{ padding:50px 0px 37px 0px;}.call-now{ display:inline-block; float:right; font-size:19px; color:#4b68e7; font-family: 'lucida_handwritingitalic'; text-align:right; margin-top:5px;}.left-side{ width:277px; float:left; margin-bottom:50px;}.right-side{ width:699px; float:right;}.help-appliance{ margin-bottom:22px;}.sidebar{ background:url(../images/sidebar-bg.jpg) repeat-y; box-sizing:border-box; padding:15px; box-shadow: 5px 0px 5px #eae8e8;}.sidebar ul{ margin:0px; list-style-type:none; background:#fde6c3; padding:5px 0px 0px 0px;}.sidebar ul li{ margin-bottom:1px;}.sunshine{ border-right:3px solid #e71ea8; transition-duration:0.1s;}.people-behind{ border-right:3px solid #74706f; transition-duration:0.1s;}.donating{ border-right:3px solid #fb0000; transition-duration:0.1s;}.sponshorship{ border-right:3px solid #d41212; transition-duration:0.1s;}.latest-news{ border-right:3px solid #380f53; transition-duration:0.1s;}.press-releses{ border-right:3px solid #f6f6d0; transition-duration:0.1s;}.gallery{ border-right:3px solid #048c8c; transition-duration:0.1s;}.recommendation{ border-right:3px solid #0b7c24; transition-duration:0.1s;}.guest{ border-right:3px solid #0b22c8; transition-duration:0.1s;}.useful{ border-right:3px solid #a409a3; transition-duration:0.1s;}.accomplishments{ border-right:3px solid #000000; transition-duration:0.1s;}.updates{ border-right:3px solid #cf123f; transition-duration:0.1s;}.updates:hover, .sunshine:hover, .people-behind:hover, .donating:hover, .sponshorship:hover, .latest-news:hover, .press-releses:hover, .covid-news:hover, .gallery:hover, .recommendation:hover, .guest:hover, .useful:hover, .accomplishments:hover{ border-right:3px solid #4b68e7;border-left:3px solid #4b68e7;}.sunshine-kids{ margin-top:21px;}.sunshine-kids figcaption{ background:#4b68e7; color:#fff; font-size:15px; text-align:center; padding:5px;}.sidebar ul li iframe{ width:100%; height:179px;}.banner{ position:relative; margin-bottom:42px;}.banner h1{ position:absolute; margin:0px; bottom:11px; left:7px; right:7px; background: rgba(28, 64, 221, 0.7) ; display:block; width:auto; font-family: 'lucida_handwritingitalic'; color:#fff; font-weight:normal; text-align:center; font-size:23px; padding:11px 0px;}.content-area{ text-align:justify; font-size:14px; line-height:18px;}.content-area p img{ border:3px solid #cfcfd1; border-radius:3px; box-shadow:2px 3px 4px #737373;}.roshni-img{float:right; margin-left:15px;}.classroom-img{float:left; margin-right:15px; max-width:205px;}.clr{ clear:both;}.roshni-img, .classroom-img{ display:inline-block;}.caption {text-align:center; margin-top:-5px; box-shadow:1px 0px 3px #000;padding:5px; margin-left:3px; margin-right:2px; font-size:15px; display: block; vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; color:#fff;}
.caption:before {
  content: "";
  position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #4b68e7;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.caption:hover, .caption:focus, .caption:active { color:#333; box-shadow:1px 0px 3px #fff;}
.caption:hover:before, .caption:focus:before, .caption:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);}
.content-area p{ margin-bottom:50px;}footer{ font-family:'Droid Sans'; background:#ffc200; color:#171718; padding:38px 0px;}footer .map iframe{ width:420px; height:420px;}
footer .map{ width:420px; margin-right:60px; float:left;}.contacts-main{ width:270px; float:left;}.connected-main{ width:250px; float:left;}.footer-heading{ display:block; text-transform:uppercase; color:#4b68e7; font-size:29px; font-weight:bold; margin-bottom:20px;}footer address{ font-style:normal; line-height:25px; font-size:15px;}footer a{ color:#4b68e7; text-decoration:none;} footer a:hover{ text-decoration:underline;}
footer .facebook a{ background:url(../images/facebook.png) no-repeat; width:14px; height:30px; display:inline-block; margin-right:30px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
  footer .insta a{ background:url(../images/insta.png) no-repeat; width:34px; height:30px; display:inline-block; margin-right:30px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
footer .twitter a{ background:url(../images/twitter.png) no-repeat; width:34px; height:30px; display:inline-block; margin-right:30px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
footer .googleplus a{ background:url(../images/googleplus.png) no-repeat; width:30px; height:30px; display:inline-block; margin-right:30px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
footer .youtube a{ background:url(../images/youtube.png) no-repeat; width:26px; height:30px; display:inline-block;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;} 
footer .facebook a:hover, footer .twitter a:hover, .insta a:hover, footer .googleplus a:hover, footer .youtube a:hover{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.call-now img{-webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
.call-now:hover img{  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.recommended{ margin-top:44px; display:block;}.recommended img{ float:left; margin-right:7px; margin-top:-4px;}.recommended{ color:#171718; cursor:pointer; font-size:18px; font-weight:bold;}.enter-email{ margin-top:20px; display:block;}.enter-email input, .enter-email textarea{ border:1px solid #4b68e7; width:100% !important; box-sizing: border-box; margin-bottom:10px; color:#4b68e7; padding:5px;}.recommended:hover{ text-decoration:underline;}.enter-email button{ border:none;padding:5px; font-size:15px; display: block; vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative; background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; color:#fff;}
.enter-email button:before {
  content: "";
  position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #4b68e7;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.enter-email button:hover, .enter-email button:focus, .enter-email button:active { color:#333;}
.enter-email button:hover:before, .enter-email button:focus:before, .enter-email button:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);}.enter-email{ display:none;}* { margin: 0; padding: 0;}
/* Icon 1 */
#nav-icon1{ width: 35px; height: 45px; float:right; position: relative; margin:0px 0px 14px 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;}
#nav-icon1 span{ display: block; position: absolute; height: 5px; width: 100%; background: #4b68e7; border-radius: 9px; opacity: 1; left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;}#nav-icon1 span:nth-child(1) { top: 5px;}#nav-icon1 span:nth-child(2) { top: 16px;}#nav-icon1 span:nth-child(3) { top: 27px;}
#nav-icon1.open span:nth-child(1) { top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px;}
#nav-icon1.open span:nth-child(3) {  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);}
.menu-icon{ display:none;}.copy-right{ display:inline-block; margin-top:25px;}.donation, .gallery-icon{ display:none;}
.menu-icon .call-now img{-webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
.menu-icon .call-now:hover img{  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);} 
  
 
  
  #recommend-left img {width:100%; max-width:250px;} #recommend-right img {width:100%; max-width:250px;}
  
   
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.hvr-skew-forward {  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;

}
.visible {opacity: 0 !important;}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
/* originally authored by Nick Pettit - https://github.animated.com/nickpettit/glide */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.animated.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
a.callus-ft{ pointer-events:none;}.content-listing-ul{ margin:20px 0px 20px 40px; padding:0px;}.content-listing-ul li{ list-style-image:url(../images/list-icon.png); line-height:25px;}
.content-area p a, .content-listing-ul li a{ color:#4b68e7; text-decoration:none;}.content-area p a:hover, .content-listing-ul li a:hover{ text-decoration:underline;}
.content-area h2 {
  background: #4b68e7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #4b68e7 , #8fa1f0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4b68e7, #8fa1f0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4b68e7, #8fa1f0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4b68e7 , #8fa1f0); /* Standard syntax */
  color:#fff; padding:7px 10px; margin-bottom:20px; border-radius:2px; font-weight:normal; line-height:23px; text-transform:capitalize;
}.press-2{ font-size:13px;}p .sponshorship-chld{ display:inline-block; box-sizing:border-box; padding:0px 10px 20px 10px; max-width:230px; vertical-align:top;}
.scrollup { width: 40px; height: 74px; position: fixed; bottom: 50px; right: 50px; display: none; text-indent: -9999px; background: url('../images/top-icon.png') no-repeat;}
.picture-gallery-m:hover .caption, .picture-gallery-m:focus .caption, .picture-gallery-m:active .caption{
  color:#333; box-shadow:1px 0px 3px #fff;}#gallery-container { font-size: 20px; margin: auto; position: relative; max-width: 50em; text-align: center; overflow: hidden;}
#gallery-container:full-screen { max-width: 100% !important; width: 100%; height: 100% !important; background-color: #111;}#gallery-container:-webkit-full-screen {  max-width: 100% !important; width: 100%; height: 100% !important; background-color: #111;}#gallery-container:-moz-full-screen { max-width: 100% !important; width: 100%; height: 100% !important;
  background-color: #111;}
.controls {
  text-align: center;
  font-size: 1em;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.control,
.grid,
.fs-toggle {
  width: .66em;
  height: .66em;
  text-align: center;
  line-height: .5em;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px
}

.showControls {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity .6s 1s ease;
  transition: opacity .6s 1s ease
}

.hideControls {
  opacity: 0;
  pointer-events: none
}

.icon-grid,
.icon-arrow-left,
.icon-arrow-right,
.icon-fullscreen-exit,
.icon-fullscreen {
  display:inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/controls-light2.png);
  background-repeat: no-repeat
}

.icon-grid {
  background-position: 0 0
}

.icon-arrow-left {
  background-position: -40px 0
}

.icon-arrow-right {
  background-position: -80px 0
}

.icon-fullscreen-exit {
  background-position: -120px 0
}

.icon-fullscreen {
  background-position: -160px 0
}
.fs-toggle {
  display: none;
}


.item {
  display: inline-block;
  cursor: pointer;
  width: 24%;
  height: auto;
  margin-right: .5%
}

.item img,
.item--big img {
  width: 100%
}

.items--big {
  position: absolute;
  top: 0;
  left: 0
  right:0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.item--big {
  position: absolute;
  width: 60%;
  height: auto;
  left: 20%;
  right: 20%;
  top: 3em;
  opacity: 0;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.fadeInScaleUp {
  -webkit-animation: fadeInScaleUp .5s ease-out .6s forwards;
  animation: fadeInScaleUp .5s ease-out .6s forwards;
  z-index: 3
}

.fadeOut {
  -webkit-animation: fadeOut .4s ease-out forwards;
  animation: fadeOut .4s ease-out forwards;
  z-index: 1
}

@keyframes fadeOut {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes fadeInScaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes fadeInScaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.scaleDownFadeOut {
  -webkit-animation: scaleDownFadeOut .4s ease-in forwards;
  animation: scaleDownFadeOut .4s ease-in forwards;
  pointer-events: none
}

@keyframes scaleDownFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  99% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes scaleDownFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  99% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.scaleUpFadeIn {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: scaleUpFadeIn ease-in-out .4s forwards;
  animation: scaleUpFadeIn ease-in-out .4s forwards;
  -webkit-animation-duration: .4s;
  animation-duration: .4s
}

@keyframes scaleUpFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes scaleUpFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.showLastSecond {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: showLastSecond ease-in-out .4s forwards;
  animation: showLastSecond ease-in-out .4s forwards;
  -webkit-animation-duration: .4s;
  animation-duration: .4s
}

@keyframes showLastSecond {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  99% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes showLastSecond {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  1% {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  99% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media screen and (max-width: 30em) {
  .item--big {
    width: 80%;
    right: 10%;
    left: 10%
  }
}



.rg-image-wrapper{
	position:relative;
	padding:20px 30px 0px 30px;
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#4b68e7 url(../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{ padding-bottom:15px; font-family:'lucida_handwritingitalic'; font-size:16px;}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #4b68e7;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#4b68e7;
	border-color:#4b68e7;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/* Elastislide Style */
.es-carousel-wrapper{
	background: #4b68e7;
	padding:10px 27px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	position:relative;
	margin-bottom:20px;
}
.es-carousel{
	overflow:hidden;
	background:#000;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}
.guestbook-form{ width:70%; border-radius:4px; background: rgba(255, 255, 255, 0.8);  box-sizing:border-box; padding:10px; margin:0px auto;}.form-header{ background:#4b68e7; text-align:center; padding:10px 10px 5px 10px;}
.guestbook-form form{ padding:30px 0px 15px 0px;}.guestbook-form form label{ display:inline-block; padding:13px 15px 11px 15px; background:#4b68e7;}.guestbook-form form span{ display:block; margin-bottom:15px;}.guestbook-form form label img{ vertical-align:middle;}
		textarea:focus, input:focus{
			outline: 0;
		}

		input:focus:invalid,
		textarea:focus:invalid{
			border:1px solid #F5192F;
			box-shadow:0 0 4px #F5192F;
		}

		input:focus:valid,
		textarea:focus:valid{
			border: 1px solid #64C364;
			box-shadow: 0 0 4px #64C364;
		}

form .form-row{
	text-align: left;
	max-width: 315px;
	margin: 25px auto 0;
}

form .form-title-row{
	margin: 0 auto 40px;
}

form .form-row > label span{
	display: block;
	box-sizing: border-box;
	color:  #5f5f5f;
	padding: 0 0 12px;
	font-weight: bold;
}

form input{
	color:  #5f5f5f;
	box-sizing: border-box;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
	padding: 12px 18px;
	border: 1px solid #dbdbdb;
}

form input[type=text],
form input[type=email],
form input[type=password],
form textarea{
	max-width: 417px;
	width: 100%;
}

form input[type=number]{
	max-width: 100px;
}

form input[type=radio],
form input[type=checkbox]{
	box-shadow: none;
	width: auto;
}

form textarea{
	color:  #5f5f5f;
	box-sizing: border-box;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
	padding: 12px 18px;
	border: 1px solid #dbdbdb;
	resize: none;
	min-height: 80px;
	font-family:'Droid Sans'; font-size:13px; font-weight:normal;
}

form select{
	background-color: #ffffff;
	color:  #5f5f5f;
	box-sizing: border-box;
	width: 240px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
	padding: 12px 18px;
	border: 1px solid #dbdbdb;
}
.form-submit{ text-align:right;}.form-submit button{ padding:5px 10px; background:#4b68e7; color:#fff; border:none; cursor:pointer; font-size:15px; width:44%;}
.form-submit button:hover{ background:#333;}.captcha{ vertical-align:middle;}
#reset img, #submit img{-webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
#reset:hover img, #submit:hover img{  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}.contactus,.youtubec{ vertical-align:middle; position:fixed; top:230px; right:-97px; background:#4b68e7; padding:5px 10px; border-radius:4px 0px 0px 4px; transition-duration:0.5s;}
.youtubec{ top:290px;right: -105px;}

.contactus img{ margin-right:10px; vertical-align:middle; width:30px;}.contactus a{ display:block; color:#fff; font-size:18px;}.contactus:hover{right:0px;}
footer .enter-email{ background:#fff; padding:10px; position:fixed; top:0px; bottom:0px; width:350px; height:300px; max-height:300px; margin:auto; left:0px; right:0px;}
.form-close{ background:#4b68e7; text-align:left; cursor:pointer; display:block; padding:5px 10px; margin-bottom:15px; color:#fff; font-size:17px; vertical-align:middle;}.form-close img{ cursor:pointer; float:right; width:15px; margin-top:3px;}.contactus-add{background:url(../images/contactus-img.jpg) repeat-y; padding:20px; border-radius:4px;}.contactus-add address{ background:rgba(255, 255, 255, 0.8); border-radius:4px; padding:20px;}


/*loader start*/
.loader-main{ position:fixed; background: rgba(255, 255, 255, 0.6); width:100%; height:100%; top:0px; bottom:0px; z-index:10;}.loader{left:50%;position:absolute; top:50%;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);}.loader span{background:#4b68e7;display:block;height:12px;opacity:0;position:absolute;width:12px;animation:load 4.6s ease-in-out infinite;-o-animation:load 4.6s ease-in-out infinite;-ms-animation:load 4.6s ease-in-out infinite;-webkit-animation:load 4.6s ease-in-out infinite;-moz-animation:load 4.6s ease-in-out infinite}.loader span.block-1{animation-delay:1.06s;-o-animation-delay:1.06s;-ms-animation-delay:1.06s;-webkit-animation-delay:1.06s;-moz-animation-delay:1.06s;left:0;top:0}.loader span.block-2{animation-delay:.97s;-o-animation-delay:.97s;-ms-animation-delay:.97s;-webkit-animation-delay:.97s;-moz-animation-delay:.97s;left:16px;top:0}.loader span.block-3{animation-delay:.87s;-o-animation-delay:.87s;-ms-animation-delay:.87s;-webkit-animation-delay:.87s;-moz-animation-delay:.87s;left:31px;top:0}.loader span.block-4{animation-delay:.78s;-o-animation-delay:.78s;-ms-animation-delay:.78s;-webkit-animation-delay:.78s;-moz-animation-delay:.78s;left:47px;top:0}.loader span.block-5{animation-delay:.69s;-o-animation-delay:.69s;-ms-animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s;left:0;top:16px}.loader span.block-6{animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;left:16px;top:16px}.loader span.block-7{animation-delay:.51s;-o-animation-delay:.51s;-ms-animation-delay:.51s;-webkit-animation-delay:.51s;-moz-animation-delay:.51s;left:31px;top:16px}.loader span.block-8{animation-delay:.41s;-o-animation-delay:.41s;-ms-animation-delay:.41s;-webkit-animation-delay:.41s;-moz-animation-delay:.41s;left:47px;top:16px}.loader span.block-9{animation-delay:.32s;-o-animation-delay:.32s;-ms-animation-delay:.32s;-webkit-animation-delay:.32s;-moz-animation-delay:.32s;left:0;top:31px}.loader span.block-10{animation-delay:.23s;-o-animation-delay:.23s;-ms-animation-delay:.23s;-webkit-animation-delay:.23s;-moz-animation-delay:.23s;left:16px;top:31px}.loader span.block-11{animation-delay:.14s;-o-animation-delay:.14s;-ms-animation-delay:.14s;-webkit-animation-delay:.14s;-moz-animation-delay:.14s;left:31px;top:31px}.loader span.block-12{animation-delay:50ms;-o-animation-delay:50ms;-ms-animation-delay:50ms;-webkit-animation-delay:50ms;-moz-animation-delay:50ms;left:47px;top:31px}.loader span.block-13{animation-delay:-50ms;-o-animation-delay:-50ms;-ms-animation-delay:-50ms;-webkit-animation-delay:-50ms;-moz-animation-delay:-50ms;left:0;top:47px}.loader span.block-14{animation-delay:-.14s;-o-animation-delay:-.14s;-ms-animation-delay:-.14s;-webkit-animation-delay:-.14s;-moz-animation-delay:-.14s;left:16px;top:47px}.loader span.block-15{animation-delay:-.23s;-o-animation-delay:-.23s;-ms-animation-delay:-.23s;-webkit-animation-delay:-.23s;-moz-animation-delay:-.23s;left:31px;top:47px}.loader span.block-16{animation-delay:-.32s;-o-animation-delay:-.32s;-ms-animation-delay:-.32s;-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;left:47px;top:47px}@keyframes load{0%,15%{opacity:0;transform:translateY(-97px)}30%,70%{opacity:1;transform:translateY(0)}100%,85%{opacity:0;transform:translateY(97px)}}@-o-keyframes load{0%,15%{opacity:0;-o-transform:translateY(-97px)}30%,70%{opacity:1;-o-transform:translateY(0)}100%,85%{opacity:0;-o-transform:translateY(97px)}}@-ms-keyframes load{0%,15%{opacity:0;-ms-transform:translateY(-97px)}30%,70%{opacity:1;-ms-transform:translateY(0)}100%,85%{opacity:0;-ms-transform:translateY(97px)}}@-webkit-keyframes load{0%,15%{opacity:0;-webkit-transform:translateY(-97px)}30%,70%{opacity:1;-webkit-transform:translateY(0)}100%,85%{opacity:0;-webkit-transform:translateY(97px)}}@-moz-keyframes load{0%,15%{opacity:0;-moz-transform:translateY(-97px)}30%,70%{opacity:1;-moz-transform:translateY(0)}100%,85%{opacity:0;-moz-transform:translateY(97px)}}
/*loader end*/
#dialog, #recommenddialog{ display:none;}

@media only screen and (max-width:1024px){
.inner{ width:720px;}.logo a img{ width:400px;}.left-side{ width:230px;}.right-side{ width:470px;}.help-appliance img{ width:102%;}.sidebar ul li a img{ width:100%;}li.sunshine-kids img{ width:100%;}.banner img{ width:100%;}.banner h1{ bottom:9px; left:5px; right:5px; font-size:20px;}p .sponshorship-chld{ width:98%; max-width:none; padding:10px 0px;}
.guestbook-form{ width:100%;}form input[type=text],
form input[type=email],
form input[type=password],
form textarea{
	max-width: 398px;
}
.form-submit button{ width:43.8;}
#recommend-left {width:100% !important;} #recommend-right {width:100% !important;}
}
@media only screen and (max-width:768px){
.inner{ width:95%;}.logo a img{ width:300px;}.call-now{ margin-top:0px;}.logo{ padding:30px 0px 17px 0px;}.right-side{ width:100%;}.sidebar{ background:url(../images/sidebar-bg.jpg) repeat; box-shadow:0px 0px 5px #eae8e8;}.menu-icon{ display:block;}.left-side{ display:none; z-index:1; width:100%; position:relative; background:#ffc200; padding:10px; box-sizing:border-box; float:right; margin-bottom:30px;}.contacts-main, .connected-main{ width:100%; float:none; text-align:center;}.map{ display:none;}.contacts-main{ margin-bottom:30px;}.recommended img{ float:none; vertical-align:middle;}.enter-email button{ margin:auto;}.help-appliance img{ width:101%;}.copy-right{ display:block; margin-top:30px; text-align:center;}
a.callus-ft{ pointer-events:inherit;}.content-area h2{ text-align:center;}.content-listing-ul{ margin:20px 0px 20px 20px;}.rg-image img{ width:100%;}
.guestbook-form{ width:450px;}form input[type=text],
form input[type=email],
form input[type=password],
form textarea{max-width: 378px;}.help-appliance{ margin-bottom:10px;}.call-now{ float:none; text-align:left; margin-top:4px;}.call-now strong{ display:none;}.donation{ display:inline-block; margin-right:15px;}.menu-icon .call-now strong{ font-family:'Droid Sans';}.donation-outside-detail{ display:none;}.donation strong{ box-shadow:3px 0px 3px #333; display:none; position:absolute; z-index:1; background:#4b68e7; color:#fff; font-size:14px; border-radius:4px; padding:10px 5px; font-weight:normal; left:2%; right:2%;}.donation strong a{ color:#fff;}.gallery-icon{ display:inline-block; margin-right:15px;}
.arrow-cls2{ display:block; text-align:center; background:url(../images/down.png) no-repeat; width:25px; height:13px; margin:10px auto 0px auto;}
.arrow-cls{background:url(../images/up.png) no-repeat;}.content-area iframe{ width:100%; margin-bottom:30px; height:300px;}.contactus2{ position: inherit; font-family:'Droid Sans'; border-radius:0px; text-align:center; margin:0px; top:0px; right:0px;}.scrollup { width:25px; height:46px; bottom: 10px; right: 10px; background: url('../images/top-icon-small.png') no-repeat;}.roshni-img, .classroom-img{ width:100%; max-width:none; margin-bottom:15px;}.content-area p img{ width:100%; border:none;}.form-submit button{ width:100%;}.form-submit button#reset{ margin-top:10px;}

}
@media only screen and (max-width:500px){
.logo a img{ width:100%;}.sidebar ul li:last-child{ margin-top:0px;}.sidebar ul li:last-child figcaption{ display:none;}.content-area{ font-size:15px;}.banner h1 {bottom:7px; left:3px; right:3px;}.content-area iframe{height:200px;}
.guestbook-form{ width:100%;}form input[type=text],
form input[type=email],
form input[type=password],
form textarea{
	max-width: none; width:80%;
}#ccode{ max-width:100px !important;}
footer .enter-email{ position:fixed; overflow-y:scroll; max-height:; width:90%; max-height:; top:10px; bottom:10px;}.banner, .content-area p{ margin-bottom:25px;}
.contactus-add{background:url(../images/contactus-img.jpg) 32% 291px repeat-y;}
}

.banner img{display:none}.banner{padding-top: 90px;}