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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer



******************************/

/***********
1. Fonts
***********/

/*@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');*/

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
body
{
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.85;
	font-weight: 400;
	color: #76777a;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}

.h3
{
	font-family: "times new roman", times, serif !important;
}

.table
{
	overflow-x: scroll;

}

/* WEEK AND SUBJECT */
#divweek
{
	margin-bottom: 15px ;
	
	
}

#divsub
{
	display: none;
}

#divweek2
{
	margin-bottom: 15px ;
	
}

#divsub2
{
	display: none;
}

#divweek3
{
	margin-bottom: 15px ;
	
}

#divsub3
{
	display: none;
}

#divweek4
{
	margin-bottom: 15px ;
	
}

#divsub4
{
	display: none;
}

#divweek5
{
	margin-bottom: 15px ;
	
}

#divsub5
{
	display: none;
}

#divweek6
{
	margin-bottom: 15px ;
	
}

#divsub6
{
	display: none;
}

#divweek7
{
	margin-bottom: 15px ;
	
}

#divsub7
{
	display: none;
}

#divweek8
{
	margin-bottom: 15px ;
	
}

#divsub8
{
	display: none;
}

#divsub9
{
	display: none;
}

#divsub10
{
	display: none;
}

/* END WEEK AND SUBJECT */

/* ==== CSS OBJECT MOVEMENT ==== */
.cardmove {
	text-align: center;
	cursor: pointer;
	transform-style: preserve-3d;
	perspective: 1000px;
  }
/* ==== END OF CSS OBJECT MOVEMENT ==== */
  

h1{font-size: 48px;
}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #384158;
	margin-bottom: 0;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.nopadding
{
	padding: 0px !important;
}

/*********************************
3. Header
*********************************/

.sidebar-brand-text
{
	text-shadow: 0 3px 0 #444;
	
}

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled
{
	top: -40px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	background: #60C;
}
.header.scrolled .top_bar
{

}
.top_bar_container
{
	width: 100%;
	height: 100%;
}
.top_bar_content
{
	width: 100%;
	height: 40px;
}
.top_bar_contact_list li
{
	display: inline-block;
}
.question
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 0px;
}
.top_bar_contact_list li i,
.top_bar_contact_list li > div
{
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
}
.top_bar_contact_list li > div
{
	margin-left: 1px;
}
.top_bar_contact_list li:not(:last-child)
{
	margin-right: 21px;
}
.top_bar_login
{
	height: 100%;
}
.login_button
{
	width: 160px;
	height: 100%;
	background: #f3f3f3;
	text-align: center;
}
.login_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	color: #384158;

}


/*********************************
3.2 Header Content
*********************************/

