/*
Copyright (c) 2023 
------------------------------------------------------------------

Template Name: Preschool and Kindergarten
table of content:-
1. body css
2. reusable css
3. preloader css
4. header css
5. banner css
6. about css
7. what we do css
8. education structure css
9. service css
10. gallery css
11. counter css
12. teachers css
13. footer css
------------------------*/
/*-----------------------
1. body css start
------------------------*/

body{
	font-family: 'Acme', sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px;
	background:#fff;
	color:#484848;
	position:relative;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Acme', sans-serif;
	margin:0;
	text-transform:capitalize;
}
p{
	margin:0;
	font-size:14px;
	line-height:24px;
	font-family: 'Acme', sans-serif;
}
ul{
	margin:0;
	padding:0;
}a{
	text-decoration:none;
	color:#484848;
}
a:hover , a:focus{
	text-decoration:none;
	color:#484848;
	outline:none;
}
img{
	max-width:100%;
}
input:focus , button:focus , textarea:focus{
	outline:none;
}
textarea{
	resize:none;
}
/*-----------------------body css end------------------------*/
/*-----------------------color css start-----------------------*/
a.red , h3.red{
	color:#e64d3d;
}
a.blue , h3.blue{
	color:#00b4ff;
}
a.orange , h3.orange{
	color:#00b4ff;
}
a.green , h3.green{
	color:#7bd020;
}
/*-----------------------color css end-----------------------*/
/*-----------------------2. reusable css start-----------------------*/
.px_toppadder10{
	padding-top:10px;
}
.px_toppadder20{
	padding-top:20px;
}
.px_toppadder30{
	padding-top:30px;
}
.px_toppadder40{
	padding-top:40px;
}
.px_toppadder50{
	padding-top:50px;
}
.px_toppadder60{
	padding-top:60px;
}
.px_toppadder70{
	padding-top:70px;
}
.px_toppadder80{
	padding-top:80px;
}
.px_toppadder90{
	padding-top:90px;
}
.px_toppadder100{
	padding-top:50px;
}
.px_bottompadder10{
	padding-bottom:10px;
}
.px_bottompadder20{
	padding-bottom:20px;
}
.px_bottompadder30{
	padding-bottom:30px;
}
.px_bottompadder40{
	padding-bottom:40px;
}
.px_bottompadder50{
	padding-bottom:50px;
}
.px_bottompadder60{
	padding-bottom:60px;
}
.px_bottompadder70{
	padding-bottom:70px;
}
.px_bottompadder80{
	padding-bottom:80px;
}
.px_bottompadder90{
	padding-bottom:90px;
}
.px_bottompadder100{
	padding-bottom:100px;
}
.px_padderboth120{
	padding:120px 0px;
}
/*------heading start------*/
.px_heading{
	text-align:center;
}
.px_heading h1{
	font-size:40px;
	color:#484848;
}
.px_heading h1 span{
	color:#00b4ff;
}
/*------heading end------*/
.px_svg_btn{
	position:relative;
	width:auto;
	display:inline-block;
}
.px_svg_btn svg path{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.px_svg_btn:hover path{
	fill:transparent;
	stroke:#00b4ff;
}
.px_svg_btn:hover .px_btn{
	color:#00b4ff;
}
.px_svg_a{
	position:absolute;
	top:0;
	left:0;
}
.px_btn{
	font-family: 'Acme', sans-serif;
    font-size: 20px;
    text-transform:capitalize;
    color: white;
    display: flex;
    justify-content: center;
    width: 135px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor:pointer;
    transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.px_btn:focus{
	color:#fff;
}
.px_overlay{
	position:absolute;
	left:0%;
	top:100%;
	bottom:0%;	
	right:0%;
	background:linear-gradient(rgba(0,0,0,0) , rgba(241,174,45,0.9));
	background:-webkit-linear-gradient(rgba(0,0,0,0) , rgba(241,174,45,0.9));
	background:-o-linear-gradient(rgba(0,0,0,0) , rgba(241,174,45,0.9));
	background:-ms-linear-gradient(rgba(0,0,0,0) , rgba(241,174,45,0.9));
	background:-moz-linear-gradient(rgba(0,0,0,0) , rgba(241,174,45,0.9));
	opacity:0;
	width:100%;
	height:0;
	transition:all 0.35s ease-in;
	-webkit-transition:all 0.35s ease-in;
	-moz-transition:all 0.35s ease-in;
	-o-transition:all 0.35s ease-in;
	-ms-transition:all 0.35s ease-in;
}
/*-----------------------reusable css end-----------------------*/

/* 3. preloader css start */

#preloader {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 100000;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%; 
  top: 50%;
   /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* preloader css end */

/*---------------------4. header css start---------------------*/
.top {
    position: absolute;
    top: -14px;
    left: 0;
}
.px_header{
	position:relative;
	z-index:10000;
}
.px_toggle_btn{
	display:none;
}
.header_menu>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
}
.header_menu ul li{
	padding:0px;
	margin-right:37px;
	position:relative;
}
.header_menu ul li:last-child{
	padding-right:0;
}
.header_menu ul li a{
	font-family: 'Acme', sans-serif;
	font-size:18px;
	text-transform:capitalize;
	position:relative;
	transition: all .5s ease-in-out;
}
.header_menu ul li a:hover{
	color: #e64d3d;
}
.header_menu ul li a:hover::after, .header_menu ul li a.active:hover::after{
	width:100%;
	background-color: #e64d3d;
}
.header_menu ul li a.active{
	border-bottom:2px solid;
	color: #e64d3d;
}
.header_menu ul li a.active:hover:after{
	width:0;
}
.header_menu ul li a:after{
	position:absolute;
	content:"";
	bottom:-4px;
	left:0;
	width:0;
	height:2px;
	background:transparent;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.header_menu ul li a.active:after{
	bottom:-4px;
}
.footer_top_section {
    display: flex;
    align-items: center;
	justify-content: center;
    flex-wrap: wrap;
}
.sub_menu{
	position: absolute;
    display:none;
	top: 100%;
    left: 0px;
    width: 145px;
    background:#fff;
    padding: 10px;
    z-index: 10;
    border-top:2px solid #00b4ff;
}
.header_menu ul li ul.sub_menu li {
    list-style: none;
    padding: 5px 0px;
    margin: 0;
    text-align: left;
}
.header_menu ul li:hover .sub_menu{
	display:block;
} 
.sub_sub_menu{
	position: absolute;
    display:none;
    top: 0;
    left: 100%;
    width: 165px;
    background:#fff;
    padding: 10px;
    z-index: 10;
    border-top:2px solid #00b4ff;
}
.sub_menu li:hover .sub_sub_menu{
	display:block;
}
.education_img.edu_img1 img {
    width: 100%;
}
.education_img.edu_img2 img {
    width: 100%;
}
.education_img.edu_img3 img {
    width: 100%;
}
/*---------------------header css start---------------------*/
/*--------------------5. banner css start---------------------*/
.px_index_banner{
	width:100%;
	background-image:url(../images/main-banner.jpg);
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.banner_element{
	position:relative;
	bottom:0;
	left:0%;
}
.popup{
	 transform-style: preserve-3d;
}
.element_text {
    position: absolute;
    top: 12%;
    left: 17%;
    transform: translate(-50% , 0);
    -webkit-transform: translate(-50% , 0);
    -o-transform: translate(-50% , 0);
    -moz-transform: translate(-50% , 0);
    -ms-transform: translate(-50% , 0);
    color: #00b4ff;
}
.banner_element1{
	position:absolute;
	top:-10px !important;
	z-index:0;
	transition:all .9s;	
}
.banner_element2 {
    position: absolute;
    top: 103px;
    right: 187px;
    transition: all .5s;
}
.banner_element3 {
    position: absolute;
    top: 200px;
    right: 17px;
    transition: all .5s;
}
.element_text1{
	position:absolute;
	bottom:30%;
	color:#e64d3d;
	left:12%;
}
.element_text2{
	position:absolute;
	bottom:17%;
	color:#00b4ff;
	left:50%;
	transform:translate(-50% , 0);
	-webkit-transform:translate(-50% , 0);
	-o-transform:translate(-50% , 0);
	-moz-transform:translate(-50% , 0);
	-ms-transform:translate(-50% , 0);
}
.element_text3{
	position:absolute;
	bottom:20%;
	color:#00b4ff;
	left:50%;
	transform:translate(-50% , 0);
	-webkit-transform:translate(-50% , 0);
	-o-transform:translate(-50% , 0);
	-moz-transform:translate(-50% , 0);
	-ms-transform:translate(-50% , 0);	
}
.element_text h1, .element_text1 h1, .element_text2 h1, .element_text3 h1 {
    font-size: 73px;
    font-weight: 600;
}
.banner_element img{
	width:750px;
}
.banner_element1 img{
	transition:all .9s;
}
/*-------------------banner css end--------------------*/

/*------------------6. about section css start-------------------*/
.about_section h1{
	text-transform:capitalize;
	font-size:40px;
}
.about_section h1 span{
	color:#1cb4f0;
}
.about_section p{
	margin:15px 0px 25px;
}
.about_section ul li{
	list-style:none;
	margin-bottom:20px;
	font-weight:500;
}
.about_section ul li i:before {
    margin-right: 20px;
    margin-left: 0;
    color: #00b4ff;
    font-size: 20px;
    font-weight: 600;
}
.about_section a{
	text-transform:capitalize;
}
/*-----------------about section css end------------------*/
/*----------------------------7. what we do section css start-----------------------------*/

.px_wedo{
	background:linear-gradient(rgb(0 180 255 / 91%) , rgb(0 180 255 / 95%))  , url('https://via.placeholder.com/1920x558') fixed;
	background:-webkit-linear-gradient(rgb(0 180 255 / 91%) , rgba(0 180 255 / 95%)) , url('https://via.placeholder.com/1920x558') fixed;
	background:-o-linear-gradient(rgb(0 180 255 / 91%) , rgba(0 180 255 / 95%)) , url('https://via.placeholder.com/1920x558') fixed;
	background:-moz-linear-gradient(rgb(0 180 255 / 91%) , rgba(0 180 255 / 95%)) , url('https://via.placeholder.com/1920x558') fixed;
	background: -webkit-linear-gradient(rgb(0 180 255 / 91%) , rgb(0 180 255 / 95%)) , url('https://via.placeholder.com/1920x558') fixed;
	background-size:cover;
	background-position:bottom;
}
.px_wedo .px_heading h1{
	color:#fff;
}
.wedo_section{
	text-align:center;
}
.wedo_section div{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.wedo_section i:before{
	font-size:55px;
	color:#fff;
	line-height:1;
	margin-left:0;
}
.wedo_section:hover div{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
.wedo_section h3{
	font-size:20px;
	color:#fff;
	padding-top:20px;
}
.wedo_section p{
	color:white;
	margin-top:5px;
}
/*----------------------------what we do section css end-----------------------------*/
/*----------------------------8. education structure section css start-----------------------------*/
.education_img{
	position:relative;
}
.education_img.edu_img1{
	border:5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-orange.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left:0;
    border-right:0;
    border-top:0;
    text-align:center;
	transition: all 0.5s;
	overflow: hidden;
   }
   .education_img.edu_img1 img{
	transition: all .5s linear;
}
.education_section:hover .education_img.edu_img1 img{
 transform: scale(1.1);
}
.education_img.edu_img2{
	border:5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-blue.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left:0;
    border-right:0;
    border-top:0;
    text-align:center;
	transition: all 0.5s;
	overflow: hidden;
}
.education_img.edu_img2 img{
	transition: all .5s linear;
}
.education_section:hover .education_img.edu_img2 img{
 transform: scale(1.1);
}
.education_img.edu_img3{
	border:5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-red.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left:0;
    border-right:0;
    border-top:0;
    text-align:center;
	transition: all 0.5s;
	overflow: hidden;
   }
   .education_img.edu_img3 img{
	transition: all .5s linear;
}
.education_section:hover .education_img.edu_img3 img{
 transform: scale(1.1);
}
.education1 .education_img .px_overlay{
	height:100%;
	opacity:1;
	top:0;
}
.education2 .education_img .px_overlay{
	background:linear-gradient(rgba(0,0,0,0) , rgba(28,180,240,0.9));
	background:-webkit-linear-gradient(rgba(0,0,0,0) , rgba(28,180,240,0.9));
	background:-moz-linear-gradient(rgba(0,0,0,0) , rgba(28,180,240,0.9));
	background:-o-linear-gradient(rgba(0,0,0,0) , rgba(28,180,240,0.9));
	background:-ms-linear-gradient(rgba(0,0,0,0) , rgba(28,180,240,0.9));
	height:100%;
	opacity:1;
	top:0;
}
.education3 .education_img .px_overlay{
	background:linear-gradient(rgba(0,0,0,0) , rgba(225,82,64,0.9));
	background:-webkit-linear-gradient(rgba(0,0,0,0) , rgba(225,82,64,0.9));
	background:-moz-linear-gradient(rgba(0,0,0,0) , rgba(225,82,64,0.9));
	background:-o-linear-gradient(rgba(0,0,0,0) , rgba(225,82,64,0.9));
	background:-ms-linear-gradient(rgba(0,0,0,0) , rgba(225,82,64,0.9));
	height:100%;
	opacity:1;
	top:0;
}
.education_img .px_caption{
	position:absolute;
	top:70%;
	left:50%;
	transform:translate(-50% , -50%);
	color:#fff;
}
.education_img .px_caption h2{
	font-size:40px;
	color:#fff;
}
.education_img .px_caption h6{
	font-size:16px;
}
.education_text{
	text-align:center;
	padding:20px;
}
.education_text p span{
	font-size:16px;
}
.education_text h1{
	font-size:25px;
	padding:10px 0px;
}
.education_text .px_svg_btn{
	margin-top:20px;
}
.education2 .px_svg_btn:hover path{
	fill:transparent;
	stroke:#1cb4f0;
}
.education2 .px_svg_btn:hover .px_btn{
	color:#1cb4f0;
}
.education3 .px_svg_btn:hover path{
	fill:transparent;
	stroke:#e15240;
}
.education3 .px_svg_btn:hover .px_btn{
	color:#e15240;
}
.education_section.education1 .education_text{
	border:1px solid #f1ac27;
	border-top:0;
}
.education_section.education1 h1 , .education_section.education1 p span{
	color:#f1ac27;
}
.education_section.education2 .education_text{
	border:1px solid #00b4ff;
	border-top:0;
}
.education_section.education2 h1 , .education_section.education2 p span{
	color:#00b4ff;
}
.education_section.education3 .education_text{
	border:1px solid #e15240;
	border-top:0;
}
.education_section.education3 h1 , .education_section.education3 p span{
	color:#e15240;
}
/*----------------------------education structure section css end-----------------------------*/

/*----------------------------9. service section css start-----------------------------*/
.px_service{
	background:url('https://via.placeholder.com/1920x606')  fixed;
	background-size:cover;
	background-position:bottom;
}
.service_section{
	text-align:center;
	margin-bottom:50px;
	padding:10px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.service_section img{
	display:inline-block;
	height:100px;
}
.service_section h1{
	font-size:20px;
	color:#f1ac27;
	padding-top:25px;
	padding-bottom:10px;
}
/*----------------------------service section css end-----------------------------*/
/*---------------------------10. gallery css start---------------------------*/
.px_gallery{
	text-align:center;
}
.gallery_section{
	width:auto;
	display:inline-block;
}

ul.photopile li{
	transform:rotate(-10deg) !important;
	-webkit-transform:rotate(-10deg) !important;
	-o-transform:rotate(-10deg) !important;
	-moz-transform:rotate(-10deg) !important;
	-ms-transform:rotate(-10deg) !important;
	margin:0px 55px 100px 0px !important;
	border:1px solid transparent !important;
	
}
ul.photopile li:hover{
	background:#fff !important;
}
ul.photopile li:nth-child(even){
	transform:rotate(10deg) !important;
	-webkit-transform:rotate(10deg) !important;
	-o-transform:rotate(10deg) !important;
	-ms-transform:rotate(10deg) !important;
	-moz-transform:rotate(10deg) !important;
}
ul.photopile li a{
	max-width:225px !important;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	border:7px solid transparent !important;
    border-image-repeat: round !important;
    border-image-slice: 9 !important;
    padding:0px !important;
	}
ul.photopile li:nth-child(4n+1) a
 {
	border-image-source:url(../images/Eclips/gallery-border-orange.png) !important;
}
ul.photopile li:nth-child(4n+2) a
 {
	border-image-source:url(../images/Eclips/gallery-border-blue.png) !important;
}
ul.photopile li:nth-child(4n+3) a
 {
	border-image-source:url(../images/Eclips/gallery-border-red.png) !important;
}
ul.photopile li:nth-child(4n+4) a
 {
	border-image-source:url(../images/Eclips/gallery-border-green.png) !important;
}		
ul.photopile li a img{
	border:1px solid transparent !important;
	min-height:180px;
}
div#photopile-active-image-container{
	box-shadow:0 2px 53px rgba(51, 122, 183, 0.46);
}	
.single_blog_img img {
    width: 100%;
}
/*---------------------gallery css end----------------------*/

/*--------------------11. counter css start--------------------*/

.px_counter{
	background:linear-gradient(rgba(15 180 242 / 94%) , rgba(0 180 255 / 97%)) , url('https://via.placeholder.com/1920x558') fixed;
	background:-webkit-linear-gradient(rgba(15 180 242 / 94%) , rgba(0 180 255 / 97%)) , url('https://via.placeholder.com/1920x558') fixed;
	background:-moz-linear-gradient(rgba(15 180 242 / 94%) , rgba(0 180 255 / 97%)) , url('https://via.placeholder.com/1920x558') fixed;
	background:-o-linear-gradient(rgba(15 180 242 / 94%) , rgba(0 180 255 / 97%)) , url('https://via.placeholder.com/1920x558') fixed;
	background: -webkit-linear-gradient(rgb(15 180 242 / 94%) , rgb(0 180 255 / 97%)) , url('https://via.placeholder.com/1920x558') fixed;
	background-size:cover;
	background-position:bottom;
}
.counter_section{
	text-align:center;
	color:#fff;
}
.counter_section .counter{
	display:inline-block;
	width:100%;
}
.counter-img i:before{
	margin-right:0;
	line-height:1.2;
	font-size:50px;
	opacity:0.6;
}
.counter_section h2{
	font-size: 40px;
    padding-top: 15px;
    margin-left: 10px;
}
.counter_section h3{
	font-size:25px;
	margin-top:5px;
}
/*------------------counter css end-------------------*/
/*-----------------------12. teacher section css start-----------------------*/
.teacher_slider .item{
	background:#fac868;
	border:3px solid #f1ac27;
	border-radius:100%;
}
.teacher_slider .item img{
	border-radius:100%;
}
.teacher_slider .item .px_overlay{
	border-radius:100%;
	background:rgba(241,172,39,0.5);
}
.teacher_slider .item:hover .px_overlay{
	height:100%;
	opacity:1;
	backface-visibility:visible;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.teacher_slider .item .caption{
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
	-webkit-transform:translate(-50% , -50%);
	-o-transform:translate(-50% , -50%);
	-ms-transform:translate(-50% , -50%);
	-moz-transform:translate(-50% , -50%);
	color:#fff;
	text-align:center;
}
.teacher_slider .item .caption p{
	font-size:18px;
	font-weight:600;
}
.teacher_slider .item .caption p span{
	font-size:14px;
	position:relative;
	padding-bottom:10px;
	font-weight:400;
}
.teacher_slider .item .caption p span:after{
	position:absolute;
	content:"";
	bottom:0;
	left:-7px;
	width:65px;
	height:1px;
	background:#fff;
}
.teacher_slider .item .caption ul{
	padding-top:20px;
}
.teacher_slider .item .caption ul li a i{
	color:#fff;
	font-size:18px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.teacher_slider .item .caption ul li a i:hover{
	color:#f5a305;
}
/*----------------------teacher section css end----------------------*/
/*---------------------13. footer css start---------------------*/

.px_footer{
	background:linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98));
	background:-webkit-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98));
	background:-moz-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98));
	background:-ms-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98));
	background:-o-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98));
	border:5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-footer.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left:0;
    border-right:0;
    border-bottom:0;
    text-align:center;
    border-image-outset:5px;  
}
.px_footer hr{
	margin:0px;
	border-color:#676d78;
}
.footer_top_section:after{
	content:"";
	display:table;
	width:100%;
}
.footer_section{
	text-align:center;
	color:#fff;
	display:inline-block;
}
.footer_section .footer_section_icon{
	width:50px;
	display:table-cell;
}
.footer_section_icon i{
	font-size:30px;
}
.footer_section .footer_section_text{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}
.footer_section .footer_section_text h3{
	font-size:25px;
}
.footer_bottom_section{
	background:linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98)) , url(../images/footer1.jpg) fixed;
	background:-webkit-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98)) , url(../images/footer1.jpg) fixed;
	background:-moz-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98)) , url(../images/footer-banner.jpg) fixed;
	background:-ms-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98)) , url(../images/footer-banner.jpg) fixed;
	background:-o-linear-gradient(rgba(35,44,60,0.98) , rgba(35,44,60,0.98)) , url(../images/footer-banner.jpg) fixed;
	background-size:cover;
	background-position:bottom;
	text-align:center;
}
.footer_bottom_section:after{
	content:"";
	display:table;
	width:100%;
}
.footer_bottom_section.px_bottompadder50{
	padding-bottom:0;
}
.footer_bottom_section p {
    color: #fff;
    margin-top: 20px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 20px;
}
.list-inline li {
    margin-left: 10px;
}
.footer_bottom_section ul {
    margin: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_bottom_section ul:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #676d78;
    bottom: -7px;
}
.footer_bottom_section ul:before{
	position:absolute;
	content:"";
	bottom:-10px;
	left:50px;
	width:85%;
	height:1px;
	background:#676d78;
}

