@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@font-face {
    font-family: myFirstFont;
    src:url(../font/futura/Futura%20Heavy%20font.ttf);
}
/***************************************************************/

body{
	 background:url(../images/background.jpg);
	 background-position:center;
	}

.navbar-toggle .icon-bar{
	 background-color:red !important;
	}
.top_thin_bar{
	height:5px; 
	background-color:#2e9f4f;
	}
.skew_box{
	 width:60%;
	 height:40px;
	 background-color:#9abd61;
	 float:right !important;
	}
.skew_box:after{
	content: " ";
    position: absolute;
    display: block;
    width: 200px;
    height: 100%;
	background-color:#9abd61;
	z-index:9;
	transform-origin: top left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
	top: 0;
    left: 30%;
	}
	
.header_details{
	height:40px;
	/*background-color:green;*/
	position:absolute;
	z-index:9;
	margin-top:-80px;
	}
	
	

.envelope{
	 margin-right:10px;
	}
.phone{
	 margin-right:10px;
	}
.social_box{
	padding-top:50px;
	}	
.icons{
	 color:#fff;
	 padding:0px 10px;
	}	
	
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.my_navbar{
	 padding-top:15px;
	}
.my_dropdown_menu{
	box-shadow:none !important;
	border:none !important;
	border-radius:0px !important;
	}
.about_dropdown li a{
	 color:#fff !important;
	}
	
.about_dropdown{
	background-color:#9abd61 !important;
	}
.programmes_dropdown{
	background-color:#97FFF6 !important;
	}
.programmes_dropdown li a{
	 color:#000 !important;
	}
.parents_dropdown{
	background-color:#9abd61 !important;
	}
.parents_dropdown li a{
	 color:#fff !important;
	}
								

/***************************************************************/
.logo_img{
	 padding:0px 30px !important;
	 /*background-color:blue;*/
	}
.logo_img img{
	  width:100%;
	  height:auto;
	}
.nav_button{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:14px;
	}
.nav_button a{
	 color:#000;
	 
	}
.nav_icon{
	font-size:50px !important;
	 
	}
.nav_icon{
	 width:45px;
	 height:45px;
	 display:inline-block;
	}	
.nav_icon img{
	 width:100%;
	 height:auto;
	}
.home{
	 padding:2px;
	}	
			
/*
* Style tweaks
* --------------------------------------------------
*/



.programme{
	height:auto;
	/*background-color:#BFBFBF;*/
	margin-top:80px;
	}
.programme_big_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:45px;
	text-align:center;
	}
.programme_small_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	text-align:center;
	color:#9E9E9E;
	}
.programme_box{
	 margin-top:40px;
	}	                         
.programs_1_img{
	 height:250px;
	 background-image:url(../images/programme/play_group.jpg);
	 background-size:cover;
	 
	}
.programs_1_text{
	height:250px;
	padding-left:50px !important;
	}	
	
.programs_2_img{
	 height:250px;
	 background-image:url(../images/programme/nursery.jpg);
	 background-size:cover;
	}
.programs_2_text{
	height:250px;
	padding-left:50px !important;
	}
	
.programs_3_img{
	 height:250px;
	  background-image:url(../images/programme/lkg.jpg);
	 background-size:cover;
	}
.programs_3_text{
	height:250px;
	padding-left:50px !important;
	}
.programs_4_img{
	 height:250px;
	  background-image:url(../images/programme/ukg.jpg);
	 background-size:cover;
	}
.programs_4_text{
	height:250px;
	padding-left:50px !important;
	}	
.caret_sign{
	 width:40px !important;
	 height:50px;
	 display:inline-block;
	 z-index:11 !important;
	 position:absolute;
	 left:100%;
	 margin-top:40%;
	}
.caret_sign_2{
	width:40px !important;
	 height:50px;
	 display:inline-block;
	 z-index:11 !important;
	 position:absolute;
	 left:100%;
	 margin-top:40%;
	}
.caret_sign_4{
	width:40px !important;
	 height:50px;
	 display:inline-block;
	 z-index:11 !important;
	 position:absolute;
	 right:9%;
	 margin-top:40%;
	}	

		
.caret_sign	img{
	 width:50px;
	 height:auto;
	}
.caret_sign_2 img{
	 width:50px;
	 height:auto;
	}
.caret_sign_4 img{
	 width:50px;
	 height:auto;
	}	
									
	
.programme_sub_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:25px;
	margin-top:25px;
	}
.programme_details{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:14px;
	margin-top:25px;
	}