.header_container
{
	width: 100%;
	background: #FFFFFF;
}
.header_content
{
	height: 90px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text
{
	display: inline-block;
}
.logo
{
	width: 60px;
	height: 60px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo img
{
	max-width: 100%;
}
.logo_container{
	width: 300px;
	height: inherit;
}

.logo_img{
	width: 83%;
	height: inherit !important;
}

.header.scrolled .logo_img
{
	width: 220px;
	height:	220px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner
{

}
.main_nav,
.search_button,
.shopping_cart
{
	display: inline-block;
}
.main_nav li
{
	display: inline-block;
	position: relative;
}
.main_nav li:not(:last-child)
{
	margin-right: 44px;
}
.main_nav li
{
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 10px;
	color: #384158;
	padding:8px 12px 8px 12px;
	border-radius:7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav li:hover
{
	color: #60c;
	transition: 1s all;
}

.main_nav li:hover span
{
	color: #f63;
}

.main_nav li.active
{
	border-bottom:3px solid #f63;
}

.main_nav li.active span
{
	color: #f63;
}


.dropdown-menu{
	background: #f3f3f3;
	padding: 15px;
	z-index: 20;
}

.dropdown-menu button{
	margin:5px 0px 5px 0px;
	padding: 7px 0px 7px 0px;
}

.dropdown-menu button a{
	font-family: 'times new roman', times, serif;
}


.dropdown
{
	cursor: pointer;
}

.dropdown.active
{
	border-bottom:3px solid #f63;
}

.dropdownbox
{
	display: none;
}

.dropdown:hover .dropdownbox
{
	display: block;
	position: absolute;
	top: 25px;
	right: 0px;
	background: #f3f3f3;
	width: 260px;
	border-radius: 10px 0 10px 0;
	transition: 1s all;
	z-index: 20;
}

.dropdownbox li
{
	width: inherit !important;
	padding:15px;
	font-size: 1.0rem;
}

.dropdownbox li:hover
{
	background: #fff;
}

.dropdownbox li.active
{
	border-bottom:3px solid #f63;
}

.dropdownbox li.active span
{
	color: #f63;
}

/* .main_nav li.active::after
{
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #60c;
	content: '';
} */

.search_button
{
	margin-left: 46px;
	cursor: pointer;
}
.shopping_cart
{
	margin-left: 23px;
	cursor: pointer;
}
.search_button i,
.shopping_cart i
{
	font-size: 18px;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_button:hover i,
.shopping_cart:hover i
{
	color: #14bdee;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
	 
}
.header_search_container
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #14bdee;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_search_container.active
{
	bottom: -73px;
	opacity: 1;
}
.header_search_content
{
	width: 100%;
	height: 73px;
}
.search_input
{
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	padding-left: 20px;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container
{

}
.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i
{
	color: #60c;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: #FFFFFF;
	z-index: 1000;
	padding-right: 60px;
	padding-top: 87px;
	padding-left: 50px;
}
.menu .logo a
{
	color: #000000;
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 30px;
	right: 60px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 2px;
	background: #232323;
	top: 8px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-2px);
	-moz-transform: rotate(90deg) translateX(-2px);
	-ms-transform: rotate(90deg) translateX(-2px);
	-o-transform: rotate(90deg) translateX(-2px);
	transform: rotate(90deg) translateX(-2px);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #937c6f;
}
.menu .logo
{
	margin-bottom: 60px;
}

.menu_nav ul li a
{
	font-family: "times new roman", times, serif !important;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	width:auto;
	padding:8px 12px 8px 12px;
	/*border:1px solid #60c;*/
	border-radius:7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #60c;
	/*background:#60c;*/
}

.menu_nav ul li a.active
{
	border-bottom:3px solid #f63; 
}

.menu_nav ul li #dropdownMenu2
{
    font-family: "times new roman", times, serif !important;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	width:auto;
	padding:8px 12px 8px 12px;
	/*border:1px solid #60c;*/
	border-radius:7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.menu_nav ul li #dropdownMenu2:hover
{
	color: #60c;
	/*background:#60c;*/
}

.menu_nav ul li #dropdownMenu2.active
{
	border-bottom:3px solid #f63;
}

/*.menu_nav ul li #dropdownMenu2 a.active*/
/*{*/
/*	color: #fff;*/
/*	background:#60c;*/
/*}*/

.menu .search
{
	width: 100%;
	margin-bottom: 67px;
}
.search
{
	display: inline-block;
	width: 400px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.menu .header_search_form
{
	width: 100%;
}
.search form
{
	position: relative;
}
.menu .search_input
{
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	border: none;
	outline: none;
	padding-left: 15px;
	color: rgba(0,0,0,0.5);
}
.menu .search_input::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
} 
.menu .search_input:-ms-input-placeholder
{ 
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}

/*--------------------------------------------------------------
# Facts
--------------------------------------------------------------*/
.achieve{
	padding: 70px 50px 70px 50px;
}

.achieve h1{
	color:#222;
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 50px;
	display:block;
}

.count-box {
	padding: 30px 30px 25px 30px;
	margin-top: 30px;
	width: 100%;
	position: relative;
	text-align: center;
	background: #ddd;
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
	border-radius: 10px;
}
.count-box i {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2.5rem;
	background: #0563bb;
	color: #fff;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
}
.count-box span {
	font-size: 36px;
	display: block;
	font-weight: 600;
	color: #000;
	margin-top: 25px; 
}
.count-box p {
	padding: 0;
	margin: 0;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	color: #0563bb;
	font-weight: bold;
}


/*********************************
5. Section
*********************************/

.section_title_container
{
	max-width: 800px;
	margin: 0 auto;
}

.section_title_container2
{
	margin-bottom: 20px;
	
}


.section_title_container1
{
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px;
	background: #60c;
}

.section_title_container1:hover
{
	box-shadow: 0 0 20px #000;
	transition: 1s all ease;
}

.section_title_container1:hover  .section_subtitle1 > p
{
	color: #000;
	transition: 0.5s all ease-in;
}


.section_title
{
	line-height: 1.2;
	font-family: "times new roman", times, serif;
	color: #f63;
	text-shadow: 0 2px 0 #444;

}
.section_subtitle > p 
{
	line-height: 1.85;
	margin-top: 14px;
	color: #444;
	font-size: 1.3rem;
	font-family: "times new roman", times, serif;
}

.section_subtitle1 > p
{
	line-height: 2.00;
	margin-top: 14px;
	text-align: justify;
	color: #fff;
	font-weight: bolder;
	font-family: cursive;
	font-size: 16px;
}

.section_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section_title_contain .section_title
{
	margin-bottom: 0px;
	padding: 0px;
}


/*********************************
5A1. Contact Us
*********************************/
/* From uiverse.io by @nikk7007 */
.btn {
 --color: #60c;
 --color2: #fff;
 padding: 0.5em 1.45em;
 background-color: transparent;
 border-radius: 10px;
 border: 2px solid var(--color);
 box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
 transition: .5s;
 position: relative;
 overflow: hidden;
 cursor: pointer;
 z-index: 1;
 font-weight: 600;
 font-size: 17px;
 font-family: 'Roboto', 'Segoe UI', sans-serif;
 text-transform: uppercase;
 color: var(--color);
}

.btn::after, .btn::before {
 content: '';
 display: block;
 height: 100%;
 width: 100%;
 transform: skew(90deg) translate(-50%, -50%);
 position: absolute;
 inset: 50%;
 left: 25%;
 z-index: -1;
 transition: .5s ease-out;
 background-color: var(--color);
}

.btn::before {
 top: -50%;
 left: -25%;
 transform: skew(90deg) rotate(180deg) translate(-50%, -50%);
}

.btn:hover::before {
 transform: skew(45deg) rotate(180deg) translate(-50%, -50%);
}

.btn:hover::after {
 transform: skew(45deg) translate(-50%, -50%);
}

.btn:hover {
 color: var(--color2);
}

.btn:active {
 filter: brightness(.7);
 transform: scale(.98);
}

.contactus
{
	font-size: 18px;
	margin-top: 40px;
	color:#444;
}

.contactus  span
{
	font-size: 35px;
	margin-bottom: 10px;
	color:#60c;
	padding: 0px;
}


/*********************************
5A. Section About
*********************************/
/* ABOUT HISTORY */
.about_p{
	border-left: 4px solid #f63;
	padding: 30px;
}

/* ABOUT VMS */
.vms{

}

.vms1{
	border: 5px solid #60c;
	padding: 10px;
}

.vms1 section{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #60c;
	font-size: 2.5rem;
}

.vms1 div{
	text-align: center;
	color: #60c;
	font-size: 2.7rem;
	margin-top: -13px;
	margin-bottom: 30px;
}

.vms1 p{
	font-family: "times new roman", times, serif;
	font-size: 1.4rem;
	text-align: justify;
	color: #444;
}


.vms2{
	border: 5px solid darkgreen;
	padding: 10px;
}

.vms2 section{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: darkgreen;
	font-size: 2.5rem;
}

.vms2 div{
	text-align: center;
	color: darkgreen;
	font-size: 2.7rem;
	margin-top: -13px;
	margin-bottom: 30px;
}

.vms2 p{
	font-family: "times new roman", times, serif;
	font-size: 1.4rem;
	text-align: justify;
	color: #444;
}

.vms3{
	border: 5px solid #f63;
	padding: 10px;
}

.vms3 section{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #f63;
	font-size: 2.5rem;
}

.vms3 div{
	text-align: center;
	color: #f63;
	font-size: 2.7rem;
	margin-top: -13px;
	margin-bottom: 30px;
}

.vms3 p{
	font-family: "times new roman", times, serif;
	font-size: 1.4rem;
	text-align: justify;
	color: #444;
}

#vmsmove{
	margin: auto 40px !important;
	margin-top: 30px !important;
	box-shadow: 3.0px 6.0px 6.0px hsl(0deg 0% 0% / 0.38);
	
}

#vmsmove section{
	text-shadow: 2px 3px 3px #000;
	letter-spacing: 4.0px;
}

/* About Proprietress */
.prop1 p{
	color:#444;
	font-size: 1.1rem;
	text-align: justify;
}

/* About school Anthem */
.text_anthem{
	background: linear-gradient(to bottom, #f63 0%, #60C 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* About Banner */
.aboutbanner{
	background: linear-gradient(to right, rgba(255, 0, 0, 1), rgba(100, 0, 180, 1), rgba(0, 100, 200, 1));
	
	margin-top: -50px;
	padding: 70px;
	margin-bottom: 40px;
}

.aboutbanner section{
	color: #fff;
	font-size: 2.7rem;
	letter-spacing: 4.5px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.topwordlineabout{
	border-bottom: 3px solid #f63;
	border-radius: 30px;
	width: 70px;
	animation: topwordlineaboutmove 5s linear infinite;
}

@keyframes topwordlineaboutmove{
	0%{
	  margin-left: 70px;
	  
	}

	50%{
	  margin-right: 0px;
	  
	}

 }

.btnlearn button
{
	margin-left: 20px;
	margin-top: 20px;
	padding: 15px;
}


.section_title_container_about
{
	max-width: 900px;
	margin: 0 auto;
}

.section_title_about
{
	color: #f63;
	text-shadow: 0 3px 0 #444;
	font-family: cursive;
}

.section_subtitle_about > p 
{
	line-height: 1.90;
	margin-top: 14px;	
	text-align: justify;
	color: #444;
	font-family: "times new roman", times, serif;
	font-size:1.2rem;
}


/*********************************
6. Home
*********************************/

.home
{
	width: 100%;
	height: 690px;
	/* background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)); */
	/* background: rgba(76, 175, 80, 0.3); */
	/* background-color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60); */
	
}

.top_feature{
	/* position: relative; */
	z-index: 200;

}

.top1{
	position: relative;
	border-radius: 10px;
	margin: 0px 45px 0px 45px;
}

.top2{
	position: absolute;
	top: calc(55% - 190px);
	left: calc(55% - 80px);
	background: #fff;
	padding: 30px;
	border-radius: 500px;
	width: 130px;
	box-shadow: 2.0px 4.0px 4.0px hsl(0deg 0% 0% / 0.38);
}

.top3 h1{
	color: #fff;
	font-size: 1.7rem;
}

.top3 p{
	color: #444;
	font-weight: 500;
}

.top3 h3{
	background: #fff;
	width: 60px;
	height: 3px;
}

.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	top: 41%;
	left: 0;
	width: 100%;
	height: auto;
}
.home_slider_title
{
	font-family:"times new roman", times, serif !important;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	color: #384158;
}
.home_slider_subtitle
{
	font-size: 24px;
	color: #76777a;
	margin-top: 9px;
}
.home_slider_form_container
{
	width: 832px;
	margin: 0 auto;
	margin-top: 28px;
}
.home_search_form div
{
	width: calc(100% - 140px);
	height: 46px;
	background: #FFFFFF;
	border-radius: 3px;
}
.home_search_input
{
	width: 33.33333333%;
	border: none;
	outline: none;
	height: 25px;
	padding-left: 20px;
}
.home_search_input:not(:last-child)
{
	border-right: solid 1px #e5e5e5;
}
.home_search_input::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
} 
.home_search_input:-ms-input-placeholder
{ 
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.dropdown_item_select
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
.home_search_button
{
	width: 220px;
	/* height: 46px; */
	background: #60c;
	border: 2px solid #60c;
	border-radius: 40px;
	padding: 20px;
	font-size: 1rem;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.home_search_button1
{
	width: 220px;
	/* height: 46px; */
	background: none;
	border: 2px solid #fff;
	border-radius: 40px;
	padding: 20px;
	/* margin-bottom: 10px; */
	font-size: 0.8rem;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.home_search_button1:hover
{
	background: #60c;
	border: 2px solid #60c;
	transition: 1s all;
}

.home_search_button:hover
{
	background: #fff;
	border: 2px solid #fff;
	color: #60c;
	transition: 1s all;
}

.elearn_button1
{
	width: 220px;
	/* height: 46px; */
	background: none;
	border: 2px solid #60c;
	border-radius: 40px;
	padding: 20px;
	margin:15px 0px 15px 0px;
	font-size: 1rem;
	font-weight: bold;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.elearn_button1:hover
{
	background: #60c;
	border: 2px solid #fff;
	color: #fff;
	transition: 1s all;
}



.home_slider_nav
{
	position: absolute;
	top: 55.8%;
	width: 50px;
	background: #b6b7bd;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_prev
{
	left: 75px;
}
.home_slider_next
{
	right: 75px;
}
.home_slider_nav i
{
	line-height: 50px;
	color: #FFFFFF;
	font-size: 22px;
}
.home_slider_nav:hover
{
	background: #14bdee;
}

.eventinput{
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
	border: none;
}

/*********************************
7a. Online
*********************************/

.online2 h1{
	text-align: ;
	font-weight: bold;
	color: #000;
	font-size: 3.5rem;
}

.onlin{
	padding: 25px;
	border-radius: 500px;
	width: 100px;
	box-shadow: 2.0px 4.0px 4.0px hsl(0deg 0% 0% / 0.38);
}

.onlin1 h2{
	color: #444;
	font-weight: bold;
}

.onlin1 p{
	color: #444;
}

/*********************************
7b. Contact_bg
*********************************/
.contactbg h1{
	font-size: 3.5rem;
	color: #f63;
	font-weight: bold;
	width: 50%;
}

.contactbg p{
	color: #f3f3f3;
	text-align: center;
}

/*********************************
7c. Gallery
*********************************/
.gallery{
	background: #fff;
}

.gallery1 h1{
	font-size: 3.0rem;
	font-weight: bold;
	color: #60c;
}

.gallery1 p{
	color: #000;
}

.galleryimg img{
	/*width: inherit;*/
	/*height: 100%;*/
	width: 100%;
    height: 200px;
    object-fit: cover; /* Ensure images fit within the container */
    border-radius: 8px; /* Match the border radius of the item */
}

#galleryimg1{
	margin: auto 30px !important;
	margin-top: 30px !important;
}


/* .galleryimg:hover{
	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
} */

.gimg{
	width: inherit;
}

.galleryinfo{
	color: #fff;
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	
}

.galleryinfo:hover{
	background: #222;
	cursor: default;
	transition: 0.5s all;	
}

.gallery2{
	position: relative;
}

.galleryimg:hover .galleryinfo{
	display: block;
	position: absolute;
	top:0px; 
}

.gview{
	position: absolute;
	top: calc(45% - 9px);
	left: calc(45% - 9px);
}

.btnimgbox{
	position: relative;
}

.btnimg{
	position: absolute;
	top: calc(85% - 9px);
	left: calc(64% - 9px);

}

.btnedit{
	background:none; 
	border:none; 
	cursor: pointer;
	position: relative;
	letter-spacing: 0.1rem;
	padding: 2px;
}

.btnedit::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(to right, rgba(255, 0, 0, 1), rgba(100, 0, 180, 1), rgba(0, 100, 200, 1));
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}

.btnedit:hover::before{
	transform-origin: left;
	transform: scaleX(1);
}


/*====================================== INPUT BOX ANIMATION ==============================*/

.form { 
	width:100%;
	height:70px;
	position:relative;
	overflow:hidden;	
}

.form input{
	width:100%;
	height:100%;
	color:#444;
	padding-top:20px;
	border:none;
	outline:none;
	background: none;
	
}

.form label{
	position:absolute;
	bottom:0px;
	left:0%;
	width:100%;
	height:100%;
	pointer-events:none;
	border-bottom:1px solid #444;
		
}

.form label::after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	border-bottom:2px solid #60c;
	left:0px;
	bottom:-1px;
	transform:translateX(-100%);
	transition:transform 0.7s ease;	
}

.content-name{
	position:absolute;
	bottom:5px;
	left:0px;
	transition:all 0.7s ease;	
}

.form input:focus + .label-name .content-name, .form input:valid + .label-name .content-name{
	transform:translateY(-150%);
	font-size:13px;
	color:#60c;
}

.form input:focus + .label-name::after, .form input:valid + .label-name::after{
	transform:translateX(0%);
}

/*=================================== THE END =======================================*/	



/*********************************
7d. Teachers
*********************************/
.teacherimg{
	width: 220px;
	height: 250px;
}

.teacher h1{
	color:#60c;
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 50px;
}

.teachertext{
	text-align: center;
}

.teachertext h2{
	color:#444;
	font-weight: bold;
	font-size: 1.6rem;
}

.teachertext h3{
	font-size: 1.2rem;
}

.teacherinfo{
	background: #f63;
	color: #fff;
	display: none;
	width: 100%;
	opacity: 0.9;	
}


.teacher{
	position: relative;
}

.teacher1:hover .teacherinfo{
	display: block;
	position: absolute;
	top:0px;
}

.teacher1{
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
	border-radius: 0px 0px 50px 0px;
}

#teacher11{
	margin: auto 40px !important;
	margin-top: 30px !important;
}

#teacher12{
	margin-top: 30px !important;
}

.topwordline{
	border-bottom: 3px solid #60c;
	width: 70px;
	margin-top: -20px;
	margin-bottom: 10px;
}


/*********************************
7d. Blog
*********************************/
.blog{
	background: #fff;
}

.blog h1{
	color:#222;
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 50px;
}

.blogimg{
	width: inherit;
	height: ;
}

.blogtext h2{
	font-weight: bold;
	color: #444;
}

.blogtext:hover h2{
	color:#f63;
}

.blog1{
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38); 
	
}

.blog1 .h1{
	font-size: 3.8rem;
}


/*********************************
7. Features
*********************************/

.features
{
	width: 100%;
	background: #fff;
	padding-top: 93px;
	padding-bottom: 103px;
}

.features:hover
{
	
}


.features_row
{
	margin-top: 30px;
}

.features_row1
{
	margin-top: 100px;
}

.feature
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}
.feature:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}

.feature_text > p 
{
	font-family: cursive;
}

.feature1
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background: #60c;
}
.feature1 .feature_text1 > p 
{
	color: #fff;
}
.feature1 .feature_title1 
{
	color: #fff;
}
.feature1:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	background: #fff;
	box-shadow: 0 0 30px #ccc;
	transition: 1s all;	
}
.feature1:hover .feature_text1 > p 
{
	color:#60C;
	transition: 1s all;
}
.feature1:hover .feature_title1 
{
	color:#60C;
	transition: 1s all;
}