.footer_bottom_section ul li a i{
	width:45px;
	height:45px;
	border-radius:100%;
	color:#fff;
	font-size:20px;
	line-height:43px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.footer_bottom_section ul li:first-child a i{
	background:#00aedd;
	border:2px solid #00aedd;
}
.footer_bottom_section ul li:first-child:hover a i{
	background:transparent;
}
.footer_bottom_section ul li:nth-child(2) a i{
	background:#075fa7;
	border:2px solid #075fa7;
}
.footer_bottom_section ul li:nth-child(2):hover a i{
	background:transparent;
}
.footer_bottom_section ul li:nth-child(3) a i{
	background:#d02935;
	border:2px solid #d02935;
}
.footer_bottom_section ul li:nth-child(3):hover a i{
	background:transparent;
}
.footer_bottom_section ul li:nth-child(4) a i{
	background:#0c67b1;
	border:2px solid #0c67b1;
}
.footer_bottom_section ul li:nth-child(4):hover a i{
	background:transparent;
}
.footer_bottom_section ul li:nth-child(5) a i{
	background:#d4464b;
	border:2px solid #d4464b;
}
.footer_bottom_section ul li:nth-child(5):hover a i{
	background:transparent;
}
.footer_bottom_section ul li:last-child a i{
	background:#d52e35;
	border:2px solid #d52e35;
}
.footer_bottom_section ul li:last-child:hover a i{
	background:transparent;
}
.px_copyright{
	text-align:center;
	color:#fff;
	padding:10px 10px 30px;
}
.px_copyright p span a{
	color:#00b4ff;
}
/*---------------------footer css end----------------------*/
/*--------------------------------index page css end--------------------------*/
/*------------------------------teachers page css start-----------------------*/
/*---------------banner css start----------------*/
.breadcrumb-item+.breadcrumb-item::before{
	color: #fff;
}
.px_banner {
    background: linear-gradient(#222121cf, rgb(76 76 76 / 93%)), url(../images/footer1.jpg) fixed;
    background: -webkit-linear-gradient(#222121cf, rgb(76 76 76 / 93%)), url(../images/footer1.jpg) fixed;
    background: -moz-linear-gradient(#222121cf, rgb(76 76 76 / 93%)), url('../images/footer1.jpg') fixed;
    background: -o-linear-gradient(#222121cf, rgb(76 76 76 / 93%)), url('../images/footer1.jpg') fixed;
    background: -webkit-linear-gradient(#222121cf, rgb(76 76 76 / 93%)), url(../images/footer1.jpg) fixed;
    background-size: cover;
    background-position: bottom;
    padding-top: 30px;
}
.banner_section {
    padding-top: 95px;
}
.banner_section h1{
	font-size:40px;
	color:#fff;
}
.banner_section .breadcrumb-item , .banner_section .breadcrumb-item a{
	color:#fff;
	font-size:16px;
	text-transform:capitalize;
}
.breadcrumb>li+li:before{
	color:#fff;
	content:"\f105";
	font-family:fontawesome;
}
.banner_section .breadcrumb{
	background:transparent;
	margin:0px;
	padding:0px;
}
/*---------------banner css end----------------*/
/*---------------teacher css start----------------*/
.px_main_teacher{
	text-align:center;
}
.teacher_section:after{
	content:"";
	display:table;
	width:100%;
}
.teacher_section_img{
	background:#fac868;
	border:3px solid #f1ac27;
	border-radius:100%;
	overflow:hidden;
	position: relative;
}
.teacher_section_img img{
	border-radius:100%;
}
.teacher_section .px_overlay{
	border-radius:100%;
	background:rgba(241,172,39,0.5);
	overflow:hidden;
}
.teacher_section:hover .px_overlay{
	height:100%;
	opacity:1;
	backface-visibility:visible;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.teacher_section_text{
	text-align:left;
}
.teacher_section_text h1{
	font-size:20px;
	color:#00b4ff;
}
.teacher_section_text p{
	padding-bottom:10px;
	text-transform:capitalize;
}
.teacher_section_text ul {
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.teacher_section_text ul li a i{
	color:#b6b6b6;
	font-size:20px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.teacher_section_text ul li a i:hover{
	color:#00b4ff;
}

/*---------------teacher css end----------------*/
/*-------------------------------teachers page css end-------------------------*/
/*-------------------------------about page css start-------------------------*/

.testimonial_top_section{
	background:linear-gradient(rgba(241,174,45,0.9) , rgba(241,174,45,0.9)) , url('../images/about/testimonial-bg.jpg');
	background:-webkit-linear-gradient(rgba(241,174,45,0.9) , rgba(241,174,45,0.9)) , url('../images/about/testimonial-bg.jpg');
	background:-o-linear-gradient(rgba(241,174,45,0.9) , rgba(241,174,45,0.9)) , url('../images/about/testimonial-bg.jpg');
	background:-ms-linear-gradient(rgba(241,174,45,0.9) , rgba(241,174,45,0.9)) , url('../images/about/testimonial-bg.jpg');
	background:-moz-linear-gradient(rgba(241,174,45,0.9) , rgba(241,174,45,0.9)) , url('../images/about/testimonial-bg.jpg');
	background-position:right;
	border:5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-orange.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left:0;
    border-right:0;
    border-top:0;
    border-image-outset:5px;
}
.testimonial_slider .owl-carousel .owl-item{
	border:1px solid #00b4ff;
	position:relative;
	overflow:hidden;

}
.testimonial_bottom_section .testimonial_img{
	position:absolute;
	left:50%;
	top:16px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
.testimonial_bottom_section .testimonial_img img{
	border-radius:100%;
}
.testimonial_slider .owl-carousel .owl-item img{
	width:auto;
}
.testimonial_bottom_section h1{
	padding-bottom:10px;
	font-size:20px;
}
.testimonial_bottom_section p{
	font-size:14px;
}
.testimonial_bottom_section{
	padding:60px 30px 30px 30px;
	text-align:center;
}
.testimonial_slider .owl-dots{
	text-align:center;
	margin-top:20px;
}
.testimonial_slider .owl-dots button{
	width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid transparent;
    margin:0px 5px;
} 
.testimonial_slider .owl-dots button.active{
	width: 18px;
    height: 18px;
    background:#00b4ff;
}
/*-------------------------------about page css end-------------------------*/
/*-------------------------------gallery page css start-------------------------*/
.px_main_gallery{
	text-align:center;
}
.pagination{
	margin:0px;
}
.pagination>li>a, .pagination>li>span{
	font-size:16px;
	padding:8px 16px;
	color:#b6b6b6;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.pagination>li>a:hover , .pagination>li>a:focus{
	background:#00b4ff;
	color:#fff;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background:#00b4ff;
	border-color:#00b4ff;
	color: #fff;
}
/*-------------------------------gallery page css end-------------------------*/
/*-------------------------------contact page css start-------------------------*/
.px_contact_form .form-control{
	margin-bottom:30px;
	padding:20px;
	resize:none;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.px_contact_form .form-control:hover , .px_contact_form .form-control:focus{
	outline:none;
	border-color:#00b4ff;
	box-shadow:none;
}
.px_map{
	margin-bottom:5px;
}
#map{
	height:415px;
}
/*-------------------------------contact page css end-------------------------*/
/*-------------------------------classes page css start-------------------------*/
.classes_btn{
	text-align:center;
}
.classes_btn ul {
    border: 1px solid transparent;
    border-radius: 10px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}
.classes_btn ul li{
	padding:0px;
	
	position:relative;
	padding:10px 20px;
	cursor: pointer;
	background:#00b4ff;
	color:#fff;
	font-size:20px;
	text-transform:capitalize;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.classes_btn ul li:after{
	position:absolute;
	content:"";
	top:0;
	right:0;
	height:48px;
	width:1px;
	background:#f1f1f1;
}
.classes_btn ul li:hover , .classes_btn ul li:focus , .classes_btn ul li.active{
	background:#f1f1f1;
	color:#00b4ff;
}
.classes_section{
	border:1px solid #00b4ff;
	margin-bottom:50px;
	border-radius:8px;
	overflow:hidden;
}
.classes_img{
	width:200px;
	display:table-cell;
}
.classes_text{
	display:table-cell;
	vertical-align:top;
	padding:22px;
}
.classes_text h1{
	font-size:20px;
	color:#00b4ff;
	margin-top:5px;
}
.classes_text p{
	padding-bottom:10px;
}
.classes_text p span{
	font-size:16px;
}
.classes_text ul {
    margin: 0px;
    padding: 0px;
    margin-top: 2px;
    display: flex;
    align-items: center;
}
.classes_text ul li h5{
	font-size:16px;
	color:#00b4ff;
	text-align:center;
}
.classes_text ul li{
	position:relative;
	padding:0px 15px;
}
.classes_text ul li:after{
	position:absolute;
	content:"";
	top:0;
	right:0;
	height:35px;
	width:1px;
	background:#b6b6b6;
}
.classes_text ul li:last-child:after{
	display:none;
}
.classes_text ul li:first-child{
	padding-left:0px;
}
.classes_text ul li:last-child{
	padding-right:0px;
}
.classes_text .px_svg_btn{
	margin-top:10px;
}
.load_more_btn{
	text-align:center;
}
ul.class_event {
    display: inline-block;
}
ul.class_event li::after{
	display: none;
}
ul.class_event li:last-child{
	padding: 0;
}
ul.class_event li{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 5px;
}
ul.class_event li i{
	font-size: 16px;
}
ul.class_event li p{
	padding-bottom: 0;
	font-size: 15px;
}
.event_section .classes_text h6{
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 10px;
	font-weight: 600;
}
.event_section .classes_text > p{
	padding-bottom: 10px;
}
.classes_section.event_section2 {
    display: flex;
    align-items: center;
	position: relative;
	border: none;
	border-radius: 8px;
}
.event_section2 .classes_img{
	flex: 0 0 54%;
	width: 54%;
	overflow: hidden;
	border-radius: 8px;
	transition: all .5s ease-in-out;
}
.event_section2 .classes_img img{
	transition: all .5s ease-in-out;
	transform: scale(1.001);
	transition: all .5s ease-in-out;
}
.event_section2 .classes_text{
	position: absolute;
    right: 0px;
    top: 8%;
    max-width: 350px;
	background-color: #ffffff;
	border: 2px solid #e7e1e1;
	transition: all .5s ease-in-out;
	border-radius: 8px;
}
.event_section2 .classes_text h6{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 10px;
	font-weight: 600;
	color: #f1ac27;
}
.event_section2 .classes_text h1{
	font-weight: 500;
}
.event_section .classes_img{
	width: 100%;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}
.event_section .classes_img img{
	border-radius: 8px 8px 0 0;
	transform: scale(1.001);
	transition: all .5s ease-in-out;
	width: 100%;
}
.classes_section.event_section{
	position: relative;
	border: none;
}
.event_section .classes_text {
    border-radius: 0 0 8px 8px;
	transition: all .5s ease-in-out;
	color: #fff;
}
.event_section:hover .classes_img img, .event_section2:hover .classes_img img{
	transform: scale(1.15);
}
.event_section2:hover .classes_text {
	border-color: rgb(230, 77, 61);
}
/*-------------------------------classes page css start-------------------------*/
/*-------------------------------blog page css start-------------------------*/
.widget{
	margin-bottom:50px;
}
.widget_title h1{
	font-size:20px;
	color:#00b4ff;
}
.widget_text{
	padding-top:20px;
}
.widget_text ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.widget_search .form-control{
	width:100%;
	padding:13px 10px;
	border-radius:5px 0px 0px 5px;
	border-color:#00b4ff;
	border-right:none;
}
.widget_search .form-control:focus{
	outline:none;
	box-shadow:none;
}
.widget_search i{
	position: absolute;
	top: 0;
	right: 0;
	padding:15px 20px;
	background:#00b4ff;
	border:1px solid #00b4ff;
	color:#fff;
	border-radius:0px 5px 5px 0px;
	font-size:20px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.widget_search i:hover , .widget_search i:focus{
	background:transparent;
	color:#00b4ff;
}
.widget_category ul li{
	margin-bottom:12px;
}
.widget_category ul li i{
	color:#00b4ff;
	margin-right:10px;
}
.widget_category ul li a{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.widget_category ul li a:hover{
	color:#00b4ff;
}
.widget_latest_news .news_img{
	display:table-cell;
	overflow:hidden;
	border-radius:5px;
}
.widget_latest_news .news_text{
	display:table-cell;
	vertical-align:middle;
	padding-left:12px;
}
.widget_latest_news ul li{
	padding-bottom:30px;
}
.widget_latest_news ul li img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.widget_latest_news ul li:hover img{
	transform:scale(1.1 , 1.1);
	-webkit-transform:scale(1.1 , 1.1);
	-moz-transform:scale(1.1 , 1.1);
	-ms-transform:scale(1.1 , 1.1);
	-o-transform:scale(1.1 , 1.1);
}
.news_text p{
	font-size:13px;
}
.news_text p span a{
	font-size:16px;
	text-transform:capitalize;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
	font-weight:  600;
}
.news_text p span a:hover{
	color:#00b4ff;
}
.widget_links .panel{
	box-shadow:none;
}
.widget_links .panel-default>.panel-heading{
	background:transparent;
	border-color:transparent;
	color:#484848;
	font-size:14px;
	cursor:pointer;
	cursor:pointer;
	padding:0px;
}
.widget_links .panel-default{
	border:none;
}
.widget_links .panel-title span.acc_sign:before{
	content: "\f067";
    font-family: fontawesome;
    color: #00b4ff;
    font-size: 20px;
    border: 1px solid #00b4ff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    
    margin-right: 15px;
}
.widget_links .panel-default .panel-heading[aria-expanded="true"] span.acc_sign:before{
	content: "\f068";
    font-family: fontawesome;
}
.widget_links ul li{
	margin-bottom:30px;
}
.widget_links ul li:last-child{
	margin:0px;
}
/*-----right part start----*/
.blog_item{
	margin-bottom:50px;
}
.blog_item_img{
	position:relative;
}
.blog_date{
	position:absolute;
	top:0px;
	left:20px;
	background:#00b4ff;
	color:#fff;
	text-align:center;
	padding:10px;
	opacity:0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.blog_date h5{
	font-size:14px;
}
.blog_item:hover .blog_date{
	opacity:1;
}
.blog_item .blog_item_text{
	border:1px solid #efefef;
	border-top:none;
	border-radius:0px 0px 3px 3px;
	padding:20px;
}
.blog_item_text h1{
	font-size:22px;
	margin-top:8px;
}
.blog_item_text ul {
    margin: 10px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}
.blog_item_text ul li{
	margin-right:20px;
}
.blog_item_text ul li i{
	color:#00b4ff;
	margin-right:10px;
}
.blog_item_text .px_svg_btn{
	margin-top:10px;
}
.blog_item_img img {
    width: 100%;
}
.blog_right .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #00b4ff;
    border-color: #00b4ff;
    color: #fff;
}
.color_change{
	color: #fff !important;
}
/*-----right part end----*/
/*-------------------------------blog page css end-------------------------*/
/*--------------------------single blog page css start---------------------*/
.single_blog_img{
	position:relative;
	border:5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-orange.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left:0;
    border-right:0;
    border-top:0;
}
.single_blog_item:after{
	content:"";
	display:table;
	width:100%;
}
.single_blog_item:hover .blog_date{
	opacity:1;
}
.single_blog_heading{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 20px 10px;
	background:#00b4ff;
}
.single_blog_heading h1{
	font-size:20px;
	color:#fff;
}
.single_blog_text ul {
    margin: 25px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}
.single_blog_text ul li i{
	color:#00b4ff;
	margin-right:10px;
}
.single_blog_text p{
	margin-bottom:35px;
}
.single_blog_text ul.tag_list {
    margin: 0px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}
.single_blog_text ul.tag_list li a{
	position:relative;
	padding-right:10px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.single_blog_text ul.tag_list li a:hover{
	color:#00b4ff;
}
.single_blog_text ul.tag_list li a:after{
	position:absolute;
	content:"";
	top:0;
	right:-3px;
	width:1px;
	height:18px;
	background:#484848;
}
.single_blog_text ul.tag_list li:last-child a:after , .single_blog_text ul.tag_list li:nth-child(3) a:after{
	display:none;
}
.single_blog_text ul.social_list {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.single_blog_text ul.social_list li a i{
	color:#b6b6b6;
	font-size:18px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.single_blog_text ul.social_list li a i:hover{
	color:#00b4ff;
}
.blog_comment:after{
	content:"";
	display:table;
	width:100%;
}
.blog_comment h1{
	font-size:25px;
	color:#00b4ff;
	padding-bottom:50px;
}
.blog_comment ol{
	margin:0px;
	padding:0px;
	list-style:none;
}
.blog_comment ol li{
	padding-bottom:35px;
}
.blog_comment .comment_img{
	display: table-cell;
    width: 125px;
    vertical-align: top;
    border-radius: 100%;
}
.comment_img img{
	border-radius:100%;
}
.comment_content h3{
	font-size:16px;
	color:#484848;
	margin-bottom:10px;
}
.comment_content h3 span{
	font-family:"Raleway";
	font-size:14px;
}
.blog_comment .comment_content{
	display:table-cell;
}
.comment_content button{
	position:relative;
	background:transparent;
	border:none;
	color:#00b4ff;
	font-size:14px;
}
.comment_content button:after{
	position:absolute;
	content:"";
	bottom:-5px;
	left:0;
	width:0px;
	height:1px;
	background:#00b4ff;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.comment_content button:hover:after{
	width:100%;
}
.comment_form .form-control {
    padding: 15px 20px;
    border-color: #ebebeb;
    margin-bottom: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.comment_form .form-control:focus , .comment_form .form-control:hover{
	border-color:#00b4ff;
	outline:none;
	box-shadow:none;
}
/*--------------------------single blog page css end---------------------*/
/*  Back to top button */
#back-top {
	position: fixed;
	bottom:0;
	right:0;
	z-index:1;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background:url(../images/back-to-top.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/* team-section-css-start */
/* ==================      BASIC STYLES  ===================*/
h1,  h2,  h3,  h4,  h5,  h6,  p {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a, a:link, a:hover, a:focus, a:active {
	text-decoration: none;
}
img {
	max-width: 100%;
}
/* =====================	  TEAM STYLES  ======================= */
#team-section {
    overflow: hidden;
    padding: 80px 0 55px;
    background: #f5f5f5;
}
  
#team-section .col-md-4 {
	overflow: hidden;
}
.pd_botton{
	padding-bottom: 20px;
}
.single-team {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	transition: all .4s ease;
	transform: scale(.8);
}
.single-team .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(103, 58, 181,.3);
	cursor: pointer;
}
.social-team {
	position: absolute;
	top: -43px;
	right: -9999px;
	padding: 5px 15px;
	transition: all .4s ease;
}
.social-team ul li {
	display: inline-block;
}
.social-team ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #f1b135;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	margin-right: 5px;
}
.single-team:hover .social-team {
    right: -55px;
}
.intro-team {
	display: block;
	position: absolute;
	bottom: -41px;
	left: -9999px;
	transition: all .4s ease;
}
.single-team:hover .intro-team {
    left: -36px;
    bottom: -36px;
} 
.intro-team h4 {
    font-size: 20px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.intro-team span {
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 10px;
    color: #fff;
}
.single-team:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e15240;
	transform: translate(5px, -5px);
	z-index: -2;
	transition: all .4s ease;
}
.single-team:hover:before {
    transform: translate(50px, -50px);
} 
.single-team:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate(-5px, 5px);
	background: #00b4ff;
	z-index: -1;
	transition: all .4s ease;
}  
.single-team:hover:after {
    transform: translate(-50px, 50px);
}
/* testimonial-css */
@import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);
*,*:after,*:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    width: 100%;
    height: auto;
}
.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 0px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}
.testim .arrow:before {
		cursor: pointer;
}
.testim .arrow:hover {
    color: #ea830e;
} 
.testim .arrow.left {
    left: 10px;
}
.testim .arrow.right {
    right: 10px;
}
.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 8px;
    left: 0;
    display: block;
    z-index: 3333;
}
.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}
.testim .dots .dot.active,.testim .dots .dot:hover {
    background: #ffff;
    border-color: #ea830e;
}
section#testim {
    background: #e64d3d;
    padding: 71px 0px;
}
.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
.testim .cont {
    position: relative;
	overflow: hidden;
}
.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}
.testim .cont > div.inactive {
    opacity: 1;
}
.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}
.testim .cont div h2 {
    color: #ffffff;
    font-size: 1em;
    margin: 15px 0;
    font-weight: 700;
}
.testim .cont div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}
.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}
.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}
.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}
.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}
.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}
.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}
.testimonial{
	position: relative;
}
@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }
    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}
