/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 march, 2016, 10:26:22 AM
    Author     : Hemant Soni(+91-9993673780)
*/

/*-- -----------------------------------------------------------------------------------------------  */

* {
  margin: 0;
}
html, body {
  height: 100%;
  background-color: #FFFFFF;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -63px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 60px; 
}
.site-footer {
  background: #3b622e;
}


@font-face {font-family:OpenSans-Regular;src: url(../font/OpenSans-Regular.ttf);}
@font-face {font-family:Qwigley-Regular;src: url(../font/Qwigley-Regular.ttf);}
@font-face {font-family:segoe;src: url(../font/segoe.ttf);}
@font-face {font-family:segoeb;src: url(../font/segoeb.ttf);}
@font-face {font-family:SEGOEUI;src: url(../font/SEGOEUI.TTF);}
@font-face {font-family:SEGOEUIB;src: url(../font/SEGOEUIB.TTF);}
@font-face {font-family:SEGOEUII;src: url(../font/SEGOEUII.TTF);}


/*-- -----------------------------------------------------------------------------------------------  */

.container-main{max-width:980px;}
.menu-widh{width:0%}
.header-back{background-color:#20702b;}
.header-top-design{background-image:url(../images/header_top_design.png);background-repeat:repeat-x}
.header-padding{background-color:#20702b;padding:15px;}
.header-title-school{font-family:SEGOEUIB;font-size:25px; color:#FFFFFF;text-transform:uppercase;text-align:left;margin-top:5px}
.media-naone{margin-top:5px}
.logo-icon{float:left;margin-top:-10px}
.slider-top-design{background-image:url(../images/slider_bottom.png);background-repeat:repeat-x;position:relative;margin-top:-5px;z-index:999}
/*-- -----------------------------------------------------------------------------------------------  */
.more-mission{border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border: 0px solid #000000;width:100px;padding:5px;background-color:#f578a5;text-decoration:none;font-family:SEGOEUII;font-size:16px;font-weight:bold;color:#FFFFFF;margin-top:20px;margin-bottom:30px
}
.mission-title{font-family:SEGOEUII;font-size:24px; color:#20702b;margin-top:5px;font-weight:bold}
.mission-title-sub{font-family:SEGOEUI;font-size:15px; color:#a19d9d;margin-top:10px;margin-bottom:5px}

.video-title{font-family:SEGOEUII;font-size:24px; color:#20702b;margin-top:5px;font-weight:bold;border-bottom:1px dashed #CCCCCC;padding:5px}
/*-- -----------------------------------------------------------------------------------------------  */

.newsheading{font-family:SEGOEUII;font-size:25px; color:#FFFFFF;text-align:center;margin-top:5px;font-weight:bold}
.news-title{font-family:SEGOEUI;font-size:18px; color:#FFFFFF;text-align:center;}
.news-title:hover{color:#000000;}

/*-- -----------------------------------------------------------------------------------------------  */

.shape{
width:35%;
	border-top: 100px solid #27abdc;
	border-right: 50px solid transparent;
	position:absolute;}

.shape2{

	border-top: 100px solid #1f75ae;
	border-right: 0px solid transparent;
}

/*-- -----------------------------------------------------------------------------------------------  */

.welcome-title{font-family:SEGOEUII;font-size:28px; color:#20702b;text-align:left;margin:8px;font-weight:800}
.welcome-title-sub{font-family:SEGOEUII;font-size:16px; color:#a19d9d;margin-top:10px;margin-bottom:5px;text-align:left;line-height:23px}

.buttom-design{background-image:url(../images/buttom_design.png);background-repeat:repeat-x}
.icon-title{font-family:SEGOEUII;font-size:18px; color:#20702b;margin-top:10px;margin-bottom:5px;font-weight:bold}
.footer-top{background-image:url(../images/footer_images.jpg);background-repeat:repeat-x;height:133px;margin-top:30px}
.footer-design{background-image:url(../images/footer_buttom_design.png);background-repeat:repeat-x;position:relative;margin-top:-10px;height:5px}
.footer-line{width:5px;height:340px; background-color:#FFCC00;float:right;position:relative}

.footer-sub-title{font-family:SEGOEUII;font-size:32px; color:#fdda14;text-align:left;margin:8px;font-weight:bold}
.footer-sub-title-school{font-family:SEGOEUII;font-size:22px; color:#fdda14;text-align:left;margin-left:10px;font-weight:bold}
.footer-sub-sub{font-family:SEGOEUII;font-size:16px; color:#fdda14;text-align:left;margin:8px;font-weight:bold}
.copy{font-family:SEGOEUII;font-size:12px; color:#ffffff;text-align:center;margin:8px;}
.adonai{font-family:SEGOEUII;font-size:12px; color:#fdda14;text-align:center;margin:2px;}
/*-- -----------------------------------------------------------------------------------------------  */
.info-title{font-family:SEGOEUII;font-size:28px; color:#20702b;margin-top:5px;margin-bottom:10px; font-weight:bold;border-bottom:1px dashed #CCCCCC;padding:5px}
.info-title-sub{font-family:SEGOEUII;font-size:16px; color:#7e7c7c;margin-top:10px;margin-bottom:5px;text-align:left;line-height:23px}
.Related {font-family:SEGOEUII;font-size:16px; color:#ef548c;margin-top:10px;margin-bottom:5px;text-align:left;border-bottom:1px dashed #CCCCCC;padding:5px}

/*-- -----------------------------------------------------------------------------------------------  */


.phototitle{font-family:SEGOEUII;font-size:20px; color:#20702b;margin-top:5px;margin-bottom:10px; font-weight:bold;padding:5px;border-bottom:1px dashed #CCCCCC;padding:5px}}
.blog-heading{font-family:SEGOEUII;font-size:32px; color:#20702b;text-align:center;margin-top:5px;font-weight:bold;border-bottom:1px dashed #CCCCCC;padding:5px}

.blog-title{font-family:SEGOEUII;font-size:28px; color:#20702b;margin-top:5px;margin-bottom:10px; font-weight:bold;padding:5px}
.blog-title-sub{font-family:SEGOEUII;font-size:16px; color:#7e7c7c;margin-top:10px;margin-bottom:5px;text-align:left;line-height:23px}
.latest-heading{font-family:SEGOEUII;font-size:24px; color:#20702b;text-align:center;margin-top:5px;font-weight:bold;border-bottom:1px dashed #CCCCCC;padding:5px;margin-bottom:10px}
.latest-sub-title{font-family:SEGOEUII;font-size:16px; color:#20702b;margin-top:5px;margin-bottom:10px; font-weight:bold;padding:5px;border-bottom:1px dashed #CCCCCC;padding:5px}





a{ text-decoration:none; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}




/*-- -----------------------------------------------------------------------------------------------  */
section button {
  border-radius: 0px 0px 0px 0px;-moz-border-radius: 2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px ;border: 1px solid #1f75ae; width:100px;padding:5px; margin-top:15px;font-family:OpenSans-Regular;font-size:14px; color:#f58424;background-color:#FFFFFF;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;  -webkit-border-radius: 20px;transition: all 0.3s ease-in-out;cursor:pointer;outline:none;
}

section button:hover {
  background-color: #f8f8f8;
  color: #3d3d3d;
  border-color: #dfe5e6;
  outline:none;
  
}


/*-- -----------------------------------------------------------------------------------------------  */

.demo-3 {
    position:relative;
    max-width:315px;
    max-height:215px;
    overflow:hidden;
    float:left;
    margin-right:15px;
	list-style-type:none;
	
}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-50px
}
.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px 0
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
    font-family:OpenSans-Regular;
    color:#fff;
    font-size:20px;
    text-align:center
}
.demo-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:14px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:center
}
.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:70px 20px;
	margin-left:0px;
	
	
    background-color:rgba(255,157,1,0.8);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;

}
.demo-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
	
}

/*-- -----------------------------------------------------------------------------------------------  */








/*-- -----------------------------------------------------------------------------------------------  */
.myform {border:3px solid #FFFFFF;background:#f5f5f5;border-radius: 10px ;border:1px solid #f5c604;}
.myform th{background:#f5c604; padding:5px;border-bottom:1px solid #f5c604; font-family: Arial, verdana; font-size: 10pt; color: #FFFFFF;text-align:center;border-radius: 10px }
.myform td{  font-family: arial, verdana; font-size: 9pt;color:#000000;font-weight:bold;padding:5px}
/*-- -----------------------------------------------------------------------------------------------  */

/*-- -----------------------------------------------------------------------------------------------  */


.calendar { margin:10px}
.calendar td{text-align:center;background:#ffffff;width:10%;border-radius:5px; padding:10px;font-family:OpenSans-Regular; font-size:16px;color:#333333;}
/*-- -----------------------------------------------------------------------------------------------  */

/*-- -----------------------------------------------------------------------------------------------  */
.cycle-slideshow { height: auto;  width: 100%;}
.cycle-slideshow img { width:100%;height:auto;}
//.cycle-pager { text-align: center; width: 100%; z-index: 900; position: absolute; bottom: 5px; overflow: hidden;}
.cycle-pager span { font-family: arial; font-size: 50px; width: 20px; height: 20px; text-align:center;  color:#55575B; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #cb0614}
.cycle-pager > * { cursor: pointer;}
.photo-gallery{float:left;max-width:250px;margin:10px; height:auto;}
.phototitile{font-family:OpenSans-Regular;font-size:13px;margin:10px ;color:#07294f;text-align:center;padding:8px;}
.video-gallery-title{font-family:OpenSans-Regular;font-size:16px;margin:10px ;color:#ffc501;text-align:left;padding:10px;}
.hide{display:block}
.show{display:none}
.footer-copy{display:none}
.top-menu{display:block}
/*-- -----------------------------------------------------------------------------------------------  */

@media screen and (max-width: 1280px)
{

}
@media screen and (max-width: 1280px)
{

}
@media screen and (max-width: 1023px)
{
.menu-widh{width:100%}

}


@media screen and (max-width: 990px)
{
.media-naone{margin-top:10px}

.demo-3 {
 
    float:none;
 margin-right:0px;
}

@media screen and (max-width: 980px)
{

}

@media screen and (max-width: 855px)
{

.calendar td{width:5%; padding:10px;font-size:12px}


}

@media screen and (max-width: 768px)
{
.header-padding{text-align:center}
.header-title-school{font-size:18px; color:#FFFFFF;text-transform:uppercase;margin-top:-10px;text-align:center}
.media-naone{display:none}
.logo-icon{float:none;margin-bottom:15px;text-align:center}
.footer-line{display:none}
}

@media screen and (max-width: 560px)
{

.calendar td{width:3%; padding:5px;font-size:10px}
}

@media screen and (max-width: 460px)
{
.calendar td{width:1%; padding:5px;font-size:9px;}
.header-title-school{font-size:14px;}
}
@media screen and (max-width: 350px)
{
.calendar td{width:1%; padding:0px;font-size:9px;}
}