.feature2
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background: #606;
}
.feature2 .feature_text1 > p 
{
	color: #fff;
}
.feature2 .feature_title1 
{
	color: #fff;
}
.feature2:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	background: #fff;
	box-shadow: 0 0 30px #ccc;
	transition: 1s all;
}
.feature2:hover .feature_text1 > p 
{
	color:#60C;
	transition: 1s all;
}
.feature2:hover .feature_title1 
{
	color:#60C;
	transition: 1s all;
}


.feature_icon
{
	height: 55px;
}
.feature_icon img
{
	max-width: 100%;
}
.feature_title
{
	position: relative;
	font-size: 20px;
	margin-top: 23px;
}

.feature_title1
{
	position: relative;
	font-size: 35px;
	margin-top: 5px;
	margin-bottom: 23px;
}

.feature_text1 p
{
		font-weight: bold;
		font-style: italic;
}

/*********************************
8. Courses
*********************************/

.courses
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 100px;
}
.courses_row
{
	margin-top: 45px;
}
.course
{
	width: 100%;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}
.course_image
{
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
}
.course_image img
{
	max-width: 100%;
}
.course_body
{
	padding-top: 22px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 23px;
}
.course_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_title a:hover
{
	color: #14bdee;
}
.course_teacher
{
	font-size: 15px;
	font-weight: 400;
	color: #384158;
	margin-top: 6px;
}
.course_text
{
	margin-top: 13px;
}
.course_footer
{
	padding-left: 30px;
	padding-right: 30px;
}
.course_footer_content
{
	width: 100%;
	border-top: solid 1px #e5e5e5;
	padding-top: 9px;
	padding-bottom: 11px;
}
.course_info
{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #55555a;
}
.course_info:first-child
{
	margin-right: 18px;
}
.course_info i
{
	color: #ffc80a;
}
.course_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #14bdee;
}
.course_price span
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #b5b8be;
	margin-right: 10px;
}
.courses_button
{
	width: 210px;
	height: 46px;
	border-radius: 3px;
	background: #14bdee;
	text-align: center;
	margin: 0 auto;
	margin-top: 41px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.courses_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}
