/*@font-face {font-family: one; src:url(../fonts/Kavoon-Regular_0.otf);}*/
*{ margin:0; padding:0;}
body{font-family: 'Dosis', sans-serif; background-color:#FFCC33;}
a{ text-decoration:none;}
li{ list-style-type:none;}
@font-face { font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf);}
.main{ width:1170px; margin:0 auto;font-family: 'Dosis', sans-serif;}
.headerTop{ width:100%;float:left;}
.headerColor{ background:url(../images/header-top.png);width:100%; float:left; height:10px;}
.header{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e6b4+0,ed9017+100;Yellow+3D+%231 */
background: rgb(246,230,180); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
 padding:7px 0 10px 0;width:100%; float:left;}
.logo{ float:left;}
.logo a img{ margin-top:16px;}
.headerRight{ float:right;}
.about2{ width:100%; display:inline-block; background:#d43b78; padding:100px 0;}
.about2_left{ width:33%; float:left;}
.about2_left img{ width:100%;}
.about2_left h2{ font-family:"Dosis",sans-serif; font-size:28px; color:#fff;}
.item img{ margin-bottom:25px;}
.about_right{ width:64%; float:right; margin-top:50px;}
.about_right p{ font-size:15px; color:#fff; margin-bottom:20px; line-height:25px; font-family:Verdana,Geneva,sans-serif; text-align:justify;}
.about_right a{font-size:15px; margin-top:30px;background:#000;  text-transform:uppercase; padding:8px 25px; color:#fff; text-align:center; float:right;}
.about_right a:hover{background:#0c96b1; }
.gallery20{ width:100%; background:#0c96b1; padding:50px 0;}
p{ font-family:Verdana,Geneva,sans-serif;}
.gallery20 h2{ color:#fff; text-align:center; font-family:"Dosis",sans-serif; font-size:32px; margin-bottom:23px}

.headerRight h4{ color:#00040B; font-size:18px; font-family:Roboto; margin-top:15px;}
.menu h5{ color:#E6FE08;font-size:20px; font-family:Roboto; margin-left:154px; margin-top:6px; float:right; text-shadow:1px 1px 2px #000;}
.social{ float:right;}
.social a i{background-color: #5EA9DD;color:#000;border-radius: 100%;margin:10 5px; width:33px;height:33px;text-align:center;line-height:33px; margin:10px 5px;}
.programs h2{ font-size:20px; color:#defc11; margin-top:60px;}
.programs h3{ color:#fff;}
.programs p{ text-align:justify; font-size:14px; line-height:23px; color:#fff; margin-bottom:15px;}
.programs i{ font-size:23px; color:#e9e60c; margin-right:8px;}
.fancy_box li{ float:left; width:30%; margin-right:32px; margin-bottom:22px;}
.fancy_box{ padding:90px 0;}
.fancy_box h2{ font-size:30px; padding-bottom:12px; color:#fff; text-align:left;}
.gallery{width:100%; display:inline-block; background:#90b804; }
.social a i:hover{ color:#fff; background:#d43b78; transition:0.8s;}
.menu{display:inline-block; width:100%; position:relative; top:10px;}
.menu li{ float:left;}
.menu li a{padding:13px 30px;font-size: 18px;border-radius: 10px 10px 0px 0px; color:#333;display: inline-block;margin-right: 1px;text-shadow: 2px 0px 3px #fff;font-family: 'Dosis', sans-serif;}
.sel{ color:#fff; text-shadow: 2px 0px 3px #3d3e3f; }
.menu li a.sel{ color:#fff; text-shadow: 2px 0px 3px #3d3e3f; }
.menu li a:hover {color:#fff;text-shadow: 2px 0px 3px #3d3e3f; transition:0.8s;}
.banner{ display:inline-block; position:relative;}
.user{ width:100%; background-color:#FFCC33; display:inline-block;padding:35px 0;}
.userBox{width:48%; padding:10px 0;float: left;margin: 1%;}
.userBox h6{ color:#18489c; font-size:22px; margin-bottom:20px; font-family: 'Dosis', sans-serif;}
.userBox p{ font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:justify;line-height: 20px;}
.userBox img{ float:left; margin:0 3px; }
.about{width: 100%;background:#FFCC33;display: inline-block;padding: 20px 0;}
 h2{font-size:25px; color:#000; margin-bottom:13px; font-family: 'Dosis', sans-serif;}
.aboutBox_left{ float:left; width:52%;}
.aboutBox_left p{ font-family:Arial, Helvetica, sans-serif; line-height: 27px; margin-right:15px; }
.aboutBox_left a{ background-color:#1b5d9c; padding:10px 15px; border-radius:3px; color:#fff;font-size:15px;margin-top:23px;display:inline-block; font-family: 'Dosis', sans-serif;}
.aboutBox_left a:hover{ background-color:#960;text-shadow: 2px 0px 3px #3d3e3f;}
.aboutBox_right{ width:100%; display:inline-block; padding:45px 0;}
.aboutBox_right li{font-family:Verdana, Geneva, sans-serif;font-size:14px; line-height:30px;}
.aboutBox_right li i, .activites li i{ margin-right:10px; color:#0C96B1;}

.contact{ width:100%; display:inline-block; margin:0 auto;}
.contact h2{font-family:'Dosis', sans-serif;
    font-size: 28px; margin-bottom:20px;
    font-weight:400;font-size:30px; text-align:left; color:#fff; padding:55px 0 5px 0}
.enq h2{font-family: 'Raleway', sans-serif;  margin-left:15%; font-weight:400; font-size:28px; text-align:left; color:#fff; padding:55px 0 5px 0}
.cont_left{float:left; width:50%}
.cont_left i{ font-size:20px; color:#E8F60C; float:left; margin-top:3px;}
.cont_left h3{ font-size:18px; text-transform:uppercase; margin-bottom:7px; font-family:'Dosis', sans-serif; 
padding-left:25px; color:#E8F60C;font-weight:600;}
.cont_left p{ padding-left:25px; font-size:15px; color:#fff;  /*font-family:'Open Sans', sans-serif; */ line-height:25px;}
.cont_left li{ margin-bottom:30px;}
.enq{ float:right; width:50%}
.enq input[type="text"]{ width:82%;  font-family: 'Open Sans', sans-serif; margin-left:15%; background:#fff; 
border:1px solid #C8C6C6; height:40px; margin-bottom:25px; padding-left:15px; display:block}
.form{ width:50%; display:inline-block}
.map{ width:100%; display:inline-block; margin:0 auto; margin-top:40px;}

.enq input[type="text"]:hover{ box-shadow:1px 2px 5px #ccc}
.enq textarea:hover{ box-shadow:1px 2px 5px #ccc}


.enq textarea{ width:84%; margin-left:15%;  font-family: 'Open Sans', sans-serif; background:#fff; height:175px; margin-bottom:25px; border:1px solid #C8C6C6; font-size:13px;  padding-left:15px; resize:vertical; padding-top:15px;}

.enq input[type="submit"]{ width:20%; float:right;  background:#03A9F5; border:0; height:40px; margin-bottom:25px;
 color:#fff; 
 text-align:center; display:block; font-family: 'Open Sans', sans-serif; font-size:15px; cursor:pointer}
 .enq input[type="submit"]:hover{ background:#BD2871;}

.aboutPage{ width:100%; display:inline-block; padding:40px 0; background-color:#0c96b1;}
.aboutPage_left{ float:left; width:60%; margin-right:20px;}
.aboutPage_right{ float:left;}
.aboutPage_left p{font-family:Arial, Helvetica, sans-serif; float:left; line-height:24px; color:#fff; font-size:15px;margin-bottom: 15px;}
h3{ font-size:28px; color:#000; margin-bottom:11px; font-family: 'Dosis', sans-serif;}
.programs table{ width:100%; font-family:Arial, Helvetica, sans-serif; border:1px solid #000;}

.programs{ padding:20px 0; display:inline-block; width:100%;}
.programs tr{ text-align:center;}
.programs td{ padding:16px 0; border-bottom:1px solid #000;border-right:1px solid #000;;}
.programs td:last-child{ border-right:0;}
.last td{ border-bottom:0;}
.last td:last-child{ border-right:0;}
.programs th{ border-bottom:1px solid #000; padding:16px 0;border-right:1px solid #000; background: #25501F none repeat scroll 0% 0%; color: #fff;}

.programs th:last-child{ border-right:0;}
.program_box{ float:left; }
.program_box h4{color:#1F61A0; padding-bottom: 10px;}
.program_box li{ line-height:26px; font-size: 15px; font-family: roboto;}
.program_box li i{ margin-right: 10px; color: #EA6009;}
.program_box span li{ width:23%; float:left;  margin:1%; border-radius:12%; padding-bottom: 20px;}
.program_box span li img{ border-radius:12%; width:100%}
.program_box p{ padding-bottom:20px;}
.program_box2{ float:left;}
.activites{}
.activites li{font-family:Verdana, Geneva, sans-serif;font-size:14px; line-height:30px;}


.add{ font-family:Verdana, Geneva, sans-serif; padding-bottom:30px;}
.add ul{}
.add li{ line-height:50px; color:#1A9E58;}
.add li span{ width:10%; display:inline-block;}
.add h3{ color:#CB2964;}

.programs_box span li{ float:left; width:23%; margin:1%; text-align:center;}
.programs_box span li img{ width:85%; height:auto;border-radius: 30px;}
.programs_box .enq{ }
.programs_box .enq table td{ border-bottom:none; border-right:none; margin-left:10px;}
.programs_box .enq table input{ padding: 5px 0px 0px 0px; box-shadow: 0px 2px 4px rgb(201, 201, 201); margin: 4px 70px 0px 0px; }
.programs_box .enq table{background-color: rgb(220, 255, 244); border: 1px solid #B4FFF4;}
.programs_box .enq .text{ width: 120px;}
.programs_box .enq textarea{ width: 265px; margin-right: -60px; height: 120px;}

.footer{ width:100%; background-color:#000;  padding:20px 0 20px 0; display:inline-block;}
.footerLeft{ float:left;}
.footerLeft li{ float:left; margin:0 20px; font-family:Verdana, Geneva, sans-serif;}
.footerLeft li a{ color:#fff; font-size:14px;}
.footerLeft li a:hover{ color:#9d9d9d;}
.footer span{ float:right; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
.footer span a:hover{ text-decoration:underline;}

.contact{background-color:#3477B7; width:100%; display:inline-block; padding:20px 0;}
.forms{font-family: 'Dosis', sans-serif; overflow:hidden; background-color:#FFCC33;}
.forms_text { float:left; width:50%;}
.forms_text ul{}
.forms_text li{ margin:20px 0; font-size:14px;}
input[type="text"]{ width:50%; border:none; border:1px solid #bc7000; height:30px; padding:0 10px; background-color:#DAD8D4; }
input[type="radio"]{ margin-right:15px;}
input[type="checkbox"]{ margin-right:15px;}
.forms_text li textarea{ width:50%; height:100px; border:none;border:1px solid #bc7000; vertical-align:middle; resize:none; padding:10px 10px; background-color:#DAD8D4;}
.button{ padding:7px 20px; background-color:#008AA6; border:none; font-size:15px; color:#fff; cursor:pointer }
.radio{}
.forms_text li span{ display:inline-block; width:25%; font-size:16px;}
.address{}
.address li{ line-height:40px;}
.address li span{ width:10%; display:inline-block;}

.activities{ width:16.666%; background-color:#000; float:left; margin:20px 0; position:relative;}
.activities img{ width:100%;transition:0.5s;}
.activities img:hover{transform:scale(0.8); transition:0.5s;}
.activities h5{ color:#fff; position:absolute; top:50px; width:100%; z-index:10; background-color:#1f2e57; opacity:0.7; text-align:center; padding:10px 0; opacity:0;transition:all 0.5s}
.activities:hover h5{ opacity:1; top:100px; transition:all 0.5s;}
.map{ margin-bottom:30px;}
.programs{ width:100%; display:inline-block; float:left; padding:80px 0; background:#0c96b1}
.p1{ width:340px; background-color:#2A363F; min-height:270px; float:left; box-shadow:1px 1px 15px rgba(0,0,0,0.6);}
.p1 h1{ font-size:23px; color:#21A9F0; line-height:20px; text-align:center; padding:25px 0 15px 0; background-color:#0C96B1; padding:20px 0; color:#fff;	}
.p2 h1{ font-size:23px; color:#F4DB08; line-height:20px; text-align:center; padding:25px 0 15px 0;}
.p3 h1{ font-size:23px; color:#E77224; line-height:20px; text-align:center; padding:25px 0 15px 0;}
.p1 li, .p2 li{ font-size:16px; color:#FFF; text-align:center; padding:10px 0; font-family:Roboto;}
.p3 li{ font-size:16px; color:#2A363F; text-align:center; padding:10px 0; font-family:Roboto;}
.p2{ width:340px; background-color:#E77224; min-height:270px;box-shadow:1px 1px 15px rgba(0,0,0,0.6); float:left;}
.p3{ width:340px; background-color:#F3F3F3; min-height:270px;box-shadow:1px 1px 15px rgba(0,0,0,0.2); float:left;}

.programs_list{ width:100%; display:inline-block;}
.programs_list li{ line-height:25px; color:#fff; font-family:Verdana,Geneva,sans-serif; font-size:14px;}
.programs_list li b{color:#E9E60C}
.programs_list li i{ color:#E9E60C; margin-right:15px;}

.care_inner{ width:100%; display:inline-block; padding:15px 0 0 0}
.care_inner li{ line-height:25px; color:#fff; font-family:Verdana,Geneva,sans-serif; font-size:14px;}
.care_inner li i{ color:#E9E60C; margin-right:15px; font-size:17px;}

.activity_main{ width:100%; display:inline-block; }
.activity_main li{ line-height:25px; color:#fff; font-family:Verdana,Geneva,sans-serif; font-size:14px;}
.activity_main li i{color:#E9E60C;  margin-right:15px;}

.parents_main{ width:100%; display:inline-block;}
.parents_left{ width:65%; float:left}
.parents_left a{ background:#D43B78; color:#fff; padding:5px 10px; }
.parents_right{ width:32%; float:right}
.parents_right img{ width:100%;}
.galTitle{ width:360px; text-align:center; font-size:16px; line-height:1.4; background-color:#f5ffd4; color:#222; padding:12px; box-sizing:border-box;}

.gallerysubmun{
    position: relative;
}

.submenu{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    height: auto;
    position: absolute;
    z-index: 9999;
    display: block;
     opacity: 0; 
    visibility: hidden; 
    left:-30px;
    top: 53px;
    transition: all 0.6s ease-in-out;
}

.submenuin{
    display:inline-block;
}

.submenuin li{
    
}

.submenuin li a {
    padding: 10px 16px;
}

.gallerysubmun:hover .submenu{
    visibility: visible;
    opacity: 1;
}