.button{
	 font-size: 15px;
	 font-family: myFirstFont !important;
	 position:relative;
	 color:#fff;
	 height:30px;
	 width:100px;
	 background-color:green;
	 text-align:center;
	 padding-top:5px;
	 cursor:pointer;
	 transition:all 0.5s ease-in-out;
	 text-decoration:none !important;
	}
.button:hover{
	background-color:red;
	}
.button_1{
	margin-top:20px !important;
	}	
.button_2{
	margin-top:50px !important;
	}	
.our_mission{
	height:auto;
	margin-top:100px;
	}
/*.mission_image{
	 height:600px;
	 background-image:url(../images/mission/playschool.jpg);
	 background-size:cover;
	 
	
	}*/
.mission_image img{
	 width:100%;
	 height:auto;
	}	
.mission_big_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:45px;
	margin-left:30px;
	}
.mission_small_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	color:#9E9E9E;
	margin-left:30px;
	}
.mission_details{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	margin-left:30px;
	text-align:justify;
	margin-top:30px;
	
	}
.mission_small_image img{
	 width:100%;
	 height:auto;
	}
.skill_text{
	font-family: myFirstFont !important;
	letter-spacing:1px;
	font-size:20px;
	margin-left:16px;
	text-align:center;
	}
.course_text_box{
	 margin-top:30px;
	}
.our_gallery{
	 height:auto;
	}
.gallery{
	 margin-top:80px;
	 margin-bottom:30px;
	}	
.gallery_big_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:35px;
	text-align:center;
	}

.gallery_button{
	font-size: 20px;
	 font-family: myFirstFont !important;
	 position:relative;
	 color:#fff;
	 height:50px;
	 width:300px;
	 background-color:green;
	 margin-top:10px;
	 left:40%;
	 text-align:center;
	 padding-top:12px;
	 cursor:pointer;
	 transition:all 0.5s ease-in-out;
	}
.gallery_button:hover{
	background-color:red;
	}																			
.testimonials_image_box{
	 width:200px;
	 height:150px;
	 margin:auto;
	 background-image:url(../images/testimonials/face.jpg);
	 background-size:cover;
	}
.testimonials_text_box{
	 height:100px;
	 margin-top:30px;
	}
.parent_name{
	font-size: 20px;
	 font-family: myFirstFont !important;
	 position:relative;
	 color:#000;
	 font-weight:bolder;
	 text-align:center;
	 }
.parent_review{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:14px;
	text-align:justify;
	}	 
.footer{
	 min-height:400px;
	 height:auto;
	 margin-top:40px;
	 background-image:url(../images/footer.jpg);
	 background-size:cover;
	 background-position:center;
	}
.footer_logo{
	 font-size:2.5em !important;
	 position:relative;
	 top:60px !important;
	 letter-spacing:4px !important;
	 text-decoration:none !important;
	}
.footer_text{
	 color:#fff;
	 font-family: 'Lato', sans-serif;
	 font-size:16px;
	 position:relative;
	 top:80px;
	 padding-right:95px;
	 /*padding:0px 100px;*/
	}
.contact_link{
	font-size:35px !important;
    font-weight:bolder !important;
	font-family: myFirstFont !important;
    color: #fff;
	letter-spacing:1px;
	margin-top:60px;
	}
.address{
	font-size:20px !important;
    font-weight:bolder !important;
	font-family: myFirstFont !important;
    color: #fff;
	letter-spacing:1px;
	}
.address_text{
	 color:#fff;
	 font-family: 'Lato', sans-serif;
	 font-size:16px;
	}
.footer_ul{
	 list-style-type:none;
	 padding:0px !important;
	}
.footer_ul li{
	 padding:10px 0px !important;
	}		
.footer_ul li a{
	 color:#fff;
	 font-size:14px !important;
     font-weight:bolder !important;
	 font-family: 'Lato', sans-serif;
	 position:relative;
	 top:10px;
	}
@media screen and (min-width:768px) and (max-width:1400px){
	.small_screen{
	 display:none;
	}
	.address_box{
	 color:#fff;
	 font-family:"Arial" !important;
	 letter-spacing:0.5px;
	 padding-top:50px;
	 font-size:15px;
	}
	.phone_box{
	 color:#fff;
	 font-family:"Arial" !important;
	 letter-spacing:0.5px;
	 padding-top:50px;
	 font-size:15px;
	}
	.service_box{
	 height:auto;
	 margin-top:100px;
	 /*background-color:#BFBFBF;*/
	 
	}
.service_box_img{
	 width:100px;
	 height:100px;
	 /*background-color:red;*/
	 margin:auto;
	 
	}
.service_box_img img{
	 width:100%;
	 height:auto;
	}	

			
.service_box_text_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:20px;
	color:#4F4F4F;
	}