.courses_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 46px;
	color: #FFFFFF;
}

/*********************************
9. Counter
*********************************/

.counter
{
	width: 100%;
	background: #FFFFFF;
	z-index: 2;
}
.counter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.counter_content
{
	padding-top: 119px;
	padding-bottom: 125px;
}
.counter_title
{
	font-family: 'Roboto Slab', serif;
	color: #FFFFFF;
	font-weight: 700;
}
.counter_text
{
	margin-top: 19px;
}
.counter_text p
{
	color: #FFFFFF;
}
.milestones
{
	margin-top: 39px;
}
.milestone
{
	text-align: center;
}
.milestone:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 0;
	right: -45px;
	width: 1px;
	height: 70px;
	background: rgba(255,255,255,0.2);
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);

}
.milestone_counter
{
	font-size: 42px;
	font-weight: 700;
	line-height: 0.75;
	color: #14bdee;
}
.milestone_text
{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 14px;
}
.counter_form
{
	position: absolute;
	top: 0;
	right: 30px;
	width: 380px;
	height: 100%;
	background: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.counter_form_content
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.counter_form_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	font-weight: 700;
	color: #384158;
	text-transform: uppercase;
	line-height: 0.75;
	margin-bottom: 41px;
}
.counter_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	padding-left: 20px;
	outline: none;
	color: #384158;
	font-size: 14px;
}
.counter_input:not(:last-child)
{
	margin-bottom: 10px;
}
.counter_text_input
{
	height: 90px;
	padding-top: 10px;
}
.counter_options
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
}
.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
} 
.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::input-placeholder,
.counter_text_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_form_button
{
	width: 100%;
	height: 46px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: #14bdee;
	cursor: pointer;
	margin-top: 30px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.counter_form_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}

