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

html{padding:0px;margin:0px;width:100%; min-height:100% !important;position:relative !important}
body {  margin-bottom:56px  /*Margin bottom by footer height */;}
.container-fluid{margin:0px !important;padding:0px !important;}


p{padding:0px; margin:0px;}
#container { min-height:100%;padding:0px; margin:0px; position:relative;}
a {text-decoration:none;color:#fff;}
 a:hover {text-decoration:none;color:#fff;}
/*@font-face { font-family:Raleway-Thin; src:url(fonts/Raleway-Thin.ttf)}
@font-face { font-family:Raleway-Light; src:url(fonts/Raleway-Light.ttf)}*/
@font-face { font-family:dosis; src:url(fonts/Dosis-Regular.otf)}
@font-face { font-family:"patrick Hand"; src:url(fonts/PatrickHand-Regular.ttf)}
@font-face { font-family:kiddo-soup; src:url(fonts/Kiddo-soup.ttf)}


.space5{height:5px;}
.space10{height:10px;}
.space15{height:15px;}
.space20{height:20px;}
.space30{height:30px;}
.space100{height:100px;}
.space187{height:55px;}

.colpad{padding:10px}
.colpad1{padding:5px}

*{outline:none}


 /*@font-face { font-family:"marker Felt"; src:url(font/Marker%20Felt.ttf)}
.textfield::-webkit-input-placeholder {color: #0b0b0b }
.letterfield::-webkit-input-placeholder {color: #a7a7a7 }*/
.textfield::-webkit-input-placeholder {color: #0076ad}

.icon-bar{background-color:#b0cadc}
.navbar-toggle{float:none !important;margin-top:10px !important;padding:0px 5px !important;margin-right:0px !important;padding-bottom:32px !important}
.navbar-collapse{border-top:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}


.video{border:solid 5px #0076ad;border-radius:10px;position:relative;overflow:hidden}

/*................. TOP CSS....................*/

.rm1{background-image:url(images/top/bg_image.png);background-repeat:no-repeat;background-size:cover;width:100%;height:188px;}
.social{display:inline-block;}
.socialimg{display:inline-block;vertical-align:top;cursor: pointer;}

/*.menuouter{background-image:url(images/top/1.png);background-repeat:no-repeat;background-size:contain;height:55px;max-width:927px;margin-top:20px;display:inline-block}*/
.menuouter{height:60px;margin-top:20px;}
.menuttile{font-family:kiddo-soup;display:inline-block;vertical-align:top;font-size:17px;color:#fff;cursor:pointer;margin:0px -2px;text-align:center;line-height:90px;
height:60px;background-repeat:no-repeat;background-size:contain;}
.bordbottom{background-color:#0076ad;height:5px;width:925px;position:absolute;bottom:-4px;right:0px}

.bgmenu1{background-image:url(images/top/2.png);width:105px}
.bgmenu2{background-image:url(images/top/3.png);width:138px}
.bgmenu3{background-image:url(images/top/4.png);width:137px}
.bgmenu4{background-image:url(images/top/5.png);width:136px}
.bgmenu5{background-image:url(images/top/6.png);width:137px}
.bgmenu6{background-image:url(images/top/7.png);width:136px}
.bgmenu7{background-image:url(images/top/8.png);width:136px;}

.activities .bordbottom{background-color:#da2b3c}
.policy .bordbottom{background-color:#20b362}
.resgistration .bordbottom{background-color:#ee994c}
.gallery .bordbottom{background-color:#dccc23}
.parents .bordbottom{background-color:#9A519F;}
/*................. HOME CSS....................*/

.pluginCountButton {display: none !important;}




.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}




@import url(http://fonts.googleapis.com/css?family=Roboto);

/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}
.modal-backdrop {position: relative;}

.loginmodal-submit {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9A519F), to(#9A519F));
background-color: #9A519F;
}




.homeborder{height:8px;background-color:#0076ad;width:100%}
.ri1{background-image:url(images/home/1.png);background-repeat:no-repeat;background-size:cover;height:435px;}
.contentcloud{position:absolute;top:0px;left:0px;height:100%;width:100%;padding:20px;}
.table_div{display:table;width:100%;height:100%}
.cell_div{display:table-cell;vertical-align:middle}
.titlecloud{font-family:"patrick Hand";font-size:23px;color:#0076ad;display:table;margin:auto;background-image:url(images/home/5.png);
background-position:left center;background-size:contain;background-repeat:no-repeat;padding-left:27px;}
.textcloud{font-family:dosis;font-size:14px;color:#5b5b5b;text-align:center;max-width:273px;margin:auto;font-weight:bold}
.more{width:73px;height:25px;font-family:"patrick Hand";font-size:17px;color:#fff;background-color:#0076ad;line-height:23px;text-align:center;margin:auto;cursor:pointer}

.titlewelcome{font-family:"patrick Hand";font-size:50px;color:#ee994c}
.titlewelcome span{color:#0076ad}
.textwelcome{font-family:dosis;font-size:20px;color:#5b5b5b;}
.morewel{width:73px;height:25px;font-family:"patrick Hand";font-size:17px;color:#fff;background-color:#0076ad;line-height:23px;text-align:center;display:inline-block;cursor:pointer}
.orangebord{border-bottom:solid 1px #ee994c;width:100%}
.colorwelc{font-family:"patrick Hand";font-size:50px;color:#0076ad}
.colorwelc span{color:#ee994c}

.imgteam{border:solid 8px #0076ad;border-radius:30px;position:relative;overflow:hidden}
.name{font-family:"patrick Hand";font-size:28px;color:#0076ad;text-align:center;line-height:28px;}
.name span{color:#ee994c}

.mail{max-width:880px;margin:auto;background-color:#0076ad;border-radius:10px;padding:20px;position:relative;-webkit-box-shadow: 10px 10px 20px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 20px -8px rgba(0,0,0,0.75);box-shadow: 10px 10px 20px -8px rgba(0,0,0,0.75);border-bottom:solid 1px #c1c0c0;border-right:solid 1px #c1c0c0}
.join{position: relative;height: 40px;}
.titlejoin{font-family:"patrick Hand";font-size:28px;color:#fff;text-align:center;background-color:#0076ad;padding:10px;text-align: center;position: relative;display: table;margin: auto }
.borderjoin{border:solid 1px #ee994c;position: absolute;bottom: 6px;left: 0px;width: 100%}
.textjoin{font-family:"patrick Hand";font-size:22px;color:#fff;}
.letterfield{width:100%;height:100%;padding:0px;resize:none;border:none;font-size:15px;font-family:"patrick Hand";color:#0076ad;background-color:#fff;padding-left:10px;border-radius:8px;}
.letterinput{height:43px;max-width:100%;margin-top:20px;}
.submit2{background-color:transparent;width:222px;height:47px;position:absolute;bottom:-16px;left:50%;margin-left:-111px;}
.submit2 input{border:none;border-top-right-radius:8px;border-top-left-radius:8px;padding:0px;background-color:transparent;text-align:center;width:100%;height:100%;
font-size:28px;font-family:"patrick Hand";color:#fff;line-height:39px;font-weight:bold;background-image:url(images/home/9.png);background-size:contain;background-repeat:no-repeat}



/*................. ABOUT CSS....................*/

.textabout{font-family:dosis;font-size:18px;color:#5b5b5b;line-height:37px;border-right:solid 1px #0076ad;padding-right:20px;}
.bordabout{border-bottom:solid 2px #0076ad;width:100%}
.titlemission{font-family:"patrick Hand";font-size:50px;color:#ee994c;}
.titlemission span{color:#20b362}
.textmis{font-family:dosis;font-size:17px;color:#0076ad;background-image:url(images/about/1.png);background-repeat:no-repeat;background-position:left center;background-size:contain;padding-left:40px;line-height:39px;}
.imgmis{border:solid 5px #0076ad;border-radius:10px;position:relative;overflow:hidden}
.imgmis img{border-radius:5px;position:relative;overflow:hidden}
.textvision{font-family:dosis;font-size:18px;color:#5b5b5b}

/*................. ACTIVITIES CSS....................*/

.titleact{font-family:"patrick Hand";font-size:50px;color:#ee994c}
.subtitleact{font-family:"patrick Hand";font-size:30px;color:#ee994c}
.imgact{border:solid 3px #0076ad;border-radius:10px;position:relative;overflow:hidden}
.imgact img{border-radius:3px;position:relative;overflow:hidden}

/*................. POLICY CSS....................*/

.subpolicy{font-family:dosis;font-size:18px;color:#5b5b5b}
.imgpolicy{float:right}


/*................. REGISTRATION CSS....................*/

.namefiled2{font-family:"patrick Hand";font-size:30px;color:#0076ad;line-height:40px;}
.textfield1{width:100%;height:100%;padding:0px;resize:none;border:solid 2px #20b362;font-size:16px;font-family:dosis;
color:#0076ad;background-color:#fff;padding-left:10px}
.textinput1{height:40px;max-width:100%}
.textarea2{height:134px;}
.submit3{background-color:transparent;width:70px;height:30px;display:inline-block}
.submit3 input{border:none;padding:0px;background-color:#20b362;border-radius:5px;text-align:center;width:100%;height:100%;font-size:17px;font-family:"patrick Hand";color:#fff;line-height:30px;}
.imgheight{height:663px;}
.imgregis{display: flex;align-items: center;justify-content: center;height:100%}

.checkbox{display:inline-block;vertical-align:top;height:40px;line-height:40px;}
label {display: inline-block;cursor: pointer;position: relative;padding-left: 0px;margin-right: 15px;font-size: 13px;}
.checkbox label, .radio label{padding-right:44px;font-family:"patrick Hand";font-size:21px;color:#20b362;padding-left:0px;font-weight:normal}
input[type=checkbox] {display: none;}
.checkbox, .radio{margin-top:0px;margin-bottom:0px;}
label:before {content: "";display: inline-block;width: 25px;height: 25px;margin-right: 10px;position: absolute;right: 0;bottom: 4px;background-color: #fff;
border:solid 2px #20b362;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.checkbox label:before {border-radius: 3px;}
input[type=checkbox]:checked + label:before {content: "\2713";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 20px;color: #20b362;text-align: center;line-height: 24px;}




/*................. GALLERY CSS....................*/

.imggall{border:solid 5px #0076ad;border-radius:10px;position:relative;overflow:hidden}
.imggall img{border-radius:5px;position:relative;overflow:hidden}
.titlegall{font-family:"patrick Hand";font-size:35px;color:#0076ad;text-align:center;padding-bottom:5px;background-image:url(images/gallery/2.png);background-repeat:no-repeat;background-position:bottom center}
.zoom{background-color:rgba(0,118,173,0.23);position:absolute;top:0px;left:0px;width:100%;height:100%;transition: opacity 0.5s ease-out;opacity:0;}
.imgzoom{display: flex;align-items: center;justify-content: center;height:100%;}
.imgzoom img{cursor:pointer;}
.imggall:hover .zoom{transition: opacity 0.5s ease-out;opacity:1}
.textgall{font-family:dosis;font-size:18px;color:#5b5b5b}
.subtitlegall{font-family:"patrick Hand";font-size:30px;color:#dccc23}

/*................. CONTACT CSS....................*/

.imgcont{position:relative}
.imgcircle{position:absolute;bottom:-3px;left:0px;}
.rc2{background-image:url(images/contact/1.jpg);background-repeat:no-repeat;background-size:cover;}
.titlecon{font-family:"patrick Hand";font-size:32px;color:#fff;text-align:center}

.imgnews{border:solid 3px #fff;border-radius:10px;position:relative;overflow:hidden;padding:5px;}
.imgnews img{border-radius:5px;position:relative;overflow:hidden}
.titlenews{font-family:dosis;font-size:16px;color:#fff}
.textnews{font-family:dosis;font-size:12px;color:#fff}
.bordnews{border-bottom:solid 1px #fff;width:100%}
.bordmarquee{border-right:solid 1px #fff;padding-right:30px}
.adress{font-family:dosis;font-size:16px;color:#fff;}
.disp1{max-width:260px;margin:auto}

.namefiled{font-family:dosis;font-size:16px;color:#fff;line-height:34px;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:none;font-size:16px;font-family:dosis;
color:#0076ad;background-color:#fff;padding-left:10px}
.textinput{height:34px;max-width:100%}
.textarea1{height:91px;}
.submit1{background-color:transparent;width:57px;height:25px;display:inline-block}
.submit1 input{border:solid 1px #c1c0c0;padding:0px;background-color:#ee994c;text-align:center;width:100%;height:100%;font-size:15px;font-family:"patrick Hand";color:#fff;line-height:24px;}



/*................. FOOTER CSS....................*/ 

.footer {position: absolute;bottom: 0;width: 100%; /*Set the fixed height of the footer here*/ min-height: 50px;background-color:#fff;left:0px;}	
.horizont1{display:table;margin:10px auto;}

.nameform{font-family:"patrick Hand";font-size:50px;color:#ee994c;text-align:center;cursor:pointer;border:solid 2px #ee994c}

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

    .nameform{font-size:40px;}	
/*................. TOP CSS....................*/
.video iframe{height:158px;}
.menuouter{height:53px;margin-top:12px;}
.menuttile{height:52px;margin:0px -3px;line-height:79px;}
.bgmenu1{width:92px;}
.bgmenu2{width:121px;}
.bgmenu3{width:119px;}
.bgmenu4{width:118px;}
.bgmenu5{width:119px;}
.bgmenu6{width:118px;}
.bgmenu7{width:118px;}
.bordbottom{width:791px;right:1px;}

/*................. INDEX CSS....................*/

.titlecloud{font-size:20px;}
.textcloud{max-width:200px;font-size:12px;}

.textwelcome{font-size:18px;}
.titlewelcome{font-size:40px;}
.colorwelc{font-size:40px;}
.name{font-size:25px;}


/*................. ABOUT CSS....................*/

.textabout{font-size:16px;line-height:31px;}
.titlemission{font-size:40px;}


/*................. ACTIVITIES CSS....................*/

.titleact{font-size:40px;}

/*................. POLICY CSS....................*/

.subpolicy{font-size:16px;}

/*................. REGISTRATION CSS....................*/

.namefiled2{font-size:27px;}
.checkbox label, .radio label{font-size:16px;padding-right:26px;}
label:before{right:-14px;}

/*................. GALLERY CSS....................*/

.titlegall{font-size:30px;}

/*................. CONTACT CSS....................*/

.space187{height:11px}
.namefiled{font-size:13px}
.textarea1{height:60px;}


}


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


/*................. TOP CSS....................*/
.video iframe{height:158px;}
.menuouter{height:38px;}
.menuttile{height:38px;margin:0px -3px;line-height:55px;font-size:13px;}
.bgmenu1{width:67px;}
.bgmenu2{width:88px;}
.bgmenu3{width:88px;}
.bgmenu4{width:88px;}
.bgmenu5{width:88px;}
.bgmenu6{width:87px;}
.bgmenu7{width:87px;}
.bordbottom{width:579px;bottom:-5}

.nameform{font-size:30px;}
/*................. INDEX CSS....................*/

.dispcloud{display:table;margin:auto}
.ri1{height:auto;padding-bottom:30px;}

.textwelcome{font-size:15px;}
.titlewelcome{font-size:30px;}
.colorwelc{font-size:30px;}
.name{font-size:20px;line-height:20px;}
.titlejoin{font-size:25px;}
.textjoin{font-size:20px;}
.submit2 input{font-size:23px;}
.borderjoin{bottom: 10px;}

/*................. ABOUT CSS....................*/

.titlemission{font-size:30px;}
.textabout{font-size:15px;text-align:justify}
.textmis{font-size:14px;}
.textvision{font-size:14px;}

/*................. ACTIVITIES CSS....................*/

.titleact{font-size:30px;}
.subtitleact{font-size:25px;}


/*................. POLICY CSS....................*/

.subpolicy{font-size:14px;}

/*................. REGISTRATION CSS....................*/

.namefiled2{font-size:21px;}
.checkbox label, .radio label{font-size:15px;padding-right:16px;}
label:before{right:-23px;}


/*................. GALLERY CSS....................*/

.titlegall{font-size:20px;}


/*................. CONTACT CSS....................*/

.imgnews{display:table;margin:auto}
.space187{height:19px}
.namefiled{font-size:11px;}

/*................. FOOTER CSS....................*/



}


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


.video iframe{height:258px;}

/*................. TOP CSS....................*/

.nameform{display:table;margin:auto;width:200px;}

.rm1{height:auto}
.menuouter{margin-top:0px;display:table;margin:auto;}
.menuttile{display:table;margin:auto;line-height:65px;font-size:15px;height:52px}
.bordbottom{display:none}
.social{display:table;margin:auto}
.logo{display:table;margin:10px auto}

.bgmenu1{width:92px;}
.bgmenu2{width:121px;}
.bgmenu3{width:137px;}
.bgmenu4{width:118px;}
.bgmenu5{width:119px;}
.bgmenu6{width:118px;}
.bgmenu7{width:118px;}


/*................. INDEX CSS....................*/

.disp{display:table;margin:auto}
.titlewelcome{text-align:center;font-size:23px;}
.textwelcome{font-size:14px;text-align:justify}
.colorwelc{text-align:center;font-size:23px;}
.titlejoin{font-size:18px;background-image:none}
.textjoin{font-size:18px;text-align:justify}


/*................. ABOUT CSS....................*/

.textabout{border-right:none;padding-right:0px;line-height:22px;font-size:14px;}
.titlemission{text-align:center;font-size:23px;}
.textmis{font-size:12px;line-height:18px;}
.imgmis{display:table;margin:auto}
.textvision{font-size:13px;text-align:justify;margin:0px 15px;}



/*................. ACTIVITIES CSS....................*/

.imgact{display:table;margin:auto}
.titleact{text-align:center;font-size:24px;}
.subtitleact{text-align:center;font-size:20px;}



/*................. POLICY CSS....................*/

.subpolicy{text-align:center;font-size:13px;}

.imgregis{display:table;margin:auto;height:auto}
.imgheight{height:auto}

/*................. GALLERY CSS....................*/

.namefiled2{text-align:center}
.regisform{max-width:250px;margin:auto}
.checkbox{display:table;margin:auto}

/*................. CONTACT CSS....................*/

.titlenews{text-align:center}
.textnews{text-align:center}
.bordmarquee{border:none;padding-right:0px}
.titlecon{font-size:25px;}
.adress{text-align:center}
.space187{height:30px;}
.rc3{max-width:260px;margin:auto}
.namefiled{font-size:14px;}


/*................. FOOTER CSS....................*/


/*.outerf2{display:block;height:auto}	
.horizon img{width:70%;display:table;margin:5px auto}*/


}


@media screen and (max-width: 330px){
	#page-wrap {
	margin: 10px !important;
}
	
.titlecloud{font-size:15px;padding-left:30px !important}
.textcloud{max-width:145px;font-size:10px;}
.contentcloud{padding:40px 20px;}
.more{width:50px;height:17px;font-size:15px;line-height:16px;}


}