.service_box_text_description{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:14px;
	}
.banner_small_screen{
	 display:none !important;
	}
.about_banner{
	 height:auto;
	}
.about_banner img{
	 width:100%;
	 height:auto;
	}	
.about_us_portion{
	height:auto;

	}
.text_portion_1{
	 margin-top:50px;
	 padding:0px 60px !important;
	}	
.about_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:30px;
	color:#4F4F4F;
	}
.about_description{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:15px;
	color:#000;
	text-align:justify;
	line-height:25px;
	margin-top:15px;
	}
.img_portion_1{
	margin-top:60px;
	}
.img_portion_1 img{
	 width:100%;
	 height:auto;
	}	
.about_portion_two{
	 background:url(../images/about/dps_students.jpg);
	 background-size:cover;
	 background-position:center;
	 height:500px;
	 margin-top:80px;
	 background-attachment:fixed;
	
	 
	}
.about_heading_2{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:50px;
	color:#fff;
	margin-top:100px;
	padding:0px 60px !important;
	}
.about_heading_3{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:50px;
	color:#000;
	padding:0px 60px !important;
	}
.about_heading_4{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:40px;
	color:#000;
	padding:0px 60px !important;
	}
.click_img{
	 padding-left:60px !important;
	}			
.about_description_2{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#fff;
	text-align:justify;
	line-height:25px;
	margin-top:15px;
	padding:0px 60px !important;
	}
.about_description_3{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:justify;
	line-height:25px;
	margin-top:15px;
	padding:0px 60px !important;
	}
.facilities_img img{
	 width:100%;
	 height:auto;
	 padding-top:30px;
	}		
.about_portion_three{
	 margin-top:80px;
	}
.sub_heading_about{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:30px;
	color:#4F4F4F;
	text-align:center;
	}		
	
.img{
	 width:150px;
	 height:150px;
	 margin:auto;
	}
.img img{
	 width:100%;
	 height:auto;
	}	
.border{
	 width:50%;
	 height:auto;
	 margin-left:25%;
	}
.border img{
	 width:100%;
	 height:auto;
	}
.legacy_text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0px 50px !important;
	margin-top:15px;
	}
.vision_text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0px 50px !important;
	margin-top:15px;
	}
.achievements_text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0px 50px !important;
	margin-top:15px;
	}					
.classes_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:40px;
	color:#004906;
	margin-top:15px;
	}
.classes_sub_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#4F4F4F;
	margin-top:15px;
	}
.table{
	 margin-top:40px;
	}

.chart_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#4F4F4F;
	margin-top:15px;
	background-color:#24FFC5;
	}
.chart_details{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:14px;
	color:#000;
	margin-top:15px;
	}			
.gal_img_slots{
	 margin-top:0px;
	}
.gallery_page{
	 margin-top:30px !important;
	}
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  padding: 20px;
}
.contact_form{
	 padding:0px 60px !important;
	}
.input_name{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	margin-top:15px;
	
	 
	}
.placeholder{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	margin-top:15px;
	}
.submit{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	margin-top:15px;
	}	
.address_details{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	margin-top:15px;
	line-height:30px;
	}
.text_portion_our_mission{
	margin-top:120px !important;
	 
	}
.navbar-nav{
	 /*background-color:blue;*/
	 width:700px !important;
	 margin-left:100px !important;
	}																	
			
	}
.icon_img{
	 width:50% !important;
	 height:auto;
	 margin-left:25% !important;
	}		
.icon_img img{
	 width:100%;
	 height:auto;
	}
		
.contact_details{
	 margin-top:100px !important;
	 margin-bottom:100px;
	}
.text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:15px;
	color:#000;
	margin-top:25px;
	text-align:center;
	}						
	