/*********************************
10. Events
*********************************/

.events
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 70px;
	background: #FFFFFF;
}
.events_row
{
	margin-top: 47px;
}
.event_left
{
	padding-right: 20px;
}
.event_mid
{
	padding-left: 10px;
	padding-right: 10px;
}
.event_right
{
	padding-left: 20px;
}
.event_image
{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.event_image img
{
	max-width: 100%;
}
.event_body
{
	padding-top: 30px;
	padding-bottom: 30px;
}
.event_date
{
	box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}
.event_date > div
{
	width: 60px;
	height: 60px;
}
.event_day
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	color: #14bdee;
	font-weight: 700;
	line-height: 0.75;
}
.event_month
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #14bdee;
	font-weight: 400;
	line-height: 0.75;
	margin-top: 9px;
}
.event:hover .event_date > div
{
	background: #14bdee;
}
.event:hover .event_day,
.event:hover .event_month
{
	color: #FFFFFF;
}
.event_content
{
	padding-left: 20px;
}
.event_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.event_title a:hover
{
	color: #14bdee;
}
.event_info_container
{
	margin-top: 11px;
}
.event_info
{
	display: inline-block;
	color: #b5b8be;
	font-size: 14px;
}
.event_info:not(:last-child)
{
	margin-right: 17px;
}
.event_info span
{
	margin-left: 4px;
}
.event_text
{
	margin-top: 12px;
}