@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }
    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }
    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}
@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }
    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }
    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}
@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }
    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }
    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}
@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }
    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }
    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}
@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}
@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}
@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}
@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}
@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}
@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}
@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}
@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}
@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}
@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}
@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}
@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}
@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}
@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}
@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);       
    }
}
@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}
@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}
@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}
@media (max-width: 991px) {
	.footer_section .footer_section_text h3 {
		font-size: 20px;
	}
	.about_section p {	
		text-align: left;
	}
}
@media all and (max-width: 580px) {
	.education_section.education1 .education_text{
		border: none;
	}
	.education_section.education2 .education_text{
		border: none;
	}
	.education_section.education3 .education_text{
		border: none;
	}
}
@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}
@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	.testim .cont div p {
		line-height: 25px;
	}

}
.px_blog form {
	position: relative;
}
.sub_sub_menu {
	position: absolute;
	display: none;
	top: 0;
	left: 100%;
	width: 171px;
	background: #fff;
	padding: 10px;
	z-index: 10;
	border-top: 2px solid #00b4ff;
}
.widget_search .form-control {
	width: 100%;
	padding: 13px 74px  13px 10px;
	border-radius: 5px 0px 0px 5px;
	border-color: #daf4ff;
	border-right: none;
}
section.px_main_gallery.px_toppadder80.px_bottompadder80 {
    padding: 90px 0px 80px 0px;
}
.event_section.event_sec1 .classes_text{
	background-color: #f1ac27;
}
.event_section.event_sec2 .classes_text{
	background-color: #00b4ff;
}
.event_section.event_sec3 .classes_text{
	background-color: #e15240;
}
.classes_section.event_section {
    position: relative;
    border: none;
    display: flex;
    flex-direction: column;
    z-index: 0;
	padding-top: 30px;
}
.px_overlay_date {
    position: absolute;
    top: 0px;
    left: 16px;
    border: 6px solid #fff;
    border-radius: 100%;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: #db2d18;
    z-index: 999;
	padding: 0 10px;
}
.px_overlay_date h6 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 100%;
}
.event_section .classes_text h1{
	color: #fff;
	padding: 0 0 15px;
}