@media screen and (min-width:250px) and (max-width:768px){
	.caret_sign{
		 display:none !important;
		}
	.caret_sign_2{
		 display:none !important;
		}
	.caret_sign_4{
		 display:none !important;
		}
	.big_screen{
		 display:none;
		}
	.tz-gallery{
		 padding:0px !important;
		}
	.gal_img{
		 margin-top:20px;
		}	
	
	.social_box{
		 display:none !important;
		}				
	.address_box{
		width:232px !important;
		float:right !important;
	 color:#fff;
	 font-family:"Arial" !important;
	 letter-spacing:0.5px;
	 padding-top:45px;
	 font-size:12px;
	}
	.phone_box{
		width:140px !important;
		float:right !important;
	 color:#fff;
	 font-family:"Arial" !important;
	 letter-spacing:0.5px;
	 font-size:12px;
	}	
	.service_box_img{
		 height:150px;
		 width:150px !important;
		 margin-left:calc((100% - 150px)/2 );
		}
	.service_box_img img{
		 width:80% !important;
		 height:auto;
		 margin-left:10% !important;
		 margin-top:20%;
		}
	.service_box_text_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:20px;
	color:#4F4F4F;
	}
	.service_box_text_description{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:14px;
	text-align:justify;
	}
	.banner_big_screen{
		 display:none !important;
		}
	.mission_image_big_screen{
		display:none !important;
		}
	.about_banner{
	 height:auto;
	}
.about_banner img{
	 width:100%;
	 height:auto;
	}
	.about_us_portion{
	height:auto;

	}
.text_portion_1{
	 margin-top:50px;
	 padding:0px 20px !important;
	}	
.about_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:30px;
	color:#4F4F4F;
	text-align:center;
	}
.about_description{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:15px;
	color:#000;
	text-align:justify;
	line-height:25px;
	margin-top:15px;
	}
.img_portion_1{
	margin-top:60px;
	}
.about_portion_two{
	 background:url(../images/about/dps_students.jpg);
	 background-size:cover;
	 background-position:center;
	 height:400px;
	 margin-top:60px;
	 background-attachment:fixed;
	
	 
	}
.about_heading_2{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:30px;
	color:#fff;
	margin-top:30px;
	padding:0px 0px !important;
	text-align:center !important;
	}
.about_description_2{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#fff;
	text-align:justify;
	line-height:25px;
	margin-top:15px;
	padding:0px 0px !important;
	}
.about_portion_three{
	 margin-top:30px;
	}
.sub_heading_about{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:30px;
	color:#4F4F4F;
	text-align:center;
	}		
	
.img{
	 width:150px;
	 height:150px;
	 margin:auto;
	}
.img img{
	 width:100%;
	 height:auto;
	}	
.border{
	 width:50%;
	 height:auto;
	 margin-left:25%;
	}
.border img{
	 width:100%;
	 height:auto;
	}
.legacy_text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0px 0px !important;
	margin-top:15px;
	}
.vision_text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0px 0px !important;
	margin-top:15px;
	}
.achievements_text{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0px 0px !important;
	margin-top:15px;
	}
.classes_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:30px;
	color:#004906;
	margin-top:15px;
	}
.classes_sub_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#4F4F4F;
	margin-top:15px;
	}
.table{
	 margin-top:20px;
	}

.chart_heading{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:12px;
	color:#4F4F4F;
	margin-top:15px;
	background-color:#24FFC5;
	text-align:center;
	}
.chart_details{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:10px;
	color:#000;
	margin-top:15px;
	}
.classes_img{
	 display:none !important;
	}

.gallery_page{
	 margin-top:10px !important;
	}
.gallery_big_heading_page{
	 font-size:30px !important;
	}
.gal_images_small{
	 margin-top:30px;
	}
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  padding: 20px;
}
.contact_form{
	 padding:0px 30px !important;
	}
.input_name{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	text-align:center;
	margin-top:15px;
	
	 
	}
.placeholder{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	margin-top:15px;
	}
.submit{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	margin-top:15px;
	}	
.address_details{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	margin-top:15px;
	line-height:30px;
	}
	
	.img_portion_1{
	margin-top:60px;
	}
.img_portion_1 img{
	 width:100%;
	 height:auto;
	}
.click_img img{
	 width:100%;
	 height:auto;
	}
	
	.about_heading_3{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:20px;
	color:#000;
	padding:0px 20px !important;
	}	
	
	.about_description_3{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#000;
	line-height:25px;
	margin-top:15px;
	padding:0px 20px !important;
	}	
	
	.about_heading_4{
	font-family: 'Lato', sans-serif;
	letter-spacing:1px;
	font-weight:bolder;
	font-size:20px;
	color:#000;
	padding:0px 20px !important;
	}												
									
	}
	 		
/* RS */
.w-full{
    width: 100%;
}
@media screen and (min-width:768px){
.service_box_img img{
	 width:100%;
	 height:auto;
	}
	.service_box {
        height: auto;
        margin-top: 100px;
    }
}