/*********************************
11i. grallery team
*********************************/
.team_colgal
{
	margin-bottom: 50px;
}
.team_itemgal
{
	width: 100%;
}
.team_bodygal
{
	width: 100%;
	padding-top: 28px;
	padding-bottom: 28px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 0px 7px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_itemgal:hover .team_bodygal
{
	box-shadow: 0px 0px 20px #ccc;
	transition: all 0.7s ease;
}

.team_bodygal:hover
{
	background: #FFFFFF !important;
	transition: all 0.7s ease;
}
.team_bodygal:not(:hover)
{
	transition: all 0.7s ease;
}

.team_titlegal a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_bodygal:hover .team_titlegal
{
	color: #444 !important;
	transition: all 0.7s ease;
}



/*********************************
11. Team
*********************************/

.team
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 60px;
}
.team_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.team_row
{
	margin-top: 43px;
}
.team_col
{
	margin-bottom: 40px;
}
.team_item
{
	width: 100%;
}
.team_image
{
	width: 250px;
	height: 250px;
	border-radius: 6px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -86px;
	z-index: 5;
}

.team_image1
{
	width: 250px;
	height: 180px;
	border-radius: 6px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -86px;
	z-index: 5;
}
.team_image1 img
{
	max-width: 100%;
}


.team_image img
{
	max-width: 100%;
}
.team_body
{
	width: 100%;
	padding-top: 108px;
	padding-bottom: 24px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_item:hover .team_body
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.team_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_title a:hover
{
	color: #14bdee;
}
.team_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #444;
	margin-top: 6px;
}
.social_list
{
	margin-top: 16px;
}
.social_list ul li
{
	display: inline-block;
}
.social_list ul li:not(:last-child)
{
	margin-right: 10px;
}
.social_list ul li a i
{
	font-size: 18px;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list ul li:hover a i
{
	color: #60c;
}
.team_col .team_item
{
	padding-left: 6px;
	padding-right: 6px;
}
.team_col:first-child .team_item
{
	padding-left: 0;
	padding-right: 6px;
}
.team_col:nth-child(4n) .team_item
{
	padding-left: 6px;
	padding-right: 0;
}

/*********************************
12. News
*********************************/

.news
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 100px;
	background: #FFFFFF;
}
.news_row
{
	margin-top: 55px;
}
.news_post_large_container
{
	padding-right: 30px;
}
.news_post_large
{
	width: 100%;
}
.news_post_image
{
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_large_title
{
	margin-top: 23px;
}
.news_post_large_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	line-height: 1.4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_large_title a:hover
{
	color: #14bdee;
}
.news_post_meta
{
	margin-top: 11px;
}
.news_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.news_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 14px;
	margin-right: 11px;
}
.news_post_meta ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_meta ul li a:hover
{
	color: #14bdee;
}
.news_post_text
{
	margin-top: 13px;
}
.news_post_link
{
	margin-top: 19px;
}
.news_post_link a
{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #384158;
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_link a:hover
{
	color: #14bdee;
}
.news_posts_small
{
	margin-top: -6px;
}
.news_post_small:not(:last-child)
{
	padding-bottom: 31px;
	border-bottom: solid 1px #e5e5e5;
}
.news_post_small:not(:first-child)
{
	padding-top: 29px;
}
.news_post_small_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_small_title a:hover
{
	color: #14bdee;
}

/*********************************
13. Newsletter
*********************************/

.newsletter
{
	width: 100%;
}
.newsletter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newsletter_container
{
	width: 100%;
	height: 120px;
}
.newsletter_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
}
.newsletter_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 6px;
}
.newsletter_form_container
{
	width: 450px;
	padding-left: 20px;
}
.newsletter_form
{
	display: block;
	position: relative;
	width: 100%;
}
.newsletter_input
{
	width: calc(100% - 136px);
	height: 40px;
	background: rgba(255,255,255,0.4);
	border: none;
	outline: none;
	padding-left: 20px;
	color: #FFFFFF;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.newsletter_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
} 
.newsletter_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_button
{
	width: 136px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 3px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	color: #14bdee;
	font-weight: 500;
	letter-spacing: 0.1em;
}

/*********************************
14. Footer
*********************************/

.footer
{
	display: block;
	position: relative;
	width: 100%;
	background: #1e2434;
	padding-top: 94px;
}
.footer_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer_content
{
	padding-bottom: 53px;
}
.footer_logo_text
{
	font-family: 'Roboto Slab', serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 0.75;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_logo_text span
{
	color: #60c;
}
.footer_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.footer_logo_container
{
	margin-top: -14px;
}
.footer_about_text
{
	margin-top: 31px;
}
.footer_about_text p
{
	color: #FFFFFF;
}
.footer_social
{
	margin-top: 23px;
}
.footer_social ul li
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #4b505d;
	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 6px;
}
.footer_social ul li a
{
	display: block;
	position: relative;
	text-align: center;
}
.footer_social ul li a i
{
	color: #FFFFFF;
	line-height: 45px;
}
.footer_social ul li:hover
{
	background: #60c;
}
.footer_contact
{
	padding-left: 36px;
}
.footer_contact_info
{
	margin-top: 33px;
}
.footer_contact_info ul li
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
}
.footer_contact_info ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_links
{
	padding-left: 80px;
}
.footer_links_container ul
{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.footer_links_container
{
	margin-top: 33px;
}
.footer_links_container ul li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_links_container ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_links_container ul li a:hover
{
	color: #60c;
}
.footer_mobile
{
	display: inline-block;
	float: right;
}
.footer_mobile_content
{
	padding-top: 35px;
}
.footer_image:not(:last-child)
{
	margin-bottom: 10px;
}
.copyright
{
	height: 54px;
	border-top: solid 1px #353a49;
}
.cr_list li
{
	display: inline-block;
}
.copyright div
{
	font-size: 14px;
	color: #b5b8be;
}

.cr_text a
{
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_text a:hover
{
	color: #60c;
}
.cr_list li:not(:last-child)
{
	margin-right: 50px;
}
.cr_list li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_list li a:hover
{
	color: #14bdee;
}

.onlineimg{
	display: none;
}

@media (max-width: 990px)
{
    .top_feature{
	    display: none !important;
    }
	
}

@media (max-width: 798px)
{
*
{	
	font-family: 'Times New Roman', Times, serif;
	/* margin: auto 50px !important; */

}

body
{
	font-family: 'Times New Roman', Times, serif;

}

 .mob3{
	background: #fff !important;
} 

.gallery{
	margin: auto 30px !important;
	
}

.teacher1{
	margin: auto 30px !important;

}

.blog{
	margin: auto 30px !important;

}

.blogpage{
	margin: auto 30px !important;
	margin-top: 20px !important;

}

.header.scrolled
	{
		top: -5px;
	}
	
	
	 .top_bar
	{
		display: block;
	} 

		/* .top_bar_container
		{
			display: block;
		}
	 */

}

@media (max-width: 767px)
{
	.onlineimg{
		display: block;
	}
	
	.online1{
	    background-image:none;
	}
	
	
	/*#top2mob{*/
		/*position: absolute;*/
		/*top: calc(55% - 180px);*/
		/*left: calc(55% - 80px);*/
	/*	display:none;*/
	/*}*/
	
	/*#top2mob1{*/
    	/*position: absolute;*/
    	/*top: calc(55% - 210px);*/
    	/*left: calc(55% - 80px);*/
 /*   	display:none;*/
	/*}*/

	/*#top2mob2{*/
		/*position: absolute;*/
		/*top: calc(55% - 170px);*/
		/*left: calc(55% - 80px);*/
	/*	display:none;*/
	/*}*/
	

    
	.adform{
		margin-top: 40px;
	}
	

}


@media (max-width: 507px)
{
	.top_bar{
		display: none;
	}


}

@media (max-width: 345px)
{
	
	.logo_img{
		width: 90%;
		height: inherit !important;
		margin-top: 3px;
	}
	
	.header.scrolled .logo_img
	{
		width: 200px;
		height:	200px;
		margin-top: 8px;
	}

	/*#top2mob{*/
		/*position: absolute;*/
		/*top: calc(55% - 180px);*/
		/*left: calc(55% - 80px);*/
	/*	display:none;*/
	/*}*/

	/*#top2mob1{*/
		/*position: absolute;*/
		/*top: calc(55% - 200px);*/
		/*left: calc(55% - 80px);*/
	/*	display:none;*/
	/*}*/

	/*#top2mob2{*/
		/*position: absolute;*/
		/*top: calc(55% - 160px);*/
		/*left: calc(55% - 80px);*/
	/*	display:none;*/
	/*}*/
	



	.onlineimg{
		display: block;
	}
	
	.online1{
	    background-image:none;
	}
	
	/* .top2{
		position: absolute;
		top: calc(55% - 190px);
		left: calc(55% - 80px);
		background: #fff;
		padding: 30px;
		border-radius: 500px;
		width: 130px;
		box-shadow: 2.0px 4.0px 4.0px hsl(0deg 0% 0% / 0.38);
	} */
	
		/* .top_bar
		{
			display: block;
		}
		
		.top_bar ul li
		{
			display: inline;
		} */

}