/*==================================================







	Project: Edu Square HTML



	Version: 1.0



	Last change: 21/11/18



	Author : kode4everyone







/**



* Table of Contents :



* 1.0 - Import CSS



* 2.0 - Default Style



* 3.0 - Different Color CSS



* 4.0 - Top Bar Style



* 5.0 - Logo Style



* 6.0 - Cart Item Wrap Style



* 7.0 - Search Wrap Style



* 8.0 - Navigation Style



* 9.0 - Banner 02 CSS



* 10.0 - Banner Services Wrap CSS



* 11.0 - Heading Wrap CSS



* 12.0 - Explore All the Courses Wrap CSS



* 13.0 - Explore All Courses Search Wrap CSS



* 14.0 - Why Choose Us Wrap CSS



* 15.0 - Campus Life and Activities Wrap CSS



* 16.0 - Facts and Figure Wrap CSS



* 17.0 - Meet Our Teacher Wrap CSS



* 18.0 - Testimonial Wrap CSS



* 19.0 - Upcomming Conference and Events Wrap CSS



* 20.0 - Sub Banner Wrap CSS



* 21.0 - Breadcrumb Wrap CSS



* 22.0 - Contact List Wrap CSS



* 23.0 - Contact Social Wrap CSS



* 24.0 - Map Wrap CSS



* 25.0 - Contact Form Wrap CSS



* 26.0 - Who We Are Wrap CSS



* 27.0 - Core Value Wrap Start Wrap Css Start



* 28.0 - Faqs and Terms Wrap CSS



* 29.0 - Pagination Wrap CSS



* 30.0 - Advance Search Wrap CSS



* 31.0 - Campus History Wrap CSS



* 32.0 - Course Detail Wrap CSS



* 33.0 - Blog Grid Wrap CSS



* 34.0 - Blog Listing Wrap CSS



* 35.0 - Blog Single Wrap CSS



* 36.0 - Blog Detail Wrap CSS



* 37.0 - Author Comment Wrap Start



* 38.0 - Classes Wrap Css



* 39.0 - Event Grid Wrap Css



* 40.0 - Event List Wrap Css



* 41.0 - Event Detail Wrap Css



* 42.0 - 404 Page Style



* 43.0 - 404 Page 02 Style



* 44.0 - Comming Soon Style



* 45.0 - Team Detail Style



* 46.0 - Progress Wrap Style



* 47.0 - Top 02 Wrap Style



* 48.0 - Navigation 02 Wrap Style



* 49.0 - Search 02 Wrap Style



* 50.0 - Index 02 Search Wrap Style



* 51.0 - Get Started Services Wrap Style



* 52.0 - Welcome to Edu-Skill Wrap Style



* 53.0 - Facts Wrap Style



* 54.0 - Explore Courses 02 Wrap Style



* 55.0 - See More Button Wrap Style



* 56.0 - Meet Our Teacher 02 Wrap Style



* 57.0 - Testimonial Wrap 02 Wrap Style



* 58.0 - Latest News and Events Wrap Style



* 59.0 - Why Choose Us 02 Wrap CSS



* 60.0 - Course Listing Wrap CSS



* 61.0 - Shop Detail Page Style



* 62.0 - Product List Wrap Start



* 63.0 - Product List Style 2 Wrap Start



* 64.0 - Index Static Background Style



* 65.0 - Sticky Menu Form Style



* 66.0 - Revolution Slider Style



* 67.0 - Home Page 03 Style



* 68.0 - Social Icon Style



* 69.0 - Banner Wrap Style



* 70.0 - Register Wrap Style



* 71.0 - Form On Banner Wrap Style



* 72.0 - Shortcode Wrap Style



* 73.0 - Virtual Header Wrap Style



* 74.0 - Virtual Logo Wrap Style



* 75.0 - Virtual Start Free Wrap Style



* 76.0 - Virtual Login and Register Wrap Style



* 77.0 - Virtual Top Search Wrap Style



* 78.0 - Virtual Navigation Wrap Style



* 79.0 - Virtual Social Wrap Style



* 80.0 - Virtual Banner Search Form Wrap Style



* 81.0 - Virtual Header 02 Wrap Style



* 82.0 - Virtual Event Wrap Style



* 83.0 - Virtual Header 02 Navigation Wrap Style



* 84.0 - Virtual Header 02 Search Wrap Style



* 85.0 - Virtual Header 02 Cart Wrap Style



* 86.0 - Virtual Banner 02 Search Wrap Style



* 87.0 - Virtual Counter and Register Search Wrap Style



* 88.0 - Virtual Banner Wrap Style







[Color codes]







Background:	#ffffff (White)



Content:	#f5f5f5 (White Smoke)



Header h1:	#222222 (Grey Black)



Header h2:	#222222 (Grey Black)



Footer:		#151314 (Light black)







a (standard):	#999999 (dark black)



a (visited):	#0070bb (blue)



a (active):	#f6911e (yellow)







[Typography]



  



Body copy:		14px/ 'Poppins', sans-serif;



Headers:		'Poppins', sans-serif;;



Input, textarea:	'Poppins', sans-serif;



Sidebar heading:	'Poppins', sans-serif;







/*-------------------------------------------------------------------*/







/*



	==============================================================



		Import CSS



	==============================================================



*/







@import url('css/bootstrap.min.css');

 @import url('css/font-awesome.min.css');

 @import url("css/component.css");

 @import url('css/owl.carousel.css');

 @import url('css/widget.css');

 @import url('css/typography.css');

 @import url('css/svg-style.css');

/*



	  ==============================================================



		   Default Style



	  ==============================================================



*/







.keo_wrapper {

	overflow: hidden;

}

.keo_wrapper, header, section, footer, .default_width, .keo_content_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.no_padding {

	padding: 0px;

}

.no_margin {

	margin: 0px;

}

section {

	padding: 100px 0px;

}

.mb10 {

	margin-bottom: 10px;

}

.mb15 {

	margin-bottom: 15px;

}


.mb20 {
	margin-bottom: 20px;
}


.mb30 {

	margin-bottom: 30px;

}

.top_bottom_padding {

	padding-top: 100px;

	padding-bottom: 100px;

}

/*



	  ==============================================================



		   Different Color CSS



	  ==============================================================



*/







.keo_bg_1 {

	background-color: #ffbb44;

}

.keo_bg_2 {

	background-color: #ed6950;

}

.keo_bg_4 {

	background-color: #ef5f5f;

}

.keo_bg_5 {

	background-color: #01c5dd;

}

.keo_bg_6 {

	background-color: #cd5bee;

}

.keo_bg_7 {

	background-color: #e10a20;

}

.keo_bg_8 {

	background-color: #ffb300;

}

.keo_bg_9 {

	border: 2px solid #01c5dd;

}

.keo_bg_10 {

	border: 2px solid #cd5bee;

}

.keo_bg_11 {

	border: 2px solid #e10a20;

}

.keo_bg_12 {

	border: 2px solid #ffb300;

}

.keo_bg_13 {

	border: 2px solid;

}

.keo_bg_14 {

	color: #f1594c;

}

.keo_bg_15 {

	color: #94c948;

}

.keo_bg_16 {

	color: #38befb;

}

.keo_bg_17 {

	color: #fcc044;

}

.keo_bg_18 {

	border-top: 3px solid #eb4095;

}

.keo_bg_19 {

	border-top: 3px solid #215ba2;

}

.keo_bg_20 {

	border-top: 3px solid #03d6cd;

}

.bg_fb {

	background-color: #4d67a3;

}

.bg_twitter {

	background-color: #25a7df;

}

.bg_gp {

	background-color: #d74936;

}

.bg_linkedin {

	background-color: #0070b1;

}

.bg_behance {

	background-color: #ff8e2e;

}

.bg_vimeo {

	background-color: #3ea6e7;

}

.bg_youtube {

	background-color: #cc171e;

}

/*



	  ==============================================================



		   Top Bar Style



	  ==============================================================



*/







.keo_top_element {

	float: left;

	position: relative;

	width: auto;

}

.keo_top_element ul li {

	position: relative;

	display: inline-block;

	color: #ffffff;

	padding: 10px 15px;

	border-left: 1px solid rgba(255, 255, 255, 0.3);

	font-size: 13px;

}

.keo_top_element ul li:last-child {

	border-right: 1px solid rgba(255, 255, 255, 0.3);

}

.keo_top_element ul li i {

	margin-right: 10px;

}

.keo_top_element ul li a {

	display: inline-block;

	color: #ffffff;

}

.keo_login_element {

	float: right;

	width: auto;

	position: relative;

	border-left: 1px solid rgba(255, 255, 255, 0.3);

	border-right: 1px solid rgba(255, 255, 255, 0.3);

}

.keo_login_element a {

	color: #fff;

	display: inline-block;

	padding: 9px 15px;

}

.keo_login_element a i {

	margin-right: 10px;

}

/*Hover*/







/*



	  ==============================================================



		   Logo Style



	  ==============================================================



*/







.keo_menu_bg {

	background-color: #16171c;

}

.keo_logo {

	float: left;

	width: auto;

}

.keo_logo a {

	display:block;

	position:relative;

	z-index:101

}

.keo_logo_padding {

	padding-top: 6px;

}

/*



	  ==============================================================



		   Cart Item Wrap Style



	  ==============================================================



*/







.keo_cart_wrap {

	float: right;

	width: auto;

	position: relative;

}

.keo_cart_wrap>a {

	display: inline-block;

	color: #ffffff;

	padding: 20px 15px;

}

.keo_cart_item_wrap {

	float: right;

	width: 5%;

	border-left: 1px solid #5e5e5e;

	text-align: center;

	position: relative;

}

.keo_cart_item_wrap>a {

	display: inline-block;

	color: #fff;

	padding: 23px 0 23px;

	cursor: pointer;

	font-size: 22px;

}

.keo_cart_list {

	position: absolute;

	top: 100%;

	left: 0px;

	width: 300px;

	z-index: 10;

	background-color: #fff;

	opacity: 0;

	visibility: hidden;

	padding: 10px;

}

.keo_cart_list ul li {

	width: 100%;

	float: left;

	border-bottom: 1px dotted #ededed;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.keo_cart_list ul li figure {

	overflow: visible;

	width: 68px;

	height: 80px;

	background-color: #ededed;

	padding-top: 10px;

}

.keo_cart_list ul li figure img {

	width: 100%;

	height: auto;

}

.keo_cart_list figure i {

	position: absolute;

	line-height: 15px;

	text-align: center;

	cursor: pointer;

	top: -5px;

	left: -5px;

	color: #fff;

	width: 15px;

	height: 15px;

	border-radius: 100%;

	background-color: #222;

	font-weight: normal;

	font-size: 12px;

}

.keo_cart_item_detail {

	float: none;

	padding: 10px 0px 0px 80px;

	width: auto;

	text-align: left;

}

.keo_cart_item_detail p {

	font-size: 14px;

	font-weight: 600;

}

.keo_product {

	color: #222;

	float: left;

	font-size: 14px;

	font-weight: bold;

}

.keo_product_total {

	color: #222;

	float: right;

	font-size: 14px;

	font-weight: bold;

}

.keo_cart_btn {

	text-transform: capitalize;

	font-weight: normal;

	padding: 8px 15px;

	font-size: 13px;

	display: inline-block;

	background-color: #222;

	color: #fff;

	margin-top: 5px;

}

.keo_cart_btn:hover {

	color: #fff;

}

.keo_cart_item_wrap:hover .keo_cart_list, .keo_cart_wrap:hover .keo_cart_list {

	opacity: 1;

	visibility: visible;

}

.keo_cart_wrap .keo_cart_list {

	right: 0px;

	left: auto;

	z-index: 100;

}

/*



	  ==============================================================



		Search Wrap Style



	  ==============================================================



*/







.keo_search_wrap {

	float: right;

	width: auto;

	position: relative;

}

.keo_search_wrap>span.search-fld {

	display: inline-block;

	color: #ffffff;

	padding: 20px 15px;

}

.search-wrapper-area {

	position: fixed;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	background-color: rgba(0, 0, 0, 0.95);

	z-index: 9999;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

}

.search-wrapper-area.search_open {

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

}

.search-area {

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	width: 500px;

	margin: -50px auto auto;

}

.search-area input[type="text"] {

	width: 100%;

	height: 60px;

	border-bottom: 1px solid #ffffff;

	background-color: transparent;

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	color: #ffffff;

	padding: 8px 50px 8px 10px;

}

.search-area input[type="submit"], .search-area button {

	position: absolute;

	top: 0px;

	right: 0px;

	background-color: transparent;

	border: 0px;

	color: #ffffff;

	line-height: 60px;

	font-size: 20px;

}

.keo_search_remove_btn {

	position: absolute;

	top: 20px;

	right: 30px;

	color: #ffffff;

	font-size: 25px;

	cursor: pointer;

}

/*



	  ==============================================================



		   Navigation Style



	  ==============================================================



*/







.keo_navigation {

	/*float: right;*/



	width: auto;

	position: relative;

	z-index: 100;

	text-align: center;

}

.keo_navigation ul li {

	float: left;

	width: auto;

}

.keo_navigation ul {

	display: inline-block ! important;

}

.keo_navigation ul li {

	float: left;

	display: inline-block;

	position: relative;

}

.keo_navigation ul li:before, .keo_navigation ul li a.current:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 0px;

	height: 100%;

}

.keo_navigation ul li a.current:before {

	z-index: -1;

}

.keo_navigation ul li.active:before, .keo_navigation ul li:hover:before, .keo_navigation ul li a.current:before {

	width: 100%;

}

.keo_navigation>ul>li>a {

	color: #ffffff;

	display: block;

	position: relative;

	padding: 20px 20px;

	z-index: 99;

	text-transform: capitalize;

	position: relative;

	z-index: 1;

	font-size: 16px;

}

.keo_navigation ul li.active>a, .keo_navigation ul li:hover>a {

	color: #fff;

}

/*2nd ul*/







.keo_navigation ul ul {

	width: 250px;

	position: absolute;

	top: 100%;

	left: 0px;

	z-index: 100;

	transform-origin: 0 0 0;

	-webkit-transform-origin: 0 0 0;

	-moz-transform-origin: 0 0 0;

	transform: perspective(600px) rotateX(-90deg);

	-webkit-transform: perspective(600px) rotateX(-90deg);

	-moz-transform: perspective(600px) rotateX(-90deg);

	opacity: 0;

	visibility: hidden;

	background-color: #16171C;

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

}

.keo_navigation ul ul li {

	width: 100%;

}

.keo_navigation ul ul li a {

	color: #ffffff;

	border-bottom: 1px solid #333333;

	display: block;

	position: relative;

	padding: 16px 24px;

	z-index: 99;

	text-transform: capitalize;

	text-align: left;

}

/*Hover*/







.keo_navigation ul>li:hover>ul {

	-moz-transform: perspective(600px) rotateX(0deg);

	-webkit-transform: perspective(600px) rotateX(0deg);

	transform: perspective(600px) rotateX(0deg);

	opacity: 1;

	visibility: visible;

}

/*3rd ul*/







.keo_navigation ul ul ul {

	/*right: 100%;*/



	top: 0px;

	left: auto;

}

/*Responsive Menu*/







.keo_mobile_menu {

	height: 36px;

	position: relative;

	width: 40px;

	padding: 0px 6px;

	display: none;

}

.keo_mobile_menu>span.icon-bar {

	display: block;

	width: 100%;

	height: 4px;

	margin: 0px 0px 4px;

	background-color: #ffffff;

}

.keo_mobile_menu>span.icon-bar:last-child {

	margin-bottom: 0px;

}

.keo_mobile_menu:hover>span.icon-bar {

	background-color: #ffffff;

}

.keo_mobile_menu:hover {

	background-color: #ffffff;

}

/*



	  ==============================================================



		   Banner 02 CSS



	  ==============================================================



*/







.keo_banner ul li:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.50);

}

.swiper-container {

	width: 100%;

	float: left;

}

.keo_banner_text {

	position: absolute;

}

.keo_banner_text h3 {

	font-size: 30px;

	color: #fff;

	line-height: normal;

	margin: 0px 0px 4px;

}

.keo_banner_text h2 {

	font-size: 46px;

	font-weight: bold;

	margin: 0px 0px 10px;

	text-transform: capitalize;

	color: #ffffff;

}

.keo_banner_text p {

	color: #ffffff;

}

.keo_banner_text>a {

	margin-top: 13px;

	padding: 14px 35px;

	border-radius: 50px;

	display: inline-block;

	text-transform: capitalize;

	font-weight: 600;

	border: 1px solid #ffffff;

	color: #ffffff;

	font-size: 15px;

}

.keo_banner_text>a>i {

	color: #ffffff;

	margin-left: 10px;

	font-size: 16px;

}

/*Slide List*/







.keo_slide_1 {

	top: 50%;

	right: 50%;

	width: 600px;

	text-align: center;

	margin: -190px -580px 0px 0px;

	text-align: left;

}

.keo_slide_2 {

	top: 55%;

	left: 0px;

	width: 100%;

	text-align: center;

	margin: -190px 0px 0px;

}

.keo_slide_3 h2 {

	color: #fc0018;

}

.keo_slide_3 {

	top: 50%;

	left: 50%;

	width: 600px;

	margin: -130px 0px 0px -550px;

}

/*Slider CSS*/







.keo_banner .swiper-button-next, .keo_banner .swiper-button-prev {

	background-image: none;

	width: 40px;

	line-height: 40px;

	height: 40px;

	color: #fff;

	text-align: center;

	coursor: pointer;

	margin: auto;

	font-size: 25px;

	font-weight: bold;

}

/*



	  ==============================================================



		   Banner Services Wrap CSS



	  ==============================================================



*/







.keo_banner_service_wrap {

	transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	z-index: 100;

}

.keo_banner_service_wrap .container {

	z-index: 99;

}

.keo_banner_service {

	overflow: hidden;

	text-align: center;

	padding: 40px 15px;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	z-index: 1;

	z-index: 99;

	min-height: 286px;

}

.keo_banner_service:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	z-index: -1;

	opacity: 0.95;

}

.keo_banner_service.service_bg_1:before {

	background-color: #ffbb44;

}

.keo_banner_service.service_bg_2:before {

	background-color: #2dcc70;

}

.keo_banner_service.service_bg_3:before {

	background-color: #ef5f5f;

}

.keo_banner_service.service_bg_1 {

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.keo_banner_service.service_bg_3 {

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.keo_banner_service i {

	font-size: 60px;

	color: #ffffff;

	display: block;

	margin: 0px 0px 15px;

}

.keo_banner_service h4>a {

	display: block;

	color: #ffffff;

	text-transform: capitalize;

	margin: 0px 0px 10px;

}

.keo_banner_service p {

	color: #fff;

	margin: 0px 0px 18px;

}

.keo_banner_service>a {

	display: inline-block;

	color: #ffffff;

	border: 2px solid rgba(255, 255, 255, 1);

	padding: 8px 20px;

	text-transform: capitalize;

	border-radius: 30px;

}

/*Hover*/







.keo_banner_service.service_bg_1:hover:before, .keo_banner_service.service_bg_2:hover:before, .keo_banner_service.service_bg_3:hover:before {

	opacity: 1;

}

/*



	  ==============================================================



		   Heading Wrap CSS



	  ==============================================================



*/







.keo_hdg_1 {

	text-align: center;

	margin: 0px 0px 26px;

}

.keo_hdg_1 h3 {

	font-weight: bold;

	text-transform: capitalize;

	margin: 0px 0px 10px;

	line-height: 24px;

}

.keo_hdg_1 p {

	margin: 0px 0px 27px;

}

.keo_hdg_1 span {

	display: inline-block;

	position: relative;

}

.keo_hdg_1 span.keo_hdg_left:before {

	content: "";

	position: absolute;

	width: 110px;

	height: 1px;

	background-color: #999999;

	left: -120px;

	top: -10px;

}

.keo_hdg_1 span.keo_hdg_left:after {

	content: "";

	position: absolute;

	width: 80px;

	height: 1px;

	background-color: #999999;

	left: -90px;

	top: -6px;

}

.keo_hdg_1 span.keo_hdg_right:before {

	content: "";

	position: absolute;

	width: 110px;

	height: 1px;

	background-color: #999999;

	right: -120px;

	top: -10px;

}

.keo_hdg_1 span.keo_hdg_right:after {

	content: "";

	position: absolute;

	width: 80px;

	height: 1px;

	background-color: #999999;

	right: -90px;

	top: -6px;

}

.keo_hdg_1 i {

	font-size: 25px;

	color: #000000;

}

/*White Color*/







.keo_hdg_1.white_color h3, .keo_hdg_1.white_color i, .keo_hdg_1.white_color p {

	color: #ffffff;

}

.keo_hdg_1.white_color span.keo_hdg_left:before, .keo_hdg_1.white_color span.keo_hdg_left:after, .keo_hdg_1.white_color span.keo_hdg_right:before, .keo_hdg_1.white_color span.keo_hdg_right:after {

	background-color: #ffffff;

}

/*Heading 02*/







.keo_hdg02_span {

	width: 50px;

	height: 2px;

	box-shadow: -51px 0px 0px 0px #595959;

	left: 25px;

	top: -10px;

}

.keo_white.keo_hdg02_span {

	box-shadow: -51px 0px 0px 0px #ffffff;

}

/*Align Right*/







.keo_hdg_1.align_left {

	text-align: left;

}

.keo_hdg_1.align_left span.keo_hdg02_span {

	left: 50px;

}

/*



	  ==============================================================



		   Explore All the Courses Wrap CSS



	  ==============================================================



*/







.keo_courses_bg {

	padding-top: 0px;

	margin-top: -52px;

}

.keo_course_search {

	margin: 0px 0px 40px;

}

.keo_sort_wrap {

	float: right;

	width: auto;

	position: relative;

	margin: 12px 0px 0px;

}

.keo_sort_wrap>span {

	display: inline-block;

	font-weight: 500;

	color: #000000;

	text-transform: capitalize;

}

.keo_sort_wrap select {

	display: inline-block;

	width: auto;

	-webkit-appearance: none;

	-moz-appearance: none;

	border: 0px;

	color: #999999;

	font-weight: normal;

	text-transform: capitalize;

	padding: 5px 15px 5px 11px;

	background-color: transparent;

	outline: none;

}

.keo_sort_wrap select option {

	text-transform: capitalize;

	padding: 3px 10px;

}

.keo_sort_wrap label {

	position: absolute;

	top: 12px;

	right: 0px;

	width: 10px;

	height: 10px;

	font-size: 15px;

}

.keo_course_search form {

	width: 70%;

	float: right;

}

.keo_course_search form input[type="search"] {

	width: 100%;

	border-radius: 50px;

	box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);

	height: 60px;

	padding: 10px 20px;

}

.keo_course_search form a {

	position: absolute;

	top: 0px;

	right: 0px;

	height: 60px;

	width: 40px;

	line-height: 64px;

	color: #999999;

}

.keo_courses_wrap {

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_courses_wrap figure {

	overflow: visible;

}

.keo_courses_wrap figure>img {

	width: 100%;

	height: auto;

}

.keo_course_img_des {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

}

.keo_course_des_holder {

	position: absolute;

	bottom: 0px;

	background-color: rgba(0, 0, 0, 75);

	width: 100%;

	padding: 5px 10px;

}

.keo_course_author {

	position: relative;

	float: left;

}

.keo_course_author>img {

	padding: 3px;

	border-radius: 100%;

	background-color: #efe6eb;

	bottom: -4px;

	left: 0px;

	position: absolute;

	z-index: 5;

	width: 60px !important;

	height: 60px;

}

.keo_course_author>a {

	text-transform: capitalize;

	color: #ffffff;

	padding-left: 70px;

}

.keo_course_author>a>i {

	color: #fff;

	margin-right: 7px;

}

ul.keo_rating_star {

	float: right;

}

ul.keo_rating_star li {

	display: inline-block;

	position: relative;

}

ul.keo_rating_star li a {

	display: inline-block;

	color: #ff9c00;

}

.keo_course_cat {

	position: absolute;

	top: 9px;

	left: 10px;

	color: #ffffff;

	padding: 7px 20px;

	opacity: 0;

	border-top-right-radius: 50px;

	border-bottom-right-radius: 50px;

}

.keo_course_des {

	background-color: #ffffff;

	padding: 30px 15px 20px;

	text-align: center;

}

.keo_course_des span {

	display: block;

	color: #222222;

	margin: 0px 0px 10px;

	font-weight: 600;

}

.keo_course_des h5>a {

	display: block;

	color: #222222;

	text-transform: capitalize;

	font-weight: 600;

	margin: 0px 0px 15px;

	padding: 0px 0px 15px;

	position: relative;

}

.keo_course_des h5>a:before {

	content: "";

	position: absolute;

	bottom: 0px;

	left: 0px;

	right: 0px;

	width: 50px;

	height: 2px;

	margin: auto;

}

.keo_course_bottom {

	background-color: #f0f0f0;

	padding: 10px 15px 6px;

}

.keo_course_bottom h5 {

	float: left;

}

.keo_course_bottom h5>span {

	font-size: 14px;

	color: #999999;

	margin-left: 5px;

}

.keo_course_bottom>a {

	float: right;

	text-transform: capitalize;

	color: #222222;

	font-weight: 600;

	margin: 3px 0px 0px;

}

/*Hover*/







.keo_courses_wrap:hover {

	box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);

}

.keo_courses_wrap:hover .keo_course_cat {

	opacity: 1;

	left: 0px

}

/*Slider*/







.keo_courses_slider {

	float: left;

	width: 100%;

	position: relative;

}

.keo_courses_slider .item {

	margin: 0px 10px;

}

.keo_courses_slider .owl-stage-outer {

	margin: 0px 0px 20px;

	padding: 0px 0px 10px;

}

.keo_courses_slider .owl-dots {

	width: 100%;

	text-align: center;

}

.keo_courses_slider .owl-dots .owl-dot {

	display: inline-block;

	width: 18px;

	height: 18px;

	border: 2px solid #c6c6c6;

	border-radius: 100%;

	background-color: #ffffff;

	margin: 0px 5px 0px 0px;

}

.owl-dots {

	height: 18px;

}

/*



	  ==============================================================



		   Explore All Courses Search Wrap CSS



	  ==============================================================



*/







.keo_course_search_bg {

	background-image: url(extra-images/courses-search-bg.jpg);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.keo_explore_search {

	float: left;

	width: 100%;

	position: relative;

	margin: 0px 0px 30px;

}

/*Chossen CSS*/







.keo_explore_search .chosen-container-single .chosen-single {

	height: 40px;

	background: #fff;

	box-shadow: none;

	border: 1px solid #e4e4e4;

	border-radius: 50px;

	width: 100%;

	padding: 7px 20px;

}

.keo_explore_search .chosen-container-single .chosen-single div {

	background-color: transparent;

}

 .keo_explore_search .chosen-container-single .chosen-single div b::before {

 color: #666;

 font-weight: 500;

 top: 8px;

 height: 6px;

}

.keo_explore_search .chosen-container-single .chosen-drop {

	border-radius: 12px 12px 4px 4px;

}

/*Button CSS*/







.keo_explore_search.align_center {

	text-align: center;

	margin: 0px;

}

.keo_explore_search input[type="submit"], .keo_explore_search button {

	border-radius: 30px;

	color: #fff;

	text-transform: capitalize;

	padding: 13px 30px;

	border: 0px;

	font-weight: 700;

}

.keo_explore_search ul {

	float: left;

	width: 100%;

	margin: 10px 0px 0px;

}

.keo_explore_search ul li {

	display: inline-block;

	width: 100%;

	position: relative;

}

.keo_explore_search ul li a {

	display: block;

	color: #666666;

	text-transform: capitalize;

	margin: 0px 0px 10px;

	font-weight: 500;

}

.keo_explore_search ul li a i {

	margin: 0px 10px 0px 0px;

}

/*Hover CSS*/







.keo_explore_search input[type="submit"]:hover, .keo_explore_search button:hover {

	background-color: #191c1d;

}

/*



	  ==============================================================



		   Why Choose Us Wrap CSS



	  ==============================================================



*/







.keo_choose_bg {

	padding-bottom: 72px;

}

.keo_choose_wrap {

	border-radius: 5px;

	margin-bottom: 30px;

	border: 2px solid;

	min-height: 214px;

}

.keo_choose_wrap:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	height: 100%;

	width: 0px;

	z-index: -1;

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

}

.keo_choose_wrap span {

	width: 80px;

	font-size: 40px;

	color: #ffffff;

	text-align: center;

	position: absolute;

	top: 0px;

	left: 0px;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	border-right: 1px solid rgba(255, 255, 255, 0.4);

}

.keo_choose_des {

	float: none;

	padding: 15px 15px 5px 100px;

}

.keo_choose_des h6>a {

	display: block;

	text-transform: capitalize;

	color: #333333;

	margin: 0px 0px 10px;

	font-weight: 600;

}

.keo_choose_img {

	position: absolute;

	top: -75px;

	left: 0;

	width: 117%;

	height: 100%;

}

.keo_choose_img img {

	width: 100%;

	height: auto;

	padding-top: 60px;

}

/*Hover*/



.keo_choose_wrap:hover {

	border-color: #3db166;

}

.keo_choose_wrap:hover span.theme_bg {

	background-color: #3db166;

}

.keo_choose_wrap:hover:before {

	width: 100%;

	background-color: #3db166;

}

.keo_choose_wrap.keo_bg_9:hover:before {

	width: 100%;

	background-color: #01c5dd;

}

.keo_choose_wrap.keo_bg_13:hover:before {

	width: 100%;

}

.keo_choose_wrap.keo_bg_10:hover:before {

	width: 100%;

	background-color: #cd5bee;

}

.keo_choose_wrap.keo_bg_12:hover:before {

	width: 100%;

	background-color: #ffb300;

}

.keo_choose_wrap.keo_bg_11:hover:before {

	width: 100%;

	background-color: #e10a20;

}

.keo_choose_wrap:hover .keo_choose_des h6>a, .keo_choose_wrap:hover .keo_choose_des p {

	color: #ffffff;

}

/*



	  ==============================================================



		   Campus Life and Activities Wrap CSS



	  ==============================================================



*/







.keo_campus_bg {

	background-color: #f5f5f5;

}

.keo_gallery_style1 {

	float: left;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.keo_gallery_style1:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	z-index: 10;

	opacity: 0.75;

}

.keo_gallery_style1 img {

	width: 100%;

	height: auto;

}

.keo_gallery_style1_des {

	left: 0;

	top: 50%;

	bottom: 0;

	right: 0;

	text-align: center;

	position: absolute;

	margin: auto;

	z-index: 10;

	width: 100%;

	margin: -40px 0px 0px;

}

.keo_gallery_style1_des, .keo_gallery_style1:before {

	transform-origin: top left;

	-webkit-transform-origin: top left;

	-ms-transform-origin: top left;

	-moz-transform-origin: top left;

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

}

.keo_gallery_style1_des ul {

	margin: 0 0 15px;

}

.keo_gallery_style1_des ul li {

	display: inline-block;

	margin: 0 2px;

}

.keo_gallery_style1_des ul a {

	display: block;

	width: 40px;

	height: 40px;

	border: 1px solid #ffffff;

	line-height: 42px;

	border-radius: 100%;

	color: #ffffff;

	font-size: 16px;

}

.keo_gallery_style1_des h3 {

	font-size: 20px;

	color: #fff;

	font-weight: 600;

}

/*Hover*/







.keo_gallery_style1:hover:before, .keo_gallery_style1:hover .keo_gallery_style1_des {

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

}

.keo_gallery_style1_des ul a:hover {

	color: #fff;

}

/*



	  ==============================================================



		   Facts and Figure Wrap CSS



	  ==============================================================



*/







.keo_fact_bg {

	background-image: url(extra-images/facts-bg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	padding-bottom: 92px;

}

.keo_number_count_wrap {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

}

.keo_number_count_wrap i {

	margin: 0px 0px 22px;

	font-size: 50px;

	display: block;

	color:#fff;

}

.keo_number_count_wrap h4 {

	position: relative;

	display: inline-block;

	font-size: 60px;

	font-weight: 600;

	min-width: 100px;

	line-height: normal;

	color:#fff;

}

.keo_number_count_wrap span {

	display: inline-block;

	font-weight: bold;

	font-size: 32px;

	color:#fff;

}

.keo_number_count_wrap h5>a {

	display: inline-block;

	text-transform: capitalize;

	font-weight: 600;

	margin: 14px 0px 0px;

	color:#fff;

}

.keo_bg_14 h4, .keo_bg_14 h5>a {

	color: #f1594c;

}

.keo_bg_15 h4, .keo_bg_15 h5>a {

	color: #94c948;

}

.keo_bg_16 h4, .keo_bg_16 h5>a {

	color: #38befb;

}

.keo_bg_17 h4, .keo_bg_17 h5>a {

	color: #fcc044;

}

/*



	  ==============================================================



		   Meet Our Teacher Wrap CSS



	  ==============================================================



*/







.keo_team_wrap {

	/*border: 1px solid #e1e1e1;*/



	text-align: center;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_team_wrap img {

	width: 100%;

	height: auto;

}

.keo_team_des {

	padding: 20px 0px 10px;

	background-color: #fff;

}

.keo_team_des h6>a {

	font-weight: 600;

	margin: 0px 0px 6px;

	display: block;

	text-transform: capitalize;

}

.keo_team_des span {

	display: block;

	margin: 0px 0px 15px;

	text-transform: capitalize;

}

.keo_team_des ul.keo_scl_icon {

	border-bottom: 1px solid #e1e1e1;

	padding: 0px 0px 22px;

	margin: 0px 0px 16px;

}

ul.keo_scl_icon li {

	display: inline-block;

	position: relative;

}

ul.keo_scl_icon li a {

	display: block;

	border: 1px solid #e1e1e1;

	border-radius: 100%;

	width: 34px;

	height: 34px;

	line-height: 34px;

	background-color: #ffffff;

}

.keo_team_des p {

	padding: 0px 15px;

}

/*Hover*/







/*.keo_team_wrap:hover img {



	transform: scale(1.2) rotateZ(-6deg);



	-moz-transform: scale(1.2) rotateZ(-6deg);



	-webkit-transform: scale(1.2) rotateZ(-6deg);



	-ms-transform: scale(1.2) rotateZ(-6deg);



}*/



ul.keo_scl_icon li:hover a {

	color: #ffffff;

}

.keo_team_wrap:hover {

	box-shadow: 0px 5px 12px 2px rgba(0, 0, 0, 0.15);

}

/*Slider*/







.keo_teacher_slider {

	float: left;

	width: 100%;

	position: relative;

}

.keo_teacher_slider .item {

	margin: 0px 8px;

}

.keo_teacher_slider .owl-stage-outer {

	margin: 0px 0px 10px;

	padding: 0px 0px 20px;

}

.keo_teacher_slider .owl-dots {

	width: 100%;

	text-align: center;

}

.keo_teacher_slider .owl-dots .owl-dot {

	display: inline-block;

	width: 18px;

	height: 18px;

	border: 2px solid #c6c6c6;

	border-radius: 100%;

	background-color: #ffffff;

	margin: 0px 5px 0px 0px;

}

/*



	  ==============================================================



		   Testimonial Wrap CSS



	  ==============================================================



*/







.keo_testimonial_bg {

	background-image: url(extra-images/testimonial-bg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.keo_testimonial_wrap {

	float: left;

	width: 100%;

	position: relative;

	padding: 25px 20px 18px;

	margin: 0px 0px 30px;

	background-color: #fff;

	border-radius: 5px;

	border-top: 3px solid;

}

.keo_testimonial_wrap:before {

	content: "";

	position: absolute;

	bottom: -20px;

	right: 20px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 20px 20px 0 0;

	border-color: #fff transparent transparent transparent;

}

.keo_testimonial_wrap p {

	position: relative;

}

.keo_testimonial_img {

	float: left;

	width: 100%;

	position: relative;

}

.keo_testimonial_img figure {

	width: 80px;

	float: right;

}

.keo_testimonial_img figure img {

	width: 100%;

	height: auto;

	border-radius: 100%;

}

.keo_testimonial_des {

	float: none;

	width: auto;

	padding: 15px 100px 0px 0px;

	text-align: right;

}

.keo_testimonial_des h5>a {

	display: block;

	font-weight: 600;

	text-transform: capitalize;

	margin: 0px 0px 5px;

	color: #fff;

	font-size: 16px;

}

.keo_testimonial_des span {

	display: block;

	text-transform: capitalize;

	font-weight: 600;

	color: #ffffff;

}

/*Slider*/







.keo_testimonial_slider {

	float: left;

	width: 100%;

	position: relative;

}

.keo_testimonial_slider .item {

	margin: 0px 8px;

}

.keo_testimonial_slider .owl-stage-outer {

	margin: 0px 0px 10px;

	padding: 0px 0px 20px;

}

.keo_testimonial_slider .owl-dots {

	width: 100%;

	text-align: center;

}

.keo_testimonial_slider .owl-dots .owl-dot {

	display: inline-block;

	width: 18px;

	height: 18px;

	border: 2px solid #c6c6c6;

	border-radius: 100%;

	background-color: #ffffff;

	margin: 0px 5px 0px 0px;

}

/*



	  ==============================================================



		   Upcomming Conference and Events Wrap CSS



	  ==============================================================



*/







.keo_event_img>img {

	width: 100%;

	height: auto;

}

.keo_event_list_wrap>ul {

	float: left;

	width: 100%

}

.keo_event_list_wrap>ul>li {

	position: relative;

	width: 100%;

	padding: 0px 0px 20px;

	margin: 0px 0px 30px;

	border-bottom: 1px solid #cccccc;

	float: left;

}

.keo_event_list_wrap>ul>li:last-child {

	margin-bottom: 0px;

}

.keo_event_date {

	float: left;

	width: 100px;

	height: 100px;

	border-radius: 100%;

	text-align: center;

	background-color: #666666;

	padding: 13px 0px 0px;

	position: relative;

	z-index: 1;

}

.keo_event_date:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0px;

	left: 0px;

	transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	border-radius: 100%;

	z-index: -1;

}

.keo_event_date h3 {

	color: #ffffff;

	font-size: 50px;

	line-height: 50px;

}

.keo_event_date>span {

	display: block;

	text-transform: capitalize;

	font-size: 10px;

	color: #ffffff;

}

.keo_event_des {

	float: none;

	padding: 0px 150px 0px 120px;

	width: auto;

}

.keo_event_des h4>a {

	display: block;

	text-transform: capitalize;

	margin: 0px 0px 8px;

	font-weight: bold;

}

.keo_event_des ul.keo_event_meta {

	margin: 0px 0px 10px;

}

ul.keo_event_meta {

	width: 100%;

	float: left;

}

ul.keo_event_meta li {

	display: inline-block;

	padding: 0px 10px;

}

ul.keo_event_meta li:first-child {

	padding-left: 0px;

}

ul.keo_event_meta li>i {

	margin: 0px 8px 0px 0px;

}

ul.keo_event_meta li>a {

	display: inline-block;

	color: #999999;

	margin-left: 5px;

}

.keo_event_des>a {

	display: inline-block;

	color: #999999;

	border: 2px solid rgba(102, 102, 102, 0.5);

	line-height: 36px;

	position: absolute;

	top: 0px;

	bottom: 0px;

	right: 0px;

	margin: auto;

	width: 135px;

	height: 40px;

	text-align: center;

	border-radius: 30px;

}

/*Hover*/







.keo_event_list_wrap>ul>li:hover .keo_event_date:before {

	transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

}

.keo_event_des>a:hover {

	color: #ffffff;

}

/*



	  ==============================================================



		   Sub Banner Wrap CSS



	  ==============================================================



*/







.keo_sub_banner_bg {

	background-image: url(extra-images/sub-banner.jpg);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.keo_sub_banner_bg:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

}

.keo_sub_banner_hdg {

	text-align: center;

	padding: 80px 0px 88px;

}

.keo_sub_banner_hdg.detailss {

	text-align: center;

	padding: 20px 0px 15px;

}

.keo_sub_banner_hdg h2 {

	color: #fff;

	text-transform: capitalize;

	font-weight: 600;

	font-size:18px;

	line-height:20px;

	margin: 0px 0px 5px;

	line-height: normal;

}

.keo_sub_banner_hdg h6 {

	color: #ffffff;

	font-size: 16px;

	text-transform: capitalize;

	font-weight: 600;

}

/*



	  ==============================================================



		   Breadcrumb Wrap CSS



	  ==============================================================



*/







.keo_breadcrumb_bg {

	background-color: #eeeeee;

	border-bottom: 1px solid rgba(207, 207, 207, 0.5);

}

.keo_breadcrumb_wrap {

	text-align: center;

}

.keo_breadcrumb_wrap ul {

	width: auto;

	padding: 15px 0px;

	display: inline-block;

}

.keo_breadcrumb_wrap ul li {

	display: inline-block;

	position: relative;

}

.keo_breadcrumb_wrap ul li:before {

	content: "\f105";

	position: absolute;

	font-family: fontawesome;

	top: 1px;

	left: -2px;

	width: auto;

	height: auto;

	color: #ffffff;

}

.keo_breadcrumb_wrap ul li:first-child:before {

	display: none;

}

.keo_breadcrumb_wrap ul li a {

	display: block;

	color: #ffffff;

	padding: 0px 18px;

	font-weight: 600;

}

.keo_breadcrumb_wrap ul li:hover a, .keo_breadcrumb_wrap ul li a:hover {

	color: #ffffff;

}

/*



	  ==============================================================



		   Contact List Wrap CSS



	  ==============================================================



*/







.keo_contact_list {

	background-color: #f5f5f5;

	/*border: 1px solid rgba(207, 207, 207, 0.5);*/



	border-radius: 60px;

	padding: 55px 40px 65px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_contact_list h4 {

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 20px;

	line-height: normal;

}

.keo_contact_list>ul {

	margin: 0px 0px 0px;

	float: left;

	width: 100%;

}

.keo_contact_list>ul>li {

	width: 100%;

	position: relative;

	margin: 0px 0px 20px;

}

.keo_contact_icon {

	width: 50px;

	height: 50px;

	border-radius: 100%;

	color: #666666;

	line-height: 50px;

	float: left;

	text-align: center;

	font-size: 25px;

	margin: 3px 0px 0px;

}

.keo_contact_des {

	padding: 5px 0px 0px 70px;

	float: none;

	width: auto;

}

.keo_contact_des>h6 {

	font-size: 16px;

	font-weight: bold;

	margin: 0px 0px 8px;

	text-transform: capitalize;

}

.keo_contact_des>a {

	display: block;

	color: #666666;

}

.keo_contact_des>p {

	margin-bottom: 0px;

	font-size: 13px;

}

/*



	  ==============================================================



		   Contact Social Wrap CSS



	  ==============================================================



*/







ul.keo_scl_icon {

	text-align: center;

}

.keo_contact_scl_wrap ul.keo_scl_icon {

	text-align: left;

}

.keo_contact_scl_wrap ul.keo_scl_icon li a {

	color: #ffffff;

	border: 0px;

	margin: 0px 0px 0px 5px;

	text-align: center;

}

/*



	  ==============================================================



		   Map Wrap CSS



	  ==============================================================



*/







.keo_contact_us_map {

	width: 100%;

	float: left;

	min-height: 340px;

	position: relative;

	border-radius: 30px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

/*



	  ==============================================================



		   Contact Form Wrap CSS



	  ==============================================================



*/







.keo_contact_form_wrap {

	margin-top: 74px;

}

.keo_contact_form_wrap.keo_index_one_contact {

	background-color: #f7f7f7;

	margin-top: 0px;

}

.keo_contact_form {

	float: left;

	width: 100%;

	position: relative;

}

.keo_contact_us_field {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

}

.keo_contact_us_field input[type="text"], .keo_contact_us_field input[type="email"], .keo_contact_us_field textarea {

	float: left;

	width: 100%;

	border: 1px solid rgba(127, 127, 127, 0.45);

	border-radius: 2px;

	min-height: 48px;

	margin: 0 0 20px;

	padding: 8px 20px 8px 20px;

	border-radius: 40px;

	background-color: #f5f5f5;

}

.keo_contact_us_field textarea {

	min-height: 85px;

	resize: none;

	padding: 20px 30px;

	border-radius: 30px;

}

.keo_contact_us_field input[type="submit"], .keo_contact_us_field button {

	text-align: center;

	border: 0px;

	text-transform: capitalize;

	font-weight: 600;

	padding: 13px 50px;

	border: 0px;

	font-size: 15px;

	border-radius: 60px;

	color: #ffffff;

}

/*Hover Css*/







.keo_contact_us_field input[type="submit"]:hover, .keo_contact_us_field button:hover {

	color: #fff;

}

#contact-form label.error {

	position: absolute;

	top: -16px;

	font-size: 11px;

	color: #a94442;

	left: 0px;

}

#quote-form label.error, #pop-quote-form label.error, #pop-quote-form2 label.error, #head-quote-form label.error {

	top: -14px;

	font-size: 11px;

	color: #a94442

}

input[aria-invalid="true"] {

	border-bottom: 2px solid #a94442 !important

}

.keo_contact_form #contact-result .alert {

	padding: 10px 15px;

	font-size: 12px;

	margin-bottom: 0;

	float: left;

	float: left;

}

/*



	  ==============================================================



		   Who We Are Wrap CSS



	  ==============================================================



*/







.keo_who_we_img:before, .keo_who_we_img:after {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

}

.keo_who_we_img:before {

	width: 4px;

	height: 25%;

}

.keo_who_we_img:after {

	height: 4px;

	width: 30%;

}

.keo_who_we_img {

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_who_we_img>img {

	width: 100%;

	height: auto;

}

.keo_who_we_wrap>h5 {

	font-size: 20px;

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 0px;

}

.keo_who_we_wrap>h3 {

	text-transform: capitalize;

	font-weight: bold;

}

.keo_who_we_wrap span.keo_hdg_left {

	display: inline-block;

	position: relative;

}

.keo_who_we_wrap span.keo_hdg_left:before {

	content: "";

	position: absolute;

	width: 110px;

	height: 1px;

	background-color: #999999;

	left: 0px;

	top: -7px;

}

.keo_who_we_wrap span.keo_hdg_left:after {

	content: "";

	position: absolute;

	width: 80px;

	height: 1px;

	background-color: #999999;

	left: 0px;

	top: -3px;

}

.keo_who_we_wrap>p {

	margin: 15px 0px 22px;

}

.keo_who_we_wrap ul {

	float: left;

	width: 100%;

}

.keo_who_we_wrap>ul>li {

	margin: 0px 0px 20px;

}

 .keo_who_we_wrap>ul>li:nth-last-child(-n+2) {

 margin-bottom: 0px;

}

.keo_who_we_icon {

	width: 75px;

	height: 75px;

	border-radius: 100%;

	color: #666666;

	line-height: 75px;

	text-align: center;

	background-color: #eeeeee;

	/*border: 1px solid #bababa;*/



	font-size: 35px;

	float: left;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 10;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_who_we_icon:before {

	position: absolute;

	content: "";

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	transform: scale(0);

	-moz-transform: scale(0);

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	border-radius: 100%;

	z-index: -1;

}

.keo_who_we_des {

	float: none;

	padding: 5px 0px 0px 90px;

	width: auto;

}

.keo_who_we_des h6>a {

	display: block;

	text-transform: capitalize;

	margin: 0px 0px 10px;

	font-weight: bold;

}

/*Hover*/







.keo_who_we_bg:hover .keo_who_we_img:before {

	height: 100%;

}

.keo_who_we_bg:hover .keo_who_we_img:after {

	width: 100%;

}

.keo_who_we_wrap>ul>li:hover .keo_who_we_icon:before {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

}

.keo_who_we_wrap>ul>li:hover .keo_who_we_icon {

	color: #ffffff;

}

/*



	  ==============================================================



		   Core Value Wrap Start Wrap Css Start



	  ==============================================================



*/







.keo_core_value_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.keo_core_value_wrap ul {

	float: left;

	width: 100%;

}

.keo_core_value_wrap ul li {

	display: inline-block;

	position: relative;

	width: 25%;

}

.keo_core_value_wrap ul li a {

	display: block;

	text-align: center;

	padding: 12px 0px;

	border: 1px solid rgba(237, 237, 237, 0.8);

	margin-left: -4px;

	font-weight: 600;

	background-color: #f9f9f9;

	text-transform: capitalize;

}

.keo_core_value_wrap ul li:first-child a {

	margin-left: 0px;

}

/*Core Value Tab Des*/







.keo_core_value_tab {

	float: left;

	width: 100%;

	position: relative;

	/*border: 1px solid rgba(237, 237, 237, 0.8);*/



	margin-top: -1px;

	padding: 20px 20px 5px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_core_value_des {

	float: left;

	width: 100%;

	position: relative;

	margin: 0px 0px 15px;

}

.keo_core_value_des figure {

	width: 255px;

}

.keo_core_value_des figure img {

	width: 100%;

	height: auto;

}

.keo_core_img_des {

	float: none;

	width: auto;

	padding: 0px 0px 0px 270px;

}

.keo_core_img_des h6 {

	color: #666666;

	margin: 0px 0px 10px;

	font-weight: bold;

	text-transform: capitalize;

}

.keo_core_img_des p {

}

ul.keo_aboutus_list {

	float: left;

	width: 100%;

}

ul.keo_aboutus_list li {

	width: 50%;

	float: left;

	position: relative;

	color: #666666;

	font-size: 16px;

	padding: 0px 0px 16px 25px;

}

ul.keo_aboutus_list li:before {

	content: "\f058";

	font-family: fontawesome;

	position: absolute;

	top: 1px;

	left: 0px;

	font-size: 15px;

	color: #666666;

}

/*Hover CSS*/







.keo_core_value_wrap ul li:hover a, .keo_core_value_wrap ul li.active a, .keo_core_value_wrap ul li:focus a {

	color: #fff;

}

/*



	  ==============================================================



		   Faqs and Terms Wrap CSS



	  ==============================================================



*/







.accor_outer_wrap, .ct_accord_list {

	float: left;

	width: 100%;

	position: relative;

}

.ct_accord_list {

	margin: 0px 0px 20px;

}

.accord_hdg {

	float: left;

	width: 100%;

	position: relative;

	border: 1px solid #eeeeee;

	padding: 15px 40px 15px 18px;

	cursor: pointer;

}

.accord_hdg .accordion-open {

	border-bottom: 1px solid #eeeeee;

}

.accord_hdg span {

	position: absolute;

	top: 18px;

	right: 16px;

	color: #e8e6e6;

	display: inline-block;

	font-size: 20px;

}

.accor_outer_wrap .accord_hdg h6 {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 16px;

}

.accord_des {

	float: left;

	width: 100%;

	position: relative;

}

.accord_des:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	border-bottom: 4px solid #f3f2f2;

	border-left: 4px solid #f3f2f2;

	border-right: 4px solid #f3f2f2;

}

.accord_des p {

	padding: 5px 20px 15px;

}

.accor_outer_wrap .ct_accord_list:last-child {

	margin-bottom: 0px;

}

/*Open Accordian*/



.accord_hdg.accordion-open:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	border-top: 3px solid #f3f2f2;

	border-left: 3px solid #f3f2f2;

	border-right: 3px solid #f3f2f2;

}

.accord_hdg.accordion-open span {

	color: #666666;

}

/*



	  ==============================================================



		   Pagination Wrap CSS



	  ==============================================================



*/







.keo_pagination_outer_wrap {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

}

.keo_pagination_outer_wrap ul {

	display: inline-block;

	width: auto;

	background-color: #ffffff;

	/*box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.08);*/



	border-radius: 7px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_pagination_outer_wrap ul li {

	position: relative;

	display: inline-block;

	margin: 0px -4px 0px 0px;

}

.keo_pagination_outer_wrap ul li:last-child {

	margin-right: 0px;

}

.keo_pagination_outer_wrap ul li a {

	display: block;

	width: 48px;

	height: 48px;

	border: 1px solid #f2f2f2;

	line-height: 48px;

	font-weight: 500;

}

.keo_pagination_outer_wrap ul li:first-child a, .keo_pagination_outer_wrap ul li:last-child a {

	width: 60px;

	border: 1px solid #f2f2f2;

}

.keo_pagination_outer_wrap ul li.active a, .keo_pagination_outer_wrap ul li:hover a {

	color: #fff;

}

/*



	  ==============================================================



		   Advance Search Wrap CSS



	  ==============================================================



*/







.keo_advacnce_search_wrap {

	padding: 10px;

	background-color: #ffffff;

	/*box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.08);*/



	border-radius: 5px;

	margin-bottom: 30px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_advance_search {

	width: 40%;

	float: left;

	margin-right: 15px;

}

.keo_advance_search form input[type="text"] {

	width: 100%;

	border: 0px;

	border-bottom: 1px solid #e8e8e8;

	height: 44px;

	padding: 10px 160px 10px 10px;

}

.keo_advance_search form input[type="submit"], .keo_advance_search form button {

	color: #ffffff;

	height: 44px;

	padding: 0px 25px;

	border-radius: 5px;

	border: 0px;

	position: absolute;

	top: 0px;

	right: 0px;

}

.keo_advacnce_search_wrap .keo_explore_search {

	width: 20%;

	margin: 0px 18px 0px 0px;

}

.keo_advacnce_search_wrap .chosen-container-single .chosen-single {

	border-radius: 5px;

	background-color: #f5f5f5;

	border-color: rgba(51, 51, 51, 0.2);

	height: 44px;

	padding: 10px 26px 10px 10px;

}

.keo_advacnce_search_wrap .chosen-container-single .chosen-drop {

	border-radius: 0px;

}

.keo_advacnce_search_wrap .chosen-container .chosen-drop {

	border: 1px solid rgba(51, 51, 51, 0.2);

}

.keo_search_type {

	width: 18%;

	float: left;

	text-align: center;

}

.keo_search_type ul {

	width: auto;

	border-radius: 5px;

}

.keo_search_type ul li {

	display: inline-block;

	position: relative;

	background-color: #f5f5f5;

}

.keo_search_type ul li a {

	display: block;

	border: 1px solid rgba(51, 51, 51, 0.2);

	color: #333333;

	height: 42px;

	padding: 0px 15px;

	line-height: 42px;

	margin: 0px 0px 0px -5px;

	background-color: #f5f5f5;

}

.keo_search_type ul li:first-child a {

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.keo_search_type ul li:last-child a {

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.keo_search_format {

	width: 18%;

	float: left;

}

.keo_search_format ul {

	width: auto;

	float: right;

}

.keo_search_format ul li {

	display: inline-block;

	position: relative;

}

.keo_search_format ul li a {

	display: block;

	height: 42px;

	padding: 0px 15px;

	line-height: 44px;

}

.keo_search_format ul li a i {

	margin-right: 8px;

	color: #666;

}

/*Hover*/







.keo_search_type ul li:hover a {

	color: #ffffff;

}

.keo_search_format ul li:hover a, .keo_search_format ul li:hover a i {

	color: #333333;

}

/*



	  ==============================================================



		   Campus History Wrap CSS



	  ==============================================================



*/



/*History Des Css*/







.keo_history_pagination {

	float: left;

	width: 100%;

}

.keo_history_pagination .flex-viewport {

	padding: 10px 10px 50px;

}

.keo_history_pagination ul li:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 70px;

	right: 0px;

	height: 1px;

	background-color: #dadada;

	z-index: -1;

}

.keo_history_pagination ul li:last-child:before {

	display: none;

}

.keo_history_date {

	width: 70px;

	height: 70px;

	border-radius: 100%;

	background-color: #ffffff;

	line-height: 70px;

	font-size: 16px;

	text-align: center;

	float: left;

	position: relative;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_history_date:before {

	content: "";

	position: absolute;

	top: -5px;

	left: -5px;

	width: 115%;

	height: 114%;

	border: 1px solid;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	border-radius: 100%;

}

.keo_history_slider {

	float: left;

	width: 100%;

	box-shadow: none;

}

.get_started_content_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.get_started_content_wrap h4 {

	margin: 0px 0px 15px;

	text-transform: capitalize;

	font-weight: bold;

}

.get_started_content_wrap ul {

	float: left;

	width: 100%;

}

.get_started_content_wrap ul li {

	width: 100%;

	position: relative;

	padding: 6px 0 6px 30px;

	font-weight: 500;

}

.get_started_content_wrap ul li:before {

	content: "\f14a";

	position: absolute;

	font-family: fontawesome;

	top: 6px;

	left: 2px;

	width: auto;

	height: auto;

}

.get_started_video {

	float: left;

	width: 100%;

	position: relative;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.get_started_video:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

}

.get_started_video img {

	height: auto;

}

.get_video_icon {

	position: absolute;

	top: 50%;

	width: 100%;

	text-align: center;

	margin: -50px 0px 0px;

}

.get_video_icon a {

	display: inline-block;

	width: 70px;

	height: 70px;

	border: 2px solid #fff;

	border-radius: 100%;

	line-height: 70px;

	margin: 0px 0px 10px;

	color: #fff;

	font-size: 30px;

}

.get_video_icon span {

	color: #fff;

	font-weight: 400;

	text-transform: capitalize;

	display: block;

}

/*Hover*/







.keo_history_pagination ul li.flex-active-slide .keo_history_date, .keo_history_pagination ul li .keo_history_date:hover {

	color: #ffffff;

}

.keo_history_pagination ul li.flex-active-slide .keo_history_date:before, .keo_history_pagination ul li .keo_history_date:hover:before {

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

}

/*



	  ==============================================================



		   Course Detail Wrap CSS



	  ==============================================================



*/



.keo_course_detail_bg {

	background-color: #f5f5f5;

}

.keo_cdd_outer_wrap {

	background-color: #ffffff;

	border-radius: 5px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_cdd_outer_wrap>figure {

	margin: 0px 0px 30px;

}

.keo_cdd_outer_wrap>figure>img {

	width: 100%;

	height: auto;

}

.keo_cd_hdg_wrap {

	padding: 10px 15px;

}

.keo_cd_hdg_wrap>h5 {

	font-weight: 600;

	text-transform: capitalize;

	float: left;

	width: 70%;

}

.keo_cd_rating {

	float: right;

	width: 30%;

}

.keo_cd_rating>span {

	float: right;

	font-size: 14px;

	margin-left: 10px;

}

.keo_cd_mata_wrap {

	padding: 15px 15px;

	border-bottom: 1px solid #dbdbdb;

}

.keo_cd_mata_wrap>ul {

	float: left;

	width: 100%;

}

.keo_cd_mata_wrap>ul>li {

	position: relative;

	float: left;

	padding: 0px 24px;

	line-height: 25px;

	border-radius: 5px;

}

.keo_cd_mata_wrap>ul>li:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	height: 50px;

	width: 1px;

	background-color: #cccccc;

}

.keo_cd_mata_wrap>ul>li:first-child {

	padding-left: 0px;

}

.keo_cd_mata_wrap>ul>li:last-child {

	float: right;

	padding-right: 0px;

}

.keo_cd_mata_wrap>ul>li:first-child:before {

	display: none;

}

.keo_cd_mata_wrap>ul>li>figure {

	border-radius: 100%;

	width: 50px;

	height: 50px;

	border: 2px solid #e2e2e2;

	margin-right: 10px;

}

.keo_cd_mata_wrap>ul>li>figure>img {

	width: 100%;

	height: auto;

}

.keo_course_meta_des {

	overflow: hidden;

}

.keo_course_meta_des>h6 {

	font-size: 15px;

	font-weight: bold;

}

.keo_course_meta_des>span {

}

.keo_cd_mata_wrap>ul>li>i {

	width: 30px;

	float: left;

	font-size: 35px;

	color: #666666;

	margin-right: 10px;

}

.keo_cd_mata_wrap>ul>li ul.keo_scl_icon li a {

	color: #ffffff;

	border: 1px solid transparent;

}

/*Description*/







.keo_cd_des_wrap {

	padding: 20px 20px 25px;

	border-bottom: 1px solid #dbdbdb;

}

.keo_cd_des_wrap>h4 {

	font-weight: 600;

	text-transform: capitalize;

	margin: 0px 0px 13px;

	line-height: normal;

}

.keo_cd_des_wrap ul, .keo_cd_des_wrap ul li {

	float: left;

	width: 100%;

}

.keo_cd_des_wrap ul li {

	margin: 15px 0px 0px;

	position: relative;

	padding: 0px 0px 0px 25px;

}

.keo_cd_des_wrap ul li:before {

	content: "\f178";

	font-family: fontawesome;

	position: absolute;

	top: 0px;

	left: 0px;

	width: auto;

	height: auto;

}

.keo_cd_des_wrap.border_bottom {

	border-bottom: 0px;

}

/*Couurse List*/







.keo_course_list_wrap {

	padding: 0px 15px 15px;

}

.keo_course_list_wrap>h6 {

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 15px;

}

.keo_course_list_wrap>ul {

	float: left;

	width: 100%;

}

.keo_course_list_wrap>ul>li {

	width: 100%;

	float: left;

	position: relative;

	background-color: #f5f5f5;

	border: 1px solid #dbdbdb;

	padding: 10px 15px;

	border-radius: 5px;

	margin: 0px 0px 10px;

}

.keo_lec_detail {

	float: left;

	width: 14%;

	text-align: left;

	text-transform: capitalize;

	font-weight: 600;

}

.keo_lec_title {

	float: left;

	width: 70%;

}

.keo_lec_title>h6 {

	color: #666;

	display: inline-block;

	font-weight: 600;

	margin-right: 15px;

	font-size: 14px;

}

.keo_lec_title>span {

	display: inline-block;

	padding: 1px 15px;

	border-radius: 15px;

	color: #ffffff;

	font-size: 12px;

}

.keo_lec_duration {

	float: left;

	width: 16%;

	font-weight: 600;

	text-align: right;

}

.keo_lec_duration>i {

	margin-right: 10px;

}

.keo_course_list_wrap.border_bottom {

	border-bottom: 1px solid #dbdbdb;

}

/*Instructor Des*/







.keo_instructor_detail {

	padding: 20px 15px 18px;

}

.keo_instructor_detail>figure {

	width: 30%;

	border-radius: 5px;

}

.keo_instructor_detail>figure>img {

	width: 100%;

	height: auto;

}

.keo_instructor_detail_des {

	float: left;

	width: 67%;

	margin-left: 16px;

}

.keo_instructor_detail_des>h4 {

	font-weight: bold;

	margin: 0px 0px 10px;

	text-transform: capitalize;

}

.keo_instructor_detail_des>h6 {

	margin: 0px 0px 10px;

	font-weight: 600;

}

.keo_instructor_detail_des ul.keo_scl_icon li {

	float: left;

	margin-right: 8px;

}

.keo_instructor_detail_des ul.keo_scl_icon li a {

	color: #ffffff;

	border-color: transparent;

}

/*



	  ==============================================================



		   Blog Grid Wrap CSS



	  ==============================================================



*/







.keo_blog_wrap {

	background-color: #ffffff;

	border-radius: 5px;

	border-bottom: 2px solid;

	/*box-shadow: 0px 1px 15px 2px rgba(0, 0, 0, 0.10);*/



	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_blog_wrap figure img {

	width: 100%;

	height: auto;

}

.keo_blog_wrap figure:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	z-index: 10;

	opacity: 0.75;

	transform-origin: top left;

	-webkit-transform-origin: top left;

	-ms-transform-origin: top left;

	-moz-transform-origin: top left;

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

}

.keo_blog_des {

	padding: 20px 15px 0px;

	background-color: #ffffff;

	z-index: 10;

}

.keo_blog_wrap ul {

	margin: 0px 0px 15px;

}

.keo_blog_des>h6>a, .keo_blog_des>h5>a {

	display: block;

	text-transform: capitalize;

	font-weight: 600;

	margin: 0px 0px 15px;

}

.keo_blog_wrap>a {

	color: #ffffff;

	text-transform: capitalize;

	float: left;

	width: 100%;

	position: relative;

	opacity: 0;

	z-index: 10;

	padding: 0px 15px;

	-ms-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

}

.keo_blog_wrap>a:before {

	content: "";

	position: absolute;

	top: -13px;

	left: 0px;

	width: 0px;

	height: 45px;

	z-index: -1;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}

.keo_blog_wrap>a>i {

	position: absolute;

	top: 5px;

	right: -100px;

}

/*Hover*/







.keo_blog_wrap:hover figure:before, .keo_blog_wrap:hover .keo_gallery_style1_des {

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	visibility: visible;

}

.keo_blog_wrap:hover .keo_blog_des {

	transform: translateY(-25px);

	-moz-transform: translateY(-25px);

	-webkit-transform: translateY(-25px);

	-ms-transform: translateY(-25px);

}

.keo_blog_wrap:hover>a {

	opacity: 1;

}

.keo_blog_wrap:hover>a:before {

	width: 100%;

}

.keo_blog_wrap:hover>a>i {

	right: 15px;

}

/*



	  ==============================================================



		   Blog Listing Wrap CSS



	  ==============================================================



*/







.keo_blog_listing {

	background-color: #ffffff;

	overflow: hidden;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_blog_listing figure {

	width: 40%;

}

.keo_blog_listing figure:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	z-index: 10;

	opacity: 0.75;

	transform-origin: top left;

	-webkit-transform-origin: top left;

	-ms-transform-origin: top left;

	-moz-transform-origin: top left;

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

}

.keo_blog_listing .keo_blog_listing ul {

	margin: 0px 0px 15px;

}

.keo_blog_listing .keo_listing_des {

	float: left;

	width: 60%;

	padding: 15px 15px 0px;

}

.keo_listing_des ul {

	margin: 0px 0px 20px;

}

.keo_listing_des p {

	margin-bottom: 15px;

}

.keo_blog_listing .keo_listing_des>h6, .keo_blog_listing .keo_listing_des>h5 {

	margin-bottom: 10px;

}

.keo_listing_des>h6, .keo_listing_des>h5 {

	float: left;

	width: 100%;

	margin: 0px 0px 15px;

}

.keo_listing_des>h6>a, .keo_listing_des>h5>a {

	display: block;

	text-transform: capitalize;

	font-weight: 600;

}

.keo_blog_listing .keo_listing_des ul.keo_event_meta {

	margin-bottom: 15px;

}

.keo_listing_des>a {

	display: inline-block;

	border-radius: 30px;

	background-color: #444444;

	padding: 10px 25px;

	text-transform: capitalize;

	font-size: 14px;

	color: #ffffff;

}

.keo_listing_share_wrap {

	float: right;

	width: 65%;

	position: relative;

}

.keo_listing_share_wrap>button {

	border: 1px solid #dbdbdb;

	background-color: #f5f5f5;

	color: #a5a5a5;

	width: 34px;

	height: 34px;

	border-radius: 100%;

	float: right;

	position: relative;

	z-index: 10;

	outline: 0px;

}

.keo_listing_share_wrap ul.keo_scl_icon {

	position: absolute;

	right: -100px;

	width: 100%;

	margin: 0px;

	opacity: 0;

}

.keo_listing_share_wrap ul.keo_scl_icon li a {

	color: #ffffff;

}

ul.keo_scl_icon.on_share {

	opacity: 1;

	right: -25px;

}

/*Hover*/







.keo_blog_listing:hover figure:before, .keo_blog_listing:hover .keo_gallery_style1_des {

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	visibility: visible;

}

/*



	  ==============================================================



		   Blog Single Wrap CSS



	  ==============================================================



*/







.keo_blog_single_wrap {

	background-color: #ffffff;

	border: 1px solid #dbdbdb;

	border-radius: 5px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_blog_single_wrap .keo_listing_des {

	padding: 26px 20px 22px;

}

.keo_blog_single_wrap ul.keo_scl_icon {

	float: right;

	width: auto;

	margin: 0px;

}

.keo_blog_single_wrap ul.keo_scl_icon li a {

	color: #ffffff;

	border: 1px solid transparent;

}

/*Slider Css*/







.keo_blog_slider {

	position: relative;

	bottom: 0px;

	left: 0px;

	right: 0px;

	margin: -18px auto auto;

	width: 100px;

	background-color: #ffffff;

	height: 38px;

	border: 3px solid;

	border-radius: 30px;

	z-index: 100;

}

.keo_blog_single_wrap .swiper-button-prev, .keo_blog_single_wrap .swiper-button-next {

	margin: auto;

	background-image: none;

	text-align: center;

	height: 32px;

	width: 50px;

	line-height: 35px;

	font-weight: 600;

	font-size: 18px;

	top: 0px;

}

.keo_blog_single_wrap .swiper-button-next {

	right: 0px;

	border-bottom-right-radius: 30px;

	border-top-right-radius: 30px;

}

.keo_blog_single_wrap .swiper-button-prev {

	left: 0px;

	border-bottom-left-radius: 30px;

	border-top-left-radius: 30px;

}

/*Hover*/







.keo_blog_single_wrap .swiper-button-prev:hover, .keo_blog_single_wrap .swiper-button-next:hover {

	color: #ffffff;

}

/*Blog Quote*/







.keo_blog_quote {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(166, 166, 166, 0.8);

	text-align: center;

}

.keo_blog_quote_des {

	position: absolute;

	top: 50%;

	width: 100%;

	margin: -50px 0px 0px;

	padding: 10px 30px;

}

.keo_blog_quote p {

	color: #ffffff;

	font-size: 22px;

}

.keo_blog_quote span {

	color: #ffffff;

	font-size: 16px;

	font-weight: 600;

}

/*



	  ==============================================================



		   Blog Detail Wrap CSS



	  ==============================================================



*/



.keo_blog_detail_wrap .keo_listing_des h5 {

	margin-bottom: 20px;

}

.keo_blog_detail_wrap .keo_instructor_detail {

	padding-left: 0px;

	padding-right: 0px;

}

.keo_blog_detail_wrap .keo_instructor_detail>figure {

	width: 42%;

}

.keo_blog_detail_wrap .keo_instructor_detail_des {

	width: 55%;

}

.keo_tag_wrap {

	border-top: 1px solid #e4e4e4;

	padding: 18px 0px 0px;

}

.keo_tag_wrap h6 {

	font-weight: 600;

	display: inline-block;

	float: left;

	margin-right: 10px;

	margin-top: 0px;

}

.keo_tag_wrap>ul {

	float: left;

	width: 50%;

	margin-bottom: 0px;

	margin-top: 6px;

}

.keo_tag_wrap>ul>li {

	position: relative;

	display: inline-block;

	margin-top: 3px;

}

.keo_tag_wrap>ul>li>a {

	display: inline-block;

	color: #666;

}

.keo_tag_wrap ul.keo_scl_icon li:hover a {

	color: #ffffff;

}

/*Comment CSS*/







.keo_detail_hdg h5 {

	margin: 0px 0px 20px 20px;

	font-weight: bold;

	text-transform: capitalize;

}

.keo_detail_hdg h5>span {

	display: inline-block;

	margin: 0px 10px 0px 0px;

}

.keo_comment_list_wrap {

	float: left;

	width: 100%;

	position: relative;

	margin: 0px 0px 30px;

	background-color: #ffffff;

	padding: 25px 0px 20px;

	border-radius: 5px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_comment_list_wrap ul {

	float: left;

	width: 100%;

}

.keo_comment_list_wrap ul li {

	float: left;

	width: 100%;

	position: relative;

	padding: 25px 0 13px;

	border-bottom: 1px solid #e5e5e5;

}

.keo_comment_list_wrap ul li:last-child {

	border-bottom: 0px;

	padding-bottom: 0px;

}

.keo_comment_list_wrap>ul>li:first-child {

	padding-top: 0px;

}

.keo_comment_wrap {

	float: left;

	width: 100%;

	position: relative;

	padding: 0px 20px;

}

.keo_comment_wrap figure {

	width: 90px;

	float: left;

	position: relative;

	border-radius: 5px;

}

.keo_comment_wrap figure img {

	width: 100%;

	height: auto;

}

.keo_comment_des {

	float: none;

	width: auto;

	padding: 0px 0px 0px 110px;

}

.keo_comment_des h6 {

	display: inline-block;

}

.keo_comment_des h6>a {

	display: inline-block;

	font-size: 15px;

	color: #333333;

	font-weight: 600;

}

.keo_comment_des>a {

	display: inline-block;

	float: right;

	font-size: 14px;

	font-weight: 600;

}

.keo_comment_des>a i {

	margin-right: 10px;

}

.keo_comment_date {

	float: left;

	width: 100%;

	position: relative;

	margin: 5px 0px;

}

.keo_comment_date span {

	font-size: 14px;

	margin-left: 5px;

	display: inline-block;

}

.keo_comment_date span>i {

	margin-right: 10px;

}

.keo_comment_date span:first-of-type {

	margin-left: 0px;

}

.keo_comment_date>a {

	display: inline-block;

	color: #999999;

	margin-left: 10px;

}

.keo_comment_date>a>i {

	margin-right: 10px;

}

/*Second Ul*/







.keo_comment_list_wrap ul ul {

	padding-left: 50px;

	margin: 0px;

	border-top: 1px solid #e5e5e5;

	margin-top: 10px;

}

.keo_comment_list_wrap ul ul li {

	border: 0px;

	padding-bottom: 0px;

}

/*



	  ============================================================



		   Author Comment Wrap Start



	  ============================================================



*/







.keo_blog_detail_author {

	float: left;

	width: 100%;

	padding: 25px 15px;

	background-color: #ffffff;

	margin-bottom: 30px;

	border-radius: 5px;

	/*border: 1px solid #dbdbdb;*/



	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_blog_detail_author figure {

	float: left;

	width: 130px;

	border-radius: 5px;

}

.keo_blog_detail_author figure img {

	width: 100%;

	height: auto;

}

.keo_blog_author_cap {

	float: none;

	padding: 5px 0px 15px 150px;

}

.keo_blog_author_cap h5>a {

	display: block;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 5px;

}

.keo_blog_author_cap p {

	margin: 0px 0px 10px;

}

.keo_blog_author_cap>ul {

	float: left;

}

.keo_blog_author_cap>ul>li>a {

	border-color: transparent;

	color: #ffffff;

}

/*Post Comment Wrap CSS*/







.keo_post_comment_wrap {

	float: left;

	width: 100%;

	border-radius: 5px;

	position: relative;

	background-color: #ffffff;

	padding: 25px 0px 28px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_post_comment_wrap .keo_contact_us_field {

	text-align: left;

}

/*



	  ============================================================



		   Classes Wrap Css



	  ============================================================



*/







.keo_explore_search.keo_clas_search {

	width: 17.9%;

}

.keo_table_head>tr>th {

	color: #ffffff;

	text-align: center;

	padding: 30px 0px;

	text-align: center;

	border-color: rgba(255, 255, 255, 0.2);

}

.empty_class_bg {

	background-color: #f5f5f5;

}

.open-date {

	display: block;

	font-size: 10px;

	line-height: normal;

}

.keo_class_body_bg {

	background-color: #ffffff;

}

.keo_classes_table {

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.card-container {

	padding: 30px 15px;

	position: relative;

}

.card-container:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 0;

	background-image: url(extra-images/class-bg.jpg);

	background-repeat: no-repeat;

	opacity: 0.2;

	background-size: cover;

	z-index: 10;

}

.keo_classes_table td {

	padding: 0px;

	border: 0px;

	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03);

}

.keo_classes_table .card h4 {

	font-size: 14px;

	font-weight: bold;

}

.keo_classes_table .card>h4>i {

	font-size: 13px;

	width: 25px;

	height: 25px;

	background: #f5f5f5;

	border-radius: 50%;

	text-align: center;

	line-height: 25px;

	margin-right: 10px;

}

.keo_classes_table .card .open-time {

	font-size: 11px;

}

.keo_classes_table .card p {

	font-weight: 700;

}

.keo_classes_table .card p span {

	font-weight: 400;

}

/*Small Table*/







.keo_table_small {

	display: none;

	padding: 10px;

	background-color: #ffffff;

}

.keo_table_small>h3 {

	font-weight: bold;

	margin: 10px 0px 15px;

	font-size: 20px;

}

.keo_table_small ul {

	margin: 0px 0px 25px;

}

.keo_table_small ul li {

	border-bottom: 1px solid #cfdae2;

	padding: 10px 0px;

}

.keo_table_small ul li p {

	color: #91a9bb;

	float: right;

	font-size: 11px;

}

.keo_table_small ul li a.painting {

	color: #ffbb44;

}

.keo_table_small ul li a.dancing {

	color: #fc6f8d;

}

.keo_table_small ul li a.english {

	color: #ed6950;

}

/*Hover*/







.card-container:hover:before {

	height: 100%;

}

/*



	  ============================================================



		   Event Grid Wrap Css



	  ============================================================



*/







.keo_event_grid {

	background-color: #ffffff;

	/*border: 1px solid rgba(195, 195, 195, 0.3);*/



	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_event_grid>figure {

	overflow: visible;

}

.keo_event_grid figure:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 0;

	height: 100%;

	opacity: 0.75;

}

.keo_event_grid>figure>img {

	width: 100%;

	height: auto;

}

.keo_event_grid_date {

	position: absolute;

	width: 65px;

	height: 65px;

	border: 3px solid #ffffff;

	bottom: -20px;

	left: 15px;

	border-radius: 10px;

	color: #ffffff;

	font-size: 25px;

	text-align: center;

	line-height: 32px;

	padding: 5px;

}

.keo_event_grid_date>span {

	font-size: 18px;

	display: block;

	line-height: 18px;

	margin-top: -3px;

}

.keo_event_grid_des {

	padding: 30px 15px 20px;

}

.keo_event_grid_des>h6, .keo_event_grid_des>h5 {

	margin: 0px 0px 10px;

	font-weight: 600;

}

.keo_event_grid_des>ul {

	margin: 0px 0px 10px;

}

.keo_event_grid_des>a {

	display: inline-block;

	border-radius: 30px;

	color: #ffffff;

	padding: 9px 20px;

	min-width: 110px;

	text-align: center;

}

.keo_event_grid_des>a:first-of-type {

	margin-right: 10px;

}

/*Hover*/







.keo_event_grid:hover figure:before {

	height: 100%;

	width: 100%;

}

.keo_event_grid:hover {

	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);

}

/*



	  ============================================================



		   Event List Wrap Css



	  ============================================================



*/







.keo_event_list>figure {

	width: 30%;

}

.keo_event_list>figure>img {

	height: 100%;

}

.keo_event_list .keo_event_grid_date {

	top: 15px;

	right: -10px;

	left: auto;

}

.keo_event_list .keo_event_grid_des {

	width: 58%;

	padding-left: 25px;

	padding-top: 20px;

}

.kode_banner_counter .countdown {

	margin: 0px;

}

.keo_event_counter {

	width: 12%;

	float: right;

	border-left: 1px solid rgba(195, 195, 195, 0.3);

	text-align: center;

	padding: 5px;

}

ul.countdown li {

	padding: 10px 5px;

	width: 100%;

	position: relative;

	background-color: #eeeeee;

	font-size: 13px;

	border-radius: 5px;

	margin: 0px 0px 5px;

}

ul.countdown li:last-child {

	margin: 0px;

}

ul.countdown li span {

	display: block;

	line-height: normal;

	font-weight: 600;

}

ul.countdown li p {

	text-transform: capitalize;

	margin: 0px;

}

/*



	  ============================================================



		   Event Detail Wrap Css



	  ============================================================



*/







.bg_white {

	background-color: #ffffff;

}

.keo_event_detail_wrap {

	border-radius: 5px;

	margin-bottom: 20px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_event_detail_wrap>figure>img {

	width: 100%;

	height: auto;

}

.keo_event_d_date {

	width: 65px;

	height: 65px;

	border: 3px solid;

	background-color: #ffffff;

	border-radius: 10px;

	color: #ffffff;

	font-size: 25px;

	text-align: center;

	line-height: 28px;

	padding: 5px;

	float: left;

}

.keo_event_detail_des {

	padding: 25px 15px 22px;

}

.keo_event_d_date>span {

	font-size: 18px;

	display: block;

	line-height: 24px;

}

.keo_event_detail_hdg {

	overflow: hidden;

	margin: 0px 0px 23px;

	padding: 0px 0px 0px 10px;

}

.keo_event_detail_hdg>h4 {

	font-weight: bold;

	margin: 0px 0px 10px;

	line-height: normal;

}

.keo_event_d_time {

	border: 1px solid #dbdbdb;

	padding: 10px;

	border-radius: 5px;

}

.keo_event_d_time ul.countdown {

	width: 60%;

	float: left;

}

.keo_event_d_time ul.countdown li {

	width: 80px;

	height: 60px;

	display: inline-block;

	text-align: center;

	border-radius: 5px;

	padding: 10px 5px;

	margin-bottom: 0px;

	border: 1px solid #dbdbdb;

	margin-right: 5px;

}

.keo_event_d_time ul.countdown li:last-child {

	margin: 0px;

}

.keo_event_d_time>a {

	display: inline-block;

	color: #ffffff;

	padding: 10px 25px;

	text-transform: capitalize;

	background-color: #444444;

	border-radius: 30px;

	margin: 10px 0px 0px;

}

.keo_event_d_time>a:first-of-type {

	margin-left: 8px;

}

/*Tab Css*/







.keo_event_tab {

	padding: 15px;

}

.keo_event_inside_tab {

	border: 1px solid #dbdbdb;

	border-radius: 5px;

}

.keo_event_inside_tab>ul {

	float: left;

	width: 100%;

	background-color: #f5f5f5;

	border-bottom: 1px solid #dbdbdb;

}

.keo_event_inside_tab>ul>li {

	float: left;

	text-align: center;

	position: relative;

	z-index: 10;

}

.keo_event_inside_tab>ul>li:before {

	content: "";

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 0%;

	opacity: 0;

	z-index: -1;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}

.keo_event_inside_tab>ul>li>a {

	display: block;

	font-size: 18px;

	text-transform: capitalize;

	min-width: 195px;

	padding: 12px 0px;

	border-right: 1px solid #dbdbdb;

	position: relative;

	top: 0px;

}

.keo_event_map {

	padding: 15px;

}

.keo_event_map .map-canvas {

	min-height: 250px;

}

.keo_event_inside_tab>ul>li.active>a, .keo_event_inside_tab>ul>li:hover>a {

	color: #ffffff;

}

.keo_event_inside_tab>ul>li.active:before, .keo_event_inside_tab>ul>li:hover:before {

	opacity: 1;

	height: 130%;

}

.keo_event_inside_tab>ul>li.active>a, .keo_event_inside_tab>ul>li:hover>a {

	top: -5px;

}

/*Time Schedule*/







.keo_event_time_schdule>ul {

	float: left;

	width: 100%;

}

.keo_event_time_schdule>ul>li {

	width: 100%;

	position: relative;

	float: left;

	border-bottom: 1px solid #dbdbdb;

}

.keo_event_time_schdule>ul>li>span {

	float: left;

	width: 30%;

	font-size: 15px;

	padding: 18px 20px;

	line-height: normal;

}

.keo_event_time_schdule>ul>li>p {

	float: left;

	width: 70%;

	margin: 0px;

	font-size: 15px;

	padding: 18px 20px;

	line-height: normal;

	border-left: 1px solid #dddddd;

}

 .keo_event_time_schdule>ul>li:nth-child(even) {

 background-color: #f5f5f5;

}

.keo_event_time_schdule>ul>li:last-child {

	border-bottom: 0px;

}

/*



	  ==============================================================



		   404 Page Style



	  ==============================================================



*/







.keo_404page_wrap {

	text-align: center;

}

.keo_404page_wrap>img {

	width: auto;

	height: auto;

	display: inline-block;

}

.keo_4042_bg.top_bottom_padding {

	padding-bottom: 30px;

}

/*



	  ==============================================================



		   404 Page 02 Style



	  ==============================================================



*/







.keo_404_02_wrap {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

}

.keo_404_02_wrap h1 {

	font-size: 285px;

	font-weight: bold;

	line-height: 215px;

}

.keo_404_02_wrap h1>span, .keo_404_02_wrap h1>span i {

	display: inline-block;

}

.keo_4042_error_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.keo_4042_error_wrap>h4 {

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 15px;

	font-size: 47px;

}

.keo_4042_error_wrap>h5 {

	font-weight: 600;

	margin: 0px 0px 20px;

	line-height: 32px;

}

.keo_404_02_wrap .keo_comming_soon_field input[type="text"] {

	background-color: #eeeeee;

	/*border: 1px solid rgba(164, 164, 164, 0.30)*/



	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_404_02_wrap>a {

	display: block;

	font-size: 18px;

	color: #999999;

	clear: both;

	position: relative;

	top: 20px;

}

/*



	  ==============================================================



		   Comming Soon Style



	  ==============================================================



*/







.keo_comming_soon_bg {

	background-image: url(extra-images/coming-soon.jpg);

	position: relative;

	float: left;

	width: 100%;

	background-attachment: fixed;

	height: 100vh;

}

.keo_comming_soon_bg:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(38, 38, 38, 0.9);

}

.keo_comming_soon_wrapper {

	display: flex;

	justify-content: center;

	flex-direction: column;

	align-items: center;

	height: 100%;

}

.keo_commming_soon {

	text-align: center;

	padding: 60px 30px;

}

.keo_commming_soon h4 {

	font-weight: bold;

	font-size: 43px;

	color: #ffffff;

}

.keo_commming_soon h2 {

	font-size: 100px;

	color: #ffffff;

	font-weight: bold;

	text-transform: capitalize;

	line-height: normal;

	margin: 0px 0px 20px;

}

.keo_commming_soon ul.countdown {

	float: left;

	width: 100%;

	margin: 0px 0px 40px;

}

.keo_commming_soon ul.countdown li {

	display: inline-block;

	width: 120px;

	height: 120px;

	z-index: 10;

	margin: 0px 0px 0px 15px;

	background-color: transparent;

	border-radius: 5px;

}

.keo_commming_soon ul.countdown li:first-child {

	margin-left: 0px;

}

/*.keo_commming_soon ul.countdown li:first-child {



	background-color: #ffb300;



}



.keo_commming_soon ul.countdown li:nth-child(2) {



	background-color: #26f8f9;



}



.keo_commming_soon ul.countdown li:nth-child(3) {



	background-color: #e647ff;



}*/



.keo_commming_soon ul.countdown li>span {

	color: #ffffff;

	font-size: 40px;

	margin-top: 12px;

}

.keo_commming_soon ul.countdown li p {

	color: #ffffff;

}

.keo_comming_soon_form {

	width: 550px;

	float: none;

	margin: auto;

}

.keo_comming_soon_field {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

}

.keo_comming_soon_field input[type="text"] {

	width: 100%;

	background-color: #ffffff;

	border-radius: 30px;

	border: 0px;

	height: 60px;

	padding: 8px 185px 8px 15px;

	margin-right: 15px;

}

.keo_comming_soon_field input[type="submit"], .keo_comming_soon_field button {

	font-size: 18px;

	height: 52px;

	position: absolute;

	top: 0px;

	right: 4px;

	bottom: 0px;

	margin: auto;

	color: #ffffff;

	text-transform: capitalize;

	border: 0px;

	border-radius: 30px;

	padding: 0px 30px;

}

.keo_comming_soon_field input[type="submit"]:hover, .keo_comming_soon_field button:hover {

	color: #fff;

}

.keo_comming_scl_wrap {

	text-align: center;

}

.keo_comming_scl_wrap ul {

	margin: 0px 0px 30px;

	text-align: center;

}

.keo_comming_scl_wrap>ul>li>a {

	border-color: transparent;

	margin-right: 8px;

	background-color: #fff;

}

.keo_comming_scl_wrap>ul>li:last-child>a {

	margin-right: 0px;

}

.keo_comming_scl_wrap p {

	color: #fff;

}

.keo_comming_scl_wrap>h6 {

	color: #ffffff;

	text-transform: capitalize;

	margin: 0px 0px 20px;

	font-weight: bold;

}

.keo_comming_scl_wrap>p>a:hover {

	color: #ffffff;

}

/*



	  ==============================================================



		   Team Detail Style



	  ==============================================================



*/







.keo_team_border {

	border-radius: 5px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_team_padding {

	padding: 20px;

}

.keo_team_d_img>img {

	width: 100%;

	height: auto;

}

.keo_team_d_outer {

	border-bottom: 1px solid #ededed;

	margin: 0px 0px 25px;

	padding: 0px 0px 10px;

}

.keo_team_d_title {

	width: 40%;

	float: left;

}

.keo_team_d_title>h4 {

	font-weight: bold;

	text-transform: capitalize;

	margin: 0px 0px 8px;

}

.keo_team_d_title>p {

}

.keo_team_scl {

	float: left;

	width: 60%;

	margin: 10px 0px 0px;

}

.keo_team_scl>ul>li>a {

	border-color: transparent;

	color: #ffffff;

}

.keo_team_d_des>p {

}

.keo_team_d_des>ul {

	border-top: 1px solid #ededed;

	margin: 25px 0px 0px;

	padding: 25px 0px 0px;

}

.keo_team_d_des>ul>li {

	width: 33.3%;

	float: left;

}

.keo_team_d_des .keo_contact_icon {

	color: #ffffff;

}

.keo_team_d_point>ul {

	width: 50%;

}

/*



	  ==============================================================



		   Progress Wrap Style



	  ==============================================================



*/







.progress-names {

	float: left;

	width: 100%;

}

.progress-names span {

	font-size: 15px;

	color: #444444;

	margin-bottom: 20px;

	display: block;

	font-weight: 600;

}

.progressbar {

	position: relative;

	width: 100%;

	height: 6px;

	padding: 0;

	margin: 0 auto;

	background-color: #e1e1e1;

	border-radius: 10px;

	margin-bottom: 21px;

}

.bar {

	position: absolute;

	display: block;

	width: 0px;

	height: 6px;

	top: 0px;

	left: 0px;

	overflow: hidden;

	border-radius: 10px;

}

.label {

	position: absolute;

	display: block;

	width: 20px;

	height: 20px;

	line-height: 27px;

	top: -8px;

	left: 0px;

	font-weight: bold;

	font-size: 12px;

	color: #fff;

	text-align: center;

	margin-left: -13px;

	border-radius: 50%;

	background-color: #ffffff;

	border: 3px solid;

}

.label .perc {

	color: #666666;

	position: relative;

	top: -46px;

	right: -10px;

}

/*



	  ==============================================================



		   Top 02 Wrap Style



	  ==============================================================



*/







.keo_top2_wrap {

	padding: 12px 0px 10px;

}

.keo_hdr2_wrap .keo_logo {

	padding-top: 14px;

}

.keo_hdr2_wrap .keo_top2_wrap {

	background-color: #333333;

}

.keo_top2_wrap .keo_top_element ul li {

	padding-top: 0px;

	padding-bottom: 0px;

	border: 0px;

}

.keo_top2_wrap .keo_top_element ul li a {

	font-size: 13px;

	text-transform: capitalize;

}

.keo_top2_wrap .keo_login_element {

	border: 0px;

}

.keo_top2_wrap .keo_login_element>p {

	color: #ffffff;

	margin: 0px;

	text-transform: capitalize;

	padding-right: 15px;

}

.keo_hdr_2_ui_element {

	float: right;

	width: auto;

}

.keo_hdr_2_ui_element ul {

	float: left;

	width: 100%;

}

.keo_hdr_2_ui_element>ul>li {

	display: inline-block;

	position: relative;

	border-left: 1px solid rgba(255, 255, 255, 0.2);

	color: #fff;

	font-size: 13px;

	padding: 0px 20px;

	text-transform: capitalize;

}

.keo_hdr_2_ui_element ul li i {

	margin-right: 10px;

}

.keo_hdr_2_ui_element>ul>li>a {

	display: inline-block;

	color: #fff;

}

.keo_user-login>a {

	padding-top: 3px;

}

/*



	  ==============================================================



		   Navigation 02 Wrap Style



	  ==============================================================



*/







.keo_hdr2_wrap .keo_menu_bg {

	background-color: #ffffff;

}

.keo_navigation2 {

	float: right;

	position: relative;

}

.keo_navigation2 ul li {

	float: left;

	display: inline-block;

	position: relative;

}

.keo_navigation2 ul li:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 0px;

}

.keo_navigation2 ul li.active:before, .keo_navigation2 ul li:hover:before {

	height: 100%;

}

.keo_navigation2>ul>li>a {

	display: block;

	position: relative;

	padding: 30px 18px;

	text-transform: capitalize;

	position: relative;

	z-index: 1;

	font-size: 15px;

	font-weight: 600;

}

.keo_navigation2 ul li.active>a, .keo_navigation2 ul li:hover>a {

	color: #ffffff;

}

/*2nd ul*/







.keo_navigation2 ul ul {

	width: 250px;

	position: absolute;

	top: 100%;

	left: 0px;

	z-index: 100;

	transform-origin: 0 0 0;

	-webkit-transform-origin: 0 0 0;

	-moz-transform-origin: 0 0 0;

	transform: perspective(600px) rotateX(-90deg);

	-webkit-transform: perspective(600px) rotateX(-90deg);

	-moz-transform: perspective(600px) rotateX(-90deg);

	opacity: 0;

	visibility: hidden;

	background-color: #fff;

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

}

.keo_navigation2 ul ul li {

	width: 100%;

}

.keo_navigation2 ul ul li:before {

	width: 0px;

	height: 100%

}

.keo_navigation2 ul ul li:hover:before {

	width: 100%;

}

.keo_navigation2 ul ul li.active:before {

	width: 100%;

}

.keo_navigation2 ul ul li a {

	display: block;

	position: relative;

	padding: 15px 18px;

	font-weight: 600;

	text-transform: capitalize;

}

/*Hover*/







.keo_navigation2 ul>li:hover>ul {

	-moz-transform: perspective(600px) rotateX(0deg);

	-webkit-transform: perspective(600px) rotateX(0deg);

	transform: perspective(600px) rotateX(0deg);

	opacity: 1;

	visibility: visible;

}

/*3rd ul*/







.keo_navigation2 ul ul ul {

	right: 100%;

	top: 0px;

	left: auto;

}

/*



	  ==============================================================



		   Search 02 Wrap Style



	  ==============================================================



*/







.keo_hdr2_wrap .keo_search_wrap {

	padding: 18px 15px 20px;

	border-left: 1px solid rgba(219, 219, 219, 0.5);

	border-right: 1px solid rgba(219, 219, 219, 0.5);

}

.keo_hdr2_wrap .keo_search_wrap>span {

	background-color: #333333;

	width: 41px;

	height: 41px;

	line-height: 41px;

	text-align: center;

	padding: 0px;

	border-radius: 100%;

	cursor: pointer;

}

/*



	  ==============================================================



		   Index 02 Search Wrap Style



	  ==============================================================



*/







.keo_search02_wrap {

	background-image: url(extra-images/search-bg.jpg);

	background-attachment: fixed;

	background-size: contain;

	padding: 30px;

	border-radius: 5px;

	margin: -50px 0px 0px;

	z-index: 100;

}

.keo_cat_search {

	float: left;

	width: 100%;

	position: relative;

}

.keo_cat_search input[type="text"] {

	width: 100%;

	background-color: #ffffff;

	height: 50px;

	padding: 8px 15px;

	color: #666666;

	font-weight: 600;

}

.keo_cat_search input[type="submit"], .keo_cat_search button {

	width: 100%;

	color: #ffffff;

	font-weight: 600;

	text-transform: capitalize;

	text-align: center;

	background-color: #333333;

	height: 50px;

	border: 0px;

	font-size: 16px;

}

/*Chossen CSS*/







.keo_cat_search .chosen-container-single .chosen-single {

	height: 50px;

	background: #fff;

	box-shadow: none;

	border: 1px solid #e4e4e4;

	border-radius: 0px;

	width: 100%;

	padding: 12px 20px;

	font-weight: 600;

	text-transform: capitalize;

}

.keo_cat_search .chosen-container-single .chosen-single div {

	background-color: transparent;

}

 .keo_cat_search .chosen-container-single .chosen-single div b::before {

 color: #666;

 font-weight: 500;

 top: 12px;

 height: 6px;

}

/*



	  ==============================================================



		   Get Started Services Wrap Style



	  ==============================================================



*/







.get_started_services {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

	border-bottom: 1px solid rgba(204, 204, 204, 0.5);

	padding-bottom: 30px;

}

.get_started_services:before {

	content: "";

	position: absolute;

	bottom: -3px;

	left: 0px;

	width: 100%;

	height: auto;

	border-bottom: 1px solid rgba(204, 204, 204, 0.5);

}

.get_started_services>i {

	display: block;

	font-size: 55px;

	color: #999999;

	margin: 0px 0px 20px;

}

.get_icon_des {

	width: 100%;

	float: left;

}

.get_icon_des h5 {

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 15px;

}

.get_icon_des p {

	font-size: 15px;

	margin: 0px 0px 15px;

}

.get_icon_des a {

	text-transform: capitalize;

	font-weight: 600;

	color: #5f5f5f;

	font-size: 14px;

}

.get_icon_des>a>i {

	margin: 0px 0px 0px 8px;

}

/*



	  ==============================================================



		   Welcome to Edu-Skill Wrap Style



	  ==============================================================



*/







.get_started_outer_wrap {

	float: left;

	width: 100%;

	position: relative;

	border-bottom: 1px solid #f2f2f2;

	padding: 0px 0px 50px;

	margin: 0px 0px 50px;

}

.get_started_outer_wrap:before {

	content: "";

	position: absolute;

	bottom: 4px;

	left: 0px;

	right: 0px;

	border-bottom: 1px solid #f2f2f2;

}

.get_started_content_wrap h3 {

	margin: 0px 0px 15px;

	text-transform: capitalize;

	font-weight: bold;

	color: #000000;

}

/*



	  ==============================================================



		   Facts Wrap Style



	  ==============================================================



*/







.ct_facts_bg {

	background-image: url(extra-images/facts-bg2.jpg);

	background-size: cover;

	background-repeat: no-repeat;

}

ul.keo_facts2_wrap {

	float: left;

	width: 100%;

}

ul.keo_facts2_wrap li {

	width: 25%;

	text-align: center;

	float: left;

	position: relative;

}

ul.keo_facts2_wrap li:last-child:before {

	display: none;

}

ul.keo_facts2_wrap li i {

	display: block;

	color: #fff;

	margin: 0 0 8px;

	font-size: 60px;

	position: relative;

}

ul.keo_facts2_wrap li h3 {

	color: #fff;

	font-size: 34px;

	margin: 0px 0px 5px;

	font-weight: 700;

}

ul.keo_facts2_wrap li span {

	color: #fff;

	font-size: 18px;

	text-transform: capitalize;

	font-weight: 600;

}

/*



	  ==============================================================



		   Explore Courses 02 Wrap Style



	  ==============================================================



*/







.keo_exp_course_bg {

	padding-bottom: 40px;

}

.keo_course_style_02 {

	padding-bottom: 40px;

}

.keo_expl_course_wrap {

	border-radius: 5px;

	margin: 0px 0px 30px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_expl_course_wrap>figure {

	overflow: visible;

}

.keo_expl_course_wrap>figure:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

}

.keo_expl_course_wrap>figure>img {

	width: 100%;

	height: auto;

}

.keo_expl_course_tag {

	position: absolute;

	top: 30px;

	right: 0px;

	color: #fff;

	text-transform: capitalize;

	padding: 5px 10px;

	opacity: 0;

}

.keo_expl_course_tag:before {

	content: "";

	position: absolute;

	top: -10px;

	right: 0px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10px 0 0 10px;

}

.keo_exp_course_hdg {

	position: absolute;

	width: 100%;

	top: 50%;

	left: 0px;

	margin: -65px 0px 0px;

	text-align: center;

	padding: 0px 20px;

}

.keo_exp_course_hdg>i {

	color: #ffffff;

	font-size: 70px;

	margin: 0px 0px 15px;

	display: block;

}

.keo_exp_course_hdg>h6 {

	color: #ffffff;

	font-weight: bold;

	text-transform: capitalize;

}

.keo_exp_hvr_des {

	position: absolute;

	bottom: -100px;

	left: 0px;

	width: 100%;

	height: auto;

	background-color: #ffffff;

	text-align: center;

	padding: 52px 20px 20px;

	opacity: 0;

	visibility: hidden;

}

.keo_exp_hvr_des>span {

	width: 74px;

	height: 74px;

	border-radius: 100%;

	display: inline-block;

	color: #ffffff;

	line-height: 70px;

	font-size: 40px;

	position: absolute;

	top: -30px;

	border: 5px solid #ffffff;

	margin: 0px 0px 0px -35px;

}

.keo_exp_hvr_des>h6 {

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 10px;

	color: #4f4f4f;

}

.keo_exp_hvr_des_lnk {

	width: 100%;

	float: left;

	border: 1px solid rgba(198, 198, 198, 0.85);

	padding: 10px 10px;

	border-radius: 5px;

}

.keo_exp_hvr_des_lnk>p {

	font-size: 14px;

	float: left;

	margin: 0px;

}

.keo_exp_hvr_des_lnk>p>span {

	font-weight: 600;

	font-size: 18px;

	font-weight: 600;

}

.keo_exp_hvr_des_lnk>a {

	display: inline-block;

	color: #666;

	text-transform: capitalize;

	float: right;

	font-weight: 600;

	line-height: 24px;

}

/*Color Variation*/







.exp_course1>figure:before {

	background-color: rgba(0, 84, 164, 0.85);

}

.exp_course2>figure:before {

	background-color: rgba(245, 95, 95, 0.85);

}

.exp_course3>figure:before {

	background-color: rgba(10, 177, 104, 0.85);

}

.exp_course4>figure:before {

	background-color: rgba(255, 192, 0, 0.85);

}

.exp_course5>figure:before {

	background-color: rgba(238, 33, 246, 0.85);

}

.exp_course6>figure:before {

	background-color: rgba(154, 102, 54, 0.85);

}

.exp_course1 .keo_exp_hvr_des>span {

	background-color: #0054a2;

}

.exp_course2 .keo_exp_hvr_des>span {

	background-color: #f55f5f;

}

.exp_course3 .keo_exp_hvr_des>span {

	background-color: #0ab168;

}

.exp_course4 .keo_exp_hvr_des>span {

	background-color: #ffc000;

}

.exp_course5 .keo_exp_hvr_des>span {

	background-color: #ee21f6;

}

.exp_course6 .keo_exp_hvr_des>span {

	background-color: #9a6634;

}

/*Tag Color*/







.keo_expl_course_tag.exp_course1 {

	background-color: #0054a2;

}

.keo_expl_course_tag.exp_course2 {

	background-color: #f55f5f;

}

.keo_expl_course_tag.exp_course3 {

	background-color: #0ab168;

}

.keo_expl_course_tag.exp_course4 {

	background-color: #ffc000;

}

.keo_expl_course_tag.exp_course5 {

	background-color: #ee21f6;

}

.keo_expl_course_tag.exp_course6 {

	background-color: #9a6634;

}

.keo_expl_course_tag.exp_course1:before {

	border-color: transparent transparent transparent #0054a2;

}

.keo_expl_course_tag.exp_course2:before {

	border-color: transparent transparent transparent #f55f5f;

}

.keo_expl_course_tag.exp_course3:before {

	border-color: transparent transparent transparent #0ab168;

}

.keo_expl_course_tag.exp_course4:before {

	border-color: transparent transparent transparent #ffc000;

}

.keo_expl_course_tag.exp_course5:before {

	border-color: transparent transparent transparent #ee21f6;

}

.keo_expl_course_tag.exp_course6:before {

	border-color: transparent transparent transparent #9a6634;

}

/*Hover*/







.keo_expl_course_wrap.active .keo_exp_course_hdg, .keo_expl_course_wrap:hover .keo_exp_course_hdg {

	opacity: 0;

	top: 0px;

}

.keo_expl_course_wrap.active .keo_exp_hvr_des, .keo_expl_course_wrap:hover .keo_exp_hvr_des {

	opacity: 1;

	bottom: 0px;

	visibility: visible;

}

.keo_expl_course_wrap:hover .keo_expl_course_tag {

	right: -10px;

	opacity: 1;

}

/*



	  ==============================================================



		   See More Button Wrap Style



	  ==============================================================



*/







.keo_see_more_btn {

	text-align: center;

}

.keo_see_more_btn>a {

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	text-transform: capitalize;

	padding: 14px 35px;

	color: #ffffff;

	border-radius: 5px;

}

.keo_see_more_btn>a>i {

	margin-left: 8px;

}

/*Hover*/







.keo_see_more_btn>a:hover {

	background-color: #333333;

}

/*



	  ==============================================================



		   Meet Our Teacher 02 Wrap Style



	  ==============================================================



*/







.keo_team2_wrap {

	text-align: center;

	position: relative;

	padding-top: 20px;

}

.keo_team2_wrap>img {

	width: auto !important;

	height: auto;

	display: inline-block !important;

}

.keo_team2_name {

	background-color: #f0f5f6;

	padding: 20px 0px;

}

.keo_team2_name>h6, .keo_team2_align_center>h6 {

	font-weight: bold;

	margin: 0px 0px 8px;

	text-transform: capitalize;

}

.keo_team2_name>h6 {

	color: #000000;

}

.keo_team2_align_center span {

	color: #6a7c82;

}

.keo_team2_name>span, .keo_team2_align_center>span {

	font-size: 16px;

	font-style: italic;

	display: block;

}

.keo_team2_align_center {

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	margin: auto;

	height: 240px;

	width: 100%;

	padding: 0px 15px;

}

.keo_team2_align_center>h6 {

	color: #ffffff;

}

.keo_team2_align_center>span {

	color: #ffffff;

	margin: 0px 0px 8px;

}

.keo_team2_align_center>p {

	position: relative;

	padding-bottom: 20px;

	color: #ffffff;

	font-style: italic;

	font-size: 15px;

	margin-bottom: 20px;

}

.keo_team2_align_center>p:before {

	content: "";

	position: absolute;

	bottom: 0px;

	left: 0px;

	right: 0px;

	margin: auto;

	width: 100px;

	height: 4px;

	background-image: url(images/team-sprite.png);

	background-repeat: no-repeat;

}

.keo_team2_align_center>ul.keo_scl_icon li a {

	border-color: transparent;

	width: 42px;

	height: 42px;

	line-height: 42px;

	color: #ffffff;

}

.keo_team2_align_center>ul.keo_scl_icon li:hover a {

	color: #ffffff !important;

}

/*Hover*/







.keo_team2_align_center>ul.keo_scl_icon li:hover a {

	background-color: #ffffff;

}

/*Effect*/







.flip_container {

	perspective: 1000px;

	text-align: center;

	margin: 0px 5px;

}

.keo_flip_effect {

	position: relative;

	transform-style: preserve-3d;

	height: 406px;

	/*border: 1px solid #cfcfcf;*/



	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_team2_wrap, .keo_team2_des_wrap {

	backface-visibility: hidden;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	height: 405px;

}

.keo_team2_wrap {

	background-color: #ffffff;

	z-index: 2;

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

}

.keo_team2_des_wrap {

	transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

}

.flip_container:hover .keo_flip_effect {

	transform: rotateY(180deg);

}

.keo_flip_effect, .keo_team2_wrap, .keo_team2_des_wrap {

	transition: all 0.6s ease-in-out;

	-webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

}

/*Slider*/







.keo_team2_slider {

	float: left;

	width: 100%;

	position: relative;

}

.keo_team2_slider .item {

	margin: 0px 10px;

}

.keo_team2_slider .owl-stage-outer {

	margin: 0px 0px 20px;

	padding: 0px 0px 20px;

}

.keo_team2_slider .owl-dots {

	width: 100%;

	text-align: center;

}

.keo_team2_slider .owl-dots .owl-dot {

	display: inline-block;

	width: 18px;

	height: 18px;

	border: 2px solid #c6c6c6;

	border-radius: 100%;

	background-color: #ffffff;

	margin: 0px 5px 0px 0px;

}

/*



	  ==============================================================



		   Testimonial Wrap 02 Wrap Style



	  ==============================================================



*/







.keo_testimonial02_bg {

	background-image: url(extra-images/testimonial-bg-01.jpg);

	background-size: cover;

	background-repeat: no-repeat;

}

.keo_testimonial02_bg:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(23, 26, 27, 0.85);

}

.keo_testimonial2_wrap {

	text-align: center;

	padding: 50px 10px 0px;

}

.keo_testimonial2_wrap:before {

	content: "\f10d";

	position: absolute;

	font-family: fontawesome;

	top: 0px;

	left: 20px;

	width: auto;

	height: auto;

	color: #ebebeb;

	font-size: 22px;

}

.keo_testimonial2_wrap>p {

	color: #ffffff;

	font-size: 16px;

	margin: 0px 0px 20px;

}

.keo_testimonial2_wrap>ul {

	text-align: center;

	width: 100%;

	margin: 0px 0px 10px;

}

.keo_testimonial2_wrap>ul>li>a {

	margin-left: 3px;

}

.keo_testimonial2_wrap .keo_testimonial_img>figure {

	float: left;

}

.keo_testimonial2_wrap .keo_testimonial_img .keo_testimonial_des {

	padding: 15px 0px 0px 100px;

}

/*



	  ==============================================================



		   Latest News and Events Wrap Style



	  ==============================================================



*/







.keo_latest_news_wrap {

	border: 1px solid rgba(212, 212, 212, 0.5);

	box-shadow: 0px 3px 0px 0px #eeeeee;

	border-radius: 5px;

}

.keo_latest_news_wrap figure img {

	width: 100%;

	height: auto;

}

.keo_latest_news_wrap figure:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 0px;

	height: 0px;

}

.keo_news_figcaption {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 0px;

	height: 0px;

	opacity: 0;

}

.keo_news_figcaption ul {

	position: absolute;

	top: 50%;

	left: 0px;

	width: 100%;

	height: auto;

	margin: -20px 0px 0px;

	text-align: center;

	z-index: 10;

}

.keo_news_figcaption ul li {

	display: inline-block;

	position: relative;

	margin: 0px 0px 0px 6px;

}

.keo_news_figcaption ul li:first-child {

	margin-left: 0px;

}

.keo_news_figcaption ul li a {

	display: block;

	width: 40px;

	height: 40px;

	border: 2px solid #fff;

	border-radius: 100%;

	color: #fff;

	line-height: 40px;

}

.keo_news_des_wrap {

	padding: 20px 15px 35px;

}

.keo_news_des_wrap ul.keo_blog_meta {

	margin: 0px 0px 12px;

}

ul.keo_blog_meta {

	float: left;

	width: 100%;

}

ul.keo_blog_meta li {

	position: relative;

	display: inline-block;

	color: #3a4d6a;

	margin: 0px 5px;

	text-transform: capitalize;

}

ul.keo_blog_meta li:first-child {

	margin-left: 0px;

}

ul.keo_blog_meta li i {

	margin-right: 8px;

	color: #999999;

}

ul.keo_blog_meta li>a {

	color: #3a4d6a;

	display: inline-block;

}

.keo_news_des_wrap h6>a {

	display: block;

	text-transform: capitalize;

	word-spacing: 1.5px;

	font-weight: 600;

	margin: 0px 0px 10px;

}

.keo_news_des_wrap>span {

	width: 40px;

	height: 40px;

	background-color: #eeeeee;

	color: #ffffff;

	font-size: 18px;

	font-weight: 600;

	line-height: 40px;

	position: absolute;

	bottom: 0px;

	right: 0px;

	text-align: center;

	border-top-left-radius: 5px;

}

/*Hover Css*/







.keo_latest_news_wrap:hover figure:before {

	opacity: 0.7;

	width: 100%;

	height: 100%;

}

.keo_latest_news_wrap:hover .keo_news_figcaption {

	width: 100%;

	height: 100%;

	opacity: 1;

}

/*



	  ==============================================================



		   Why Choose Us 02 Wrap CSS



	  ==============================================================



*/







.keo_choose02_wrap {

	background-image: url(extra-images/choose-bg.jpg);

	background-repeat: no-repeat;

	background-position: left;

	background-attachment: fixed;

	background-size: 50%;

}

.keo_choose02_wrap:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 50%;

	background-color: rgba(17, 17, 17, 0.9);

	height: 100%;

}

.keo_choose02_wrap:after {

	content: "";

	position: absolute;

	top: 0px;

	right: 0px;

	width: 50%;

	background-color: #f7f7f7;

	height: 100%;

	z-index: -1;

}

/*Slider Wrap*/







.keo_choose2_slider_wrap, .keo_choose_slider2_thumb {

	float: left;

	width: 100%;

	position: relative;

}

.keo_choose2_slider_wrap ul.slides>li, .keo_choose_slider2_thumb ul.slides>li {

	position: relative;

}

.keo_choose2_slider_wrap ul.slides>li.flex-active-slide:before, .keo_choose_slider2_thumb ul.slides>li.flex-active-slide:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(17, 17, 17, 0.7);

}

.keo_choose2_slider_wrap {

	margin-bottom: 30px;

}

/*Choose 02 List Css*/







.keo_choose2_list_wrap ul, .keo_choose2_list_wrap ul li {

	width: 100%;

	float: left;

}

.keo_choose2_list_wrap ul li {

	position: relative;

	margin-top: 30px;

}

.keo_choose2_list_wrap ul li:first-child {

	margin-top: 0px;

}

.keo_choose2_list_wrap ul li:last-child:before {

	display: none;

}

.keo_choose2_list_wrap ul li:before {

	content: "";

	position: absolute;

	bottom: -23px;

	left: 39px;

	background-image: url(images/choose-sprite.png);

	background-size: auto;

	width: 10px;

	height: 28px;

	background-repeat: no-repeat;

}

.keo_choose2_icon {

	width: 80px;

	height: 80px;

	border-radius: 100%;

	background-color: #f7f7f7;

	color: #a1a1a1;

	line-height: 80px;

	font-size: 40px;

	border: 4px solid #ffffff;

	float: left;

	text-align: center;

	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);

	margin: 0px 20px 0px 0px;

}

.keo_chooose_2_list_des {

	float: none;

	width: auto;

	border-bottom: 1px solid rgba(102, 102, 102, 0.1);

	overflow: hidden;

}

.keo_chooose_2_list_des>h6>a {

	display: block;

	font-size: 20px;

	text-transform: capitalize;

	font-weight: 600;

	margin: 0px 0px 8px;

}

.keo_chooose_2_list_des>p {

}

.keo_choose2_list_wrap ul li:last-child .keo_chooose_2_list_des {

	border-bottom: 0px;

}

.keo_choose2_list_wrap ul li:hover .keo_choose2_icon {

	color: #ffffff;

}

/*



	  ==============================================================



		   Course Listing Wrap CSS



	  ==============================================================



*/







.keo_course_listing_wrap {

	/*border: 1px solid #eaeaea;*/



	background-color: #ffffff;

	padding: 20px 20px 20px;

	border-radius: 5px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_course_listing_wrap>figure {

	width: 30%;

	border-radius: 5px;

}

.keo_course_listing_wrap>figure>img {

	width: 100%;

	height: auto;

}

.keo_course_listing_des {

	width: 70%;

	float: left;

	position: relative;

	padding: 0px 15px;

}

.keo_course_listing_des>ul.keo_event_meta {

	margin: 0px 0px 10px;

}

.keo_course_listing_des>h5 {

	text-transform: capitalize;

	font-weight: 600;

	margin: 0px 0px 8px;

	float: left;

	width: 100%;

}

.keo_course_listing_des>p {

}

.keo_course_listing_des>a {

	display: inline-block;

	padding: 10px 25px;

	color: #ffffff;

	font-weight: 600;

	text-transform: capitalize;

	font-size: 15px;

	border-radius: 30px;

}

.keo_course_price {

	float: right;

	width: auto;

	color: #999999;

}

.keo_course_price>h4 {

	margin-right: 5px;

	display: inline-block;

	font-weight: 600;

}

.keo_listing_rating {

	position: absolute;

	top: 10px;

	right: -30px;

	padding: 5px 5px 5px 25px;

}

.keo_listing_rating:before {

	content: "";

	position: absolute;

	top: 2px;

	left: -16px;

	width: 25px;

	height: 25px;

	transform: rotate(45deg);

	background-color: #ffffff;

}

.keo_listing_rating:after {

	content: "";

	position: absolute;

	top: -10px;

	right: 0px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 10px 0 0 10px;

}

.keo_listing_rating ul.keo_rating_star li a {

	color: #ffffff;

}

/*



	  ==============================================================



		  Shop Detail Page Style



	  ==============================================================



*/







.keo_shop_detail_bg {

	padding-bottom: 40px;

}

.keo_shop_detail_bg .keo_product_detail_border_wrap {

	padding: 20px 15px;

	background-color: #ffffff;

}

.keo_product_detail_border_wrap {

	/*border-bottom: 1px solid #dddddd;*/



	padding: 0px 0px 25px;

	margin: 0px 0px 65px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_product_detail_border_wrap, .keo_shop_slider_outer_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.shop_detail_thumnail {

	float: left;

	width: 20%;

	margin: 0px 20px 0px 0px;

	position: relative;

}

.shop_detaild_slider {

	float: left;

	width: 76%;

	position: relative;

}

.shop_detail_thumnail ul.slides, .shop_detaild_slider ul.slides {

	float: left;

	width: 100%;

}

.shop_detail_thumnail ul li {

	float: left;

	width: 100%;

	border: 1px solid #d9d9d9;

	text-align: center;

	margin-bottom: 22px;

}

.shop_detaild_slider ul li {

	float: left;

	width: 100%;

	border: 1px solid #d9d9d9;

	text-align: center;

}

/*Slider Des Wrap css*/







.keo_shop_detail_banner, .keo_shop_rating_wrap, .keo_shop_price_wrap, .keo_product_detail_des, .keo_product_left_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.keo_shop_detail_banner>h4 {

	font-size: 24px;

	font-weight: 600;

	margin: 0px 0px 6px;

	text-transform: capitalize;

}

.keo_shop_rating_wrap {

	margin: 0px 0px 6px;

}

.keo_shop_rating_wrap ul {

	float: left;

	width: auto;

}

.keo_shop_rating_wrap ul li {

	display: inline-block;

	position: relative;

}

.keo_shop_rating_wrap ul li a {

	display: block;

}

.keo_shop_rating_wrap>span {

	display: inline-block;

	color: #000;

	font-weight: 600;

	margin-left: 20px;

}

.keo_shop_price_wrap {

	padding-bottom: 15px;

	margin-bottom: 18px;

	border-bottom: 1px solid #dddddd;

}

.keo_shop_price_wrap>h4 {

	font-size: 24px;

	display: inline-block;

	font-weight: 600;

}

.keo_shop_price_wrap>span {

	display: inline-block;

	text-decoration: line-through;

	font-weight: 600;

	color: #666666;

	margin-left: 25px;

	font-size: 20px;

}

.keo_product_detail_des {

	padding-bottom: 6px;

	margin-bottom: 20px;

	border-bottom: 1px solid #dddddd;

}

.keo_product_detail_des>h5 {

	text-transform: capitalize;

	font-weight: 600;

	margin: 0px 0px 10px;

}

.keo_product_left_wrap {

	margin: 0px 0px 20px;

	padding: 0px 0px 20px;

	border-bottom: 1px solid #dddddd;

}

.keo_product_left_wrap>h6 {

	color: #666666;

	font-size: 16px;

	font-weight: 500;

	margin: 0px 0px 15px;

}

.keo_product_left_wrap span {

	color: #666666;

	font-size: 16px;

	font-weight: 500;

	margin: 0px 0px 10px;

	display: inline-block;

	float: left;

	padding: 11px 0px 0px;

}

.keo_product_left_wrap #incdec {

	float: left;

	width: auto;

	position: relative;

	margin-left: 70px;

}

.keo_product_left_wrap #incdec input[type="text"] {

	width: 47px;

	height: 47px;

	border: 1px solid #d9d9d9;

	text-align: center;

}

.keo_product_left_wrap .keo_increment button {

	width: 40px;

	height: 47px;

	position: absolute;

	background: none;

	border: 1px solid #d9d9d9;

	top: 0px;

}

.keo_product_left_wrap .keo_increment button#up {

	left: -39px;

}

.keo_product_left_wrap .keo_increment button#down {

	right: -39px;

}

.keo_increment button:hover {

	color: #fff;

}

.keo_product_button_wrap {

	float: left;

	width: 100%;

	position: relative;

}

.keo_product_button_wrap button {

	color: #fff;

	text-transform: capitalize;

	font-size: 16px;

	font-weight: 500;

	padding: 13px 0px 12px;

	min-width: 190px;

	background-color: #444444;

	display: inline-block;

	margin: 0px 10px 0px 0px;

	border-radius: 30px;

}

/*Tab Link Wrap css*/







.keo_shop_tab_outer_wrap, .keo_shop_tab_link, .keo_shop_tab_des, .tab-content {

	float: left;

	width: 100%;

	position: relative;

}

.keo_shop_tab_link {

}

.keo_shop_tab_link ul {

	float: left;

	width: 100%;

}

.keo_shop_tab_link ul li {

	display: inline-block;

	position: relative;

	width: 18%;

	z-index: 1;

}

.keo_shop_tab_link ul li a {

	display: block;

	color: #666666;

	text-transform: capitalize;

	font-weight: 500;

	text-align: center;

	padding: 12px 0px;

	border: 1px solid #dddddd;

	background-color: #ffffff;

}

.keo_shop_tab_link ul li:hover a {

	border-top: 1px solid;

	border-left: 1px solid;

	border-right: 1px solid;

}

.keo_shop_tab_des {

	padding: 25px 0px 0px;

}

.keo_shop_tab_des ul {

	float: left;

	width: 100%;

	margin: 0px 0px 15px;

}

.keo_shop_tab_des ul li {

	width: 100%;

	float: left;

	position: relative;

	color: #666666;

	text-transform: capitalize;

	font-weight: 500;

	margin: 0px 0px 10px;

}

.keo_shop_tab_des ul li:before {

	content: ":";

	position: absolute;

	top: 0px;

	left: 18%;

	width: auto;

	height: 100%;

	color: #666666;

	font-weight: bold;

}

.keo_shop_tab_outer_wrap .tab-content {

	border: 1px solid #dddddd;

	padding: 0px 20px 12px;

	margin-top: -1px;

}

.keo_product_name {

	float: left;

	width: 20%;

	position: relative;

}

.keo_product_name_des {

	float: left;

	width: 70%;

	position: relative;

}

/*



	  ==============================================================



		   Product List Wrap Start



	  ==============================================================



*/







.keo_product_bg {

	padding-bottom: 40px;

}

.keo_product_outer_wrap {

	float: left;

	width: 100%;

	position: relative;

	border: 1px solid #d4d4d4;

	background-color: #e9e9e9;

	overflow: hidden;

	margin: 0px 0px 30px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_product_outer_wrap figure {

	text-align: center;

	background-color: #e9e9e9;

}

.keo_product_outer_wrap figure img {

	width: auto;

	height: auto;

}

.keo_product_img_des {

	width: 100%;

	top: 50%;

	margin: -75px 0px 0px;

	text-align: center;

	position: absolute;

	left: 0px;

	padding: 5px 15px;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

}

.keo_product_img_des p {

	color: #fff;

}

ul.keo_product_ui_element {

	float: left;

	width: 100%;

}

ul.keo_product_ui_element li {

	position: relative;

	display: inline-block;

	margin: 0px 8px;

}

ul.keo_product_ui_element li a {

	display: block;

	width: 32px;

	height: 32px;

	line-height: 30px;

	border: 2px solid;

	color: #fff;

	border-radius: 2px;

}

.keo_product_des_wrap {

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

	padding: 20px 15px;

	background-color: #fff;

}

.keo_product_des_wrap>span {

	color: #212121;

	text-transform: capitalize;

	font-weight: bold;

	margin: 0px 0px 8px;

	display: block;

}

.keo_product_des_wrap h5>a {

	display: block;

	text-transform: capitalize;

	margin: 0px 0px 6px;

	font-weight: 600;

}

ul.keo_rating_start {

	float: left;

	width: 100%;

}

ul.keo_rating_start li {

	display: inline-block;

	position: relative;

}

ul.keo_rating_start li a {

	display: inline-block;

}

.keo_product_des_wrap p {

	margin: 0px;

	font-size: 18px;

	font-weight: 600;

}

.keo_overlay_wrap {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	transform: scale(0);

	-moz-transform: scale(0);

	-webkit-transform: scale(0);

	background-color: rgba(0, 0, 0, 0.75)

}

/*Hover CSS*/







.keo_product_outer_wrap:hover .keo_overlay_wrap, .keo_product_outer_wrap:hover .keo_product_img_des {

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

}

/*



	  ==============================================================



		   Product List Style 2 Wrap Start



	  ==============================================================



*/







.keo_product_outer_wrap.keo_shop_style_2_wrap {

	background-color: #fff;

}

.keo_shop_style_2_wrap .keo_product_des_wrap p {

	margin: 0px 0px 6px;

}

.keo_cart_element_wrap {

	float: left;

	width: 100%;

	position: relative;

	border-top: 1px solid rgba(152, 152, 152, 0.3);

}

.keo_cart_element_wrap a {

	border-left: 1px solid rgba(152, 152, 152, 0.3);

	color: #666666;

	padding: 12px 0px;

	text-transform: capitalize;

	text-align: center;

	margin-left: -3px;

}

.keo_cart_element_wrap a:first-child {

	border-left: 0px;

}

.keo_retweet_link, .keo_whishlist {

	display: inline-block;

	width: 20%;

}

.keo_add_to_cart {

	display: inline-block;

	width: 60%;

}

/*Hover Css*/







.keo_cart_element_wrap a:hover {

	color: #fff;

}

/*



	  ==============================================================



		  Index Static Background Style



	  ==============================================================



*/







.index_static {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	height: 100vh;

}

/*



	  ==============================================================



		  Sticky Menu Form Style



	  ==============================================================



*/







.keo_sticky {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	box-shadow: 0px 2px 15px 4px rgba(0, 0, 0, 0.12);

}

/*



	  ==============================================================



		  Revolution Slider Style



	  ==============================================================



*/







.default-btn {

	margin-top: 15px;

	font-family: inherit;

	padding: 10px 35px;

	border-radius: 50px;

	display: inline-block;

	text-transform: capitalize;

	font-weight: 600;

	border: 1px solid #ffffff;

	color: #ffffff;

	font-size: 15px;

	transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.default-btn .fa {

	padding-right: 5px;

}

.default-btn.style-two, .default-btn:hover {

	color: #ffffff !important;

}

.main-slider .tp-banner .slotholder:after {

	background: rgba(0, 0, 0, 0.55);

	width: 100%;

	height: 100%;

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

}

.main-slider {

	position: relative;

	background: none;

	color: #1c1c1c;

}

.main-slider h1 {

	line-height: 1.8em;

	font-size: 56px;

}

.main-slider h2 {

	font-size: 48px;

	color: #ffffff;

	font-weight: 700;

}

.main-slider h3 {

	line-height: 2em;

	font-size: 32px;

}

.main-slider .tp-bullets {

	display: none;

}

.tp-bullets.preview4 .bullet {

	background: #fbca00;

	border-color: #202020;

	margin: 0px 5px;

}

.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {

	border-color: #fbca00;

}

/*



	  ==============================================================



		   Home Page 03 Style



	  ==============================================================



*/







/*Top Strip Style*/







.keo_top_strip {

	float: left;

	width: 100%;

	padding: 8px 0px;

}

.keo_cell {

	float: left;

}

.keo_cell i {

	color: #fff;

	font-size: 22px;

	margin-right: 8px;

}

.keo_cell span {

	display: inline-block;

	color: #fff;

	font-size: 16px;

}

/*Search Wrap Start*/







.keo_top_search {

	float: right;

	position: relative;

}

.keo_top_search .search-btn {

	float: left;

	width: 50px;

	padding: 3px 5px;

	cursor: pointer;

	text-align: center;

}

.search-btn i {

	font-size: 18px;

	color: #fff;

}

.keo_top_search .search-field {

	position: absolute;

	right: 100%;

	top: -4px;

	display: none;

}

.keo_top_search .search-field input[type="text"] {

	height: 34px;

	border: solid 1px;

	padding: 6px 10px;

	width: 250px;

}

/*



	  ==============================================================



		   Social Icon Style



	  ==============================================================



*/







.keo_social {

	float: right;

}

.keo_social ul li {

	float: right;

}

.keo_social ul li a {

	display: block;

	padding: 0px 15px;

	font-size: 18px;

	color: #fff;

}

/*Logo Style*/







.keo_nav_wrap {

	float: left;

	width: 100%;

}

.keo_logo_index3 {

	float: left;

	position: relative;

	height: 108px;

}

.keo_logo_index3 a {

	display: block;

}

.keo_logo_index3 a img {

	position: absolute;

	top: 0px;

	left: 0px;

	bottom: 0px;

	bottom: 0px;

	max-width: inherit;

	margin: auto;

}

.keo_index3_navigation {

	float: right;

}

.keo_index3_navigation ul li {

	float: left;

	position: relative;

}

.keo_index3_navigation ul li a {

	display: block;

	padding: 34px 30px;

	font-size: 15px;

	text-align: center;

	font-weight: 500;

	color: #626262;

}

.keo_index3_navigation ul li i {

	font-size: 20px;

	display: block;

	margin-bottom: 6px;

}

/*Second UL Style*/







.keo_index3_navigation ul ul {

	position: absolute;

	top: 120%;

	left: 0px;

	float: left;

	width: 210px;

	z-index: 9999;

	background-color: #fff;

	visibility: hidden;

	opacity: 0;

}

.keo_index3_navigation ul ul li {

	width: 100%;

}

.keo_index3_navigation ul ul li a {

	display: block;

	padding: 10px 10px 10px 20px;

	color: #626262;

	text-align: left;

}

.keo_index3_navigation ul ul li a i {

	font-size: 15px;

	display: inline-block;

	margin: 0px 15px 0px 0px;

}

.keo_index3_navigation ul ul li:hover>a {

	color: #fff;

}

.keo_index3_navigation ul li:hover>ul {

	visibility: visible;

	opacity: 1;

	top: 100%;

}

/*Third UL Style*/







.keo_index3_navigation ul ul ul {

	position: absolute;

	top: 0px;

	left: 100%;

}

.keo_index3_navigation ul ul ul li a {

	color: #626262;

}

/*Hover Css*/







.keo_index3_navigation ul li.active>a, .keo_index3_navigation ul li:hover>a {

	color: #ffffff;

}

/*Mobile Menu*/







.keo_index3_navigation .keo_mobile_menu {

	margin-top: 32px;

}

.keo_index3_navigation .keo_mobile_menu .icon-bar {

	background-color: #ffffff !important;

}

/*



	  ==============================================================



		   Banner Wrap Style



	  ==============================================================



*/







.keo_index3_banner {

	text-align: center;

}

.keo_index3_banner>h3 {

	color: #ffffff;

	font-weight: bold;

	font-size: 70px;

	line-height: 70px;

	margin-bottom: 15px;

}

.keo_index3_banner>h4 {

	color: #ffffff;

	font-size: 20px;

	margin-bottom: 20px;

}

.index3_banner_form input[type="text"] {

	width: 100%;

	border: 1px solid #ffffff;

	background-color: transparent;

	margin-bottom: 20px;

	height: 42px;

	padding: 10px;

	color: #ffffff;

	border-radius: 5px;

}

.index3_banner_form button {

	padding: 10px 30px;

	color: #ffffff;

	font-size: 16px;

	font-weight: 600;

	border-radius: 5px;

}

.index3_banner_form button:hover {

	background-color: #000000;

}

/*Footer Css*/







.keo_index3_footer_bg {

	background-color: #444444;

}

.keo_index3_footer {

	padding: 50px 0px;

	text-align: center;

}

.keo_index3_footer .keo_logo {

	width: auto;

	float: none;

	height: auto;

	margin-bottom: 20px;

}

.keo_index3_footer .keo_logo a>img {

	position: relative;

}

.keo_index3_footer ul.keo_scl_icon li a {

	border-color: transparent;

	color: #ffffff;

}

.keo_index3_footer_bg>.keo_copyright_des {

	padding: 15px 0px;

	border-top: 1px solid #595959;

}

/*



	  ==============================================================



		   Register Wrap Style



	  ==============================================================



*/







.keo_index3_register_bg {

	background-image: url(extra-images/register-bg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: right;

}

.keo_index3_register_bg:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: #182d3a;

	opacity: 0.85;

}

.keo_index3_register {

	text-align: center;

}

.keo_index3_register>h6 {

	color: #ffffff;

	margin-bottom: 10px;

	font-size: 16px;

	font-weight: 600;

}

.keo_index3_register>h3 {

	color: #ffffff;

	font-size: 65px;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 10px;

}

.keo_index3_register>h5 {

	color: #ffffff;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 20px;

	text-transform: capitalize;

}

.keo_index3_register>ul {

	width: 100%;

	float: left;

	margin-bottom: 30px;

}

.keo_index3_register>ul>li {

	width: 17%;

	height: 135px;

	border-radius: 5px;

	background-color: #181818;

	margin-right: 10px;

	margin-bottom: 0px;

	padding-top: 15px;

	display: inline-flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.keo_index3_register>ul>li:last-child {

	margin-right: 0px;

}

.keo_index3_register>ul>li:first-child span {

	color: #ffb300;

}

 .keo_index3_register>ul>li:nth-child(2) span {

 color: #26f8f9;

}

 .keo_index3_register>ul>li:nth-child(3) span {

 color: #e647ff;

}

 .keo_index3_register>ul>li:nth-child(4) span {

 color: #00dd66;

}

.keo_index3_register>ul>li>span {

	font-size: 40px;

	font-weight: 600;

}

.keo_index3_register>ul>li>p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 14px;

}

.keo_index3_register>a {

	border-radius: 30px;

	text-transform: capitalize;

	font-weight: 600;

	display: inline-block;

	padding: 15px 35px;

	color: #ffffff;

}

.keo_index3_register>a:hover {

	background-color: #181818;

}

/*



	  ==============================================================



		   Form On Banner Wrap Style



	  ==============================================================



*/







.keo_banner_sform {

	width: 400px;

	position: relative;

	z-index: 1;

	background-color: rgba(134, 188, 66, 0.75);

	padding: 25px;

}

.keo_banner_sform>h3, .keo_banner_sform>p {

	color: #ffffff;

}

.keo_banner_sform>form input, .keo_banner_sform>form textarea, .keo_banner_sform>form select {

	border-radius: 0px;

	margin-bottom: 15px;

}

.keo_banner_sform>form button {

	display: inline-block;

	color: #ffffff;

	font-size: 16px;

	border: 1px solid rgba(255, 255, 255, 0.50);

	padding: 8px 20px;

	text-transform: capitalize;

	border-radius: 30px;

	background-color: transparent;

}

.keo_banner_sform>form button:hover {

	background-color: #ffffff;

}

/*



	  ==============================================================



		   Shortcode Wrap Style



	  ==============================================================



*/







.keo_primary_btn {

	display: inline-block;

	border-radius: 30px;

}

.keo_primary_btn_border {

	color: #ffffff;

	border-color: #ffffff;

}

.keo_secondry_btn_border {

	border-color: rgba(102, 102, 102, 0.5);

	color: #999999;

}

.keo_btn_sm {

	min-width: 120px;

	min-height: 35px;

	line-height: 35px;

	padding: 5px 10px;

}

.keo_btn_md {

	min-width: 140px;

	min-height: 40px;

	line-height: 40px;

	padding: 5px 15px;

}

.keo_btn_lg {

	min-width: 150px;

	min-height: 45px;

	line-height: 45px;

	padding: 5px 15px;

}

.keo_primary_btn_hover:hover {

	color: #ffffff;

}

/*



	==============================================================



		Virtual Header Wrap Style



	==============================================================



*/







.keo_vir_header {

	border-top: 2px solid;

}

.keo_vir_top_bar {

	border-bottom: 1px solid #dcdcdc;

}

.keo_vir_hea_tm5 {

	margin-top: 5px;

}

.keo_vir_hea_tm10 {

	margin-top: 10px;

}

.keo_vir_hea_tm15 {

	margin-top: 15px;

}

.keo_vir_hea_bm5 {

	margin-bottom: 5px;

}

.keo_vir_hea_bm10 {

	margin-bottom: 10px;

}

.keo_vir_hea_bm15 {

	margin-bottom: 15px;

}

/*



	==============================================================



		Virtual Logo Wrap Style



	==============================================================



*/







.keo_vir_logo {

	display: inline-block;

}

/*



	==============================================================



		Virtual Start Free Wrap Style



	==============================================================



*/







.keo_start_free_wrap {

}

.keo_start_free {

	padding: 8px 30px;

	display: inline-block;

	border-radius: 30px;

	border: 2px solid;

	margin-top: 6px;

}

.keo_start_free:hover {

	color: #ffffff;

}

/*



	==============================================================



		Virtual Login and Register Wrap Style



	==============================================================



*/







.keo_vir_login_wrap {

}

.keo_vir_login {

	display: inline-block;

	padding: 23px 15px;

	margin-right: 15px;

	margin-left: 15px;

	border-left: 1px solid #dcdcdc;

	border-right: 1px solid #dcdcdc;

}

.keo_vir_login>i {

	margin-right: 5px;

}

/*



	==============================================================



		Virtual Top Search Wrap Style



	==============================================================



*/







.keo_vir_search {

	position: relative;

	width: 40%;

}

.keo_vir_search>input[type="search"] {

	background-color: #f4f8f7;

	border-radius: 30px;

	width: 100%;

	min-height: 44px;

	padding: 5px 60px 5px 25px;

}

.keo_vir_search>button {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 40px;

	height: 100%;

	background-color: transparent;

	color: #949494;

	outline: none;

}

/*



	==============================================================



		Virtual Navigation Wrap Style



	==============================================================



*/







.keo_vir_nav {

	float: left;

	width: auto;

	position: relative;

	z-index: 100;

}

.keo_vir_nav ul li {

	float: left;

	width: auto;

}

.keo_vir_nav ul li {

	float: left;

	display: inline-block;

	position: relative;

}

.keo_vir_nav>ul>li>a {

	display: block;

	position: relative;

	padding: 20px 5px;

	z-index: 99;

	text-transform: capitalize;

	position: relative;

	z-index: 1;

	border-bottom: 3px solid #fff;

}

.keo_vir_nav>ul>li>a {

	margin-left: 25px;

}

.keo_vir_nav>ul>li:first-child>a {

	margin-left: 0px;

}

.keo_vir_nav ul li.active>a, .keo_vir_nav ul li:hover>a {

}

/*2nd ul*/







.keo_vir_nav ul ul {

	width: 250px;

	position: absolute;

	top: 100%;

	left: 0px;

	z-index: 100;

	transform-origin: 0 0 0;

	-webkit-transform-origin: 0 0 0;

	-moz-transform-origin: 0 0 0;

	transform: perspective(600px) rotateX(-90deg);

	-webkit-transform: perspective(600px) rotateX(-90deg);

	-moz-transform: perspective(600px) rotateX(-90deg);

	opacity: 0;

	visibility: hidden;

	background-color: #16171C;

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

}

.keo_vir_nav ul ul li {

	width: 100%;

}

.keo_vir_nav ul ul li a {

	color: #ffffff;

	border-bottom: 1px solid #333333;

	display: block;

	position: relative;

	padding: 16px 28px;

	z-index: 99;

	text-transform: capitalize;

}

.keo_vir_nav ul ul li:hover a {

	color: #ffffff;

}

/*Hover*/







.keo_vir_nav ul>li:hover>ul {

	-moz-transform: perspective(600px) rotateX(0deg);

	-webkit-transform: perspective(600px) rotateX(0deg);

	transform: perspective(600px) rotateX(0deg);

	opacity: 1;

	visibility: visible;

}

/*3rd ul*/







.keo_vir_nav ul ul ul {

	right: 100%;

	top: 0px;

	left: auto;

}

/* Dl Menu Wrap Css Start*/







.dl-menuwrapper {

	display: none;

	z-index: 1000;

	width: auto;

	max-width: initial;

}

.dl-menuwrapper li a {

	text-align: left;

	text-transform: capitalize;

}

.dl-menuwrapper li>a:after, .dl-menuwrapper li.dl-back:after {

	color: #ffffff;

}

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {

	background-color: #333;

}

#dl-menu>ul {

	width: 300px;

	max-width: 300px;

}

/*



	==============================================================



		Virtual Social Wrap Style



	==============================================================



*/







.keo_vir_social_mrgn {

	margin-top: 17px;

}

.keo_vir_top_social_icon {

	list-style: none;

	margin-bottom: 0px;

	padding: 0px;

}

.keo_vir_top_social_icon>li {

	position: relative;

	display: inline-block;

	margin-left: 8px;

}

.keo_vir_top_social_icon>li:first-child {

	margin-left: 0px;

}

.keo_vir_top_social_icon>li>a {

	display: block;

	width: 30px;

	height: 30px;

	border: 2px solid #222;

	border-radius: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.keo_vir_top_social_icon>li:hover>a {

	color: #ffffff;

}

/*



	==============================================================



		Virtual Banner Search Form Wrap Style



	==============================================================



*/







.keo_vir_banner_search {

	position: relative;

}

.keo_vir_banner_search>h5 {

	font-size: 47px;

	color: #ffffff;

	line-height: 50px;

	margin-bottom: 10px;

}

.keo_vir_banner_search>h4 {

	font-size: 75px;

	color: #ffffff;

	line-height: 75px;

	margin-bottom: 10px;

}

.keo_vir_banner_search>p {

	font-size: 16px;

	margin-bottom: 20px;

	color: #ffffff;

}

.keo_vir_banner_form {

	width: 815px;

	margin: auto;

	padding: 30px;

	border-radius: 5px;

	background-color: #131313;

}

.keo_vir_banner_form_field {

	position: relative;

}

.keo_vir_banner_form_field>input {

	width: 99%;

	background-color: #ffffff;

	border-radius: 50px;

	min-height: 60px;

	padding: 5px 150px 5px 35px;

}

.keo_vir_banner_form_field>button {

	position: absolute;

	top: 0px;

	right: 0px;

	border: 0px;

	min-width: 150px;

	min-height: 60px;

	color: #ffffff;

	border-radius: 50px;

}

/*



	==============================================================



		Virtual Header 02 Wrap Style



	==============================================================



*/







.keo_vir_header2 .keo_vir_search {

	width: 65%;

}

.keo_vir_header2 .keo_vir_logo {

	margin-top: 45px;

}

/*



	==============================================================



		Virtual Event Wrap Style



	==============================================================



*/







.keo_vir_section_event_bg {

	padding-bottom: 72px;

}

.keo_vir_event_bg {

	background-color: #f3f3f3;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

}

.keo_vir_event_pdg {

	padding: 15px 15px 22px;

}

.keo_vir_event_img_margin {

	margin-bottom: 18px;

}

.keo_vir_event_des .keo_event_meta {

	margin-bottom: 10px;

}

.keo_vir_event_des>h6 {

	float: left;

	width: 100%;

	margin-bottom: 11px;

	font-weight: 600;

	text-transform: capitalize;

	font-size: 22px;

	color: #000;

	padding-top: 15px;

	padding-bottom: 20px;

}

.keo_vir_event_des>p {

	margin-bottom: 15px;

}

.keo_vir_event_des>a {

	display: inline-block;

	border-radius: 30px;

	color: #ffffff;

	padding: 12px 15px;

	min-width: 140px;

}

/*Virtical Event*/



.keo_vir_event_img>img {

	width: 100%;

}

.keo_vir_event_virtical .keo_vir_event_img {

	width: 25%;

	float: left;

	border: 1px dashed #26619c;

	padding: 10px;

}

.keo_vir_event_virtical .keo_vir_event_des {

	padding-left: 29%;

	float: none;

}

.keo_vir_event_virtical.keo_vir_event {

	padding-bottom: 20px;

}

/*



	==============================================================



		Virtual Header 02 Navigation Wrap Style



	==============================================================



*/







.keo_vir_header2 .keo_menu_bg {

	background-color: #ffffff;

	padding: 5px 0px;

}

.keo_vir_header2 .keo_navigation>ul>li>a {

	color: #666666;

	padding: 0px 15px;

	font-size: 16px;

	font-family: 'Poppins', sans-serif;

}

.keo_vir_header2 .keo_navigation>ul>li.active>a {

	font-weight: 600;

}

.keo_vir_header2 .keo_navigation ul li:before, .keo_navigation ul li a.current:before {

	display: none;

}

.keo_vir_header2 .keo_navigation {

	margin-top: 40px;

}

.keo_vir_header2 .keo_navigation ul ul {

	background-color: #ffffff;

	padding-top: 20px;

}

.keo_vir_header2 .keo_navigation ul ul ul {

	padding-top: 0px;

}

.keo_vir_header2 .keo_navigation ul ul li {

	background-color: #16171C;

}

.keo_vir_header2 .keo_top_element li a:hover {

	color: #ffffff;

}

.keo_vir_header2 .keo_login_element a:hover {

	color: #ffffff;

}

/*



	==============================================================



		Virtual Header 02 Search Wrap Style



	==============================================================



*/







.keo_vir_header2 .keo_search_wrap>span.search-fld {

	color: #666666;

	padding: 0px 15px;

	margin-top: 12px;

	cursor: pointer;

}

.keo_vir_header2 .keo_search_wrap>span.search-fld:hover {

	background-color: transparent;

}

/*



	==============================================================



		Virtual Header 02 Cart Wrap Style



	==============================================================



*/







.keo_vir_header2 .keo_cart_wrap>a {

	color: #666666;

	padding: 0px 15px;

	margin-top: 12px;

}

.keo_vir_header2 .keo_cart_wrap>a:hover {

	background-color: transparent;

}

/*



	==============================================================



		Virtual Banner 02 Search Wrap Style



	==============================================================



*/







.keo_vir_banner_search2_bg {

	padding: 0px;

	background-color: #f5f5f5;

	z-index: 10;

}

.keo_vir_banner_search2_bg .keo_vir_banner_form {

	padding: 0px;

	background-color: #fff;

	box-shadow: 0px 1px 5px 4px rgba(0, 0, 0, 0.08);

	border-radius: 50px;

	margin-top: -30px;

}

.keo_vir_banner_search2_bg .keo_vir_banner_form_field>button {

	right: 5px;

	height: 52px;

	min-height: 52px;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

	bottom: 0;

	margin: auto;

	background-color: #444444;

}

/*



	==============================================================



		Virtual Counter and Register Search Wrap Style



	==============================================================



*/







.keo_vir_counter_bg {

	background-image: url(extra-images/virtual-counter-bg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: right;

	overflow: hidden;

}

.keo_vir_counter_bg:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

}

.keo_vir_counter_list {

	margin-top: 0px;

}

.keo_vir_counter_list>h5 {

	color: #ffffff;

	font-size: 36px;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 15px;

	line-height: 45px;

}

.keo_vir_counter_list>p {

	color: #ffffff;

}

.keo_vir_counter_list>ul {

	width: 100%;

	float: left;

	margin-bottom: 30px;

}

.keo_vir_counter_list>ul>li {

	width: 17%;

	border-radius: 5px;

	background-color: transparent;

	margin-right: 10px;

	display: inline-flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	padding-top: 0px;

	padding-bottom: 0px;

	position: relative;

}

.keo_vir_counter_list>ul>li:before {

	content: ":";

	position: absolute;

	top: 16px;

	left: -7px;

	width: 10px;

	color: #ffffff;

	font-size: 20px;

	font-weight: 600;

}

.keo_vir_counter_list>ul>li:first-child:before {

	display: none;

}

.keo_vir_counter_list>ul>li>span {

	font-size: 40px;

	font-weight: 600;

	color: #ffffff;

}

.keo_vir_counter_list>ul>li>p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 14px;

}

/*Register Form*/







.keo_vir_counter_form {

	border-radius: 40px;

	padding: 5px;

	background-color:#113457;

}

.keo_vir_counter_form h4 {

	color: #ffffff;

	font-size: 36px;

	font-weight: bold;

	padding-top: 30px;

	margin-bottom: 10px;

}

.keo_vir_counter_form form {

	background-color: #ffffff;

	padding: 10px 30px 30px;

	border-radius: 36px;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

	position: relative;

}

.keo_vir_counter_form form:before {

	content: "";

	position: absolute;

	top: -260px;

	left: 0px;

	right: 0px;

	margin: auto;

	width: 1px;

	height: 175px;

	background-color: #ffffff;

}

.keo_vir_counter_form form:after {

	content: "";

	position: absolute;

	top: -85px;

	left: 0px;

	right: 0px;

	margin: auto;

	width: 10px;

	height: 10px;

	background-color: #ffffff;

	border-radius: 100%;

}

.keo_vir_counter_form input, .keo_vir_counter_form select {

	width: 100%;

	border-bottom: 1px solid #e1e1e1 !important;

	border:0;

	color:#666;

	margin-bottom: 15px;

	height:auto !important;

	padding: 12px 5px;

}

.keo_vir_counter_form button {

	display: inline-block;

	border-radius: 30px;

	color: #ffffff;

	padding: 13px 20px;

	min-width: 160px;

	border: 0px;

	margin-top: 10px;

}

.keo_vir_counter_form button i {

	padding-left: 8px;

}

/*



	==============================================================



		Virtual Banner Wrap Style



	==============================================================



*/







.keo_vir_banner_height .index_static {

	height: 75vh;

}

/*



	==============================================================



		Virtual Get Started Wrap Style



	==============================================================



*/



.keo_vir_get_start {

	margin-top: 20px;

	padding: 12px 35px;

	border-radius: 50px;

	display: inline-block;

	text-transform: capitalize;

	border: 1px solid #ffffff;

	color: #ffffff;

	font-size: 15px;

	min-width: 110px;

	margin-left: 15px;

	font-weight: 500;

	position: relative;

	z-index: 999;

}

.keo_vir_get_start:hover {

	color: #ffffff;

}

/*



	==============================================================



		Virtual Related Post Wrap Style



	==============================================================



*/



.keo_vir_related_post {

	background-color: #ffffff;

	padding: 25px 20px 30px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	border-radius: 5px;

}

.keo_vir_related_post.keo_detail_hdg h5 {

	margin-left: 0px;

}

/*



	  ==============================================================



		  Banner Video Tour Wrap CSS



	  ==============================================================



*/



.keo_vir_banner_bottom_bg {

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 5;

}

.keo_banner_bottom_bg {

	overflow: hidden;

	padding: 40px 50px;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	z-index: 1;

	z-index: 99;

	min-height: 301px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	box-shadow: 0px 17px 11px 0px rgba(0, 0, 0, 0.08);

}




/*.keo_banner_bottom_bg:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	z-index: -1;

	opacity: 0.95;

}*/



.keo_vir_tour_banner_pdg {

	padding-right: 0px;

}

.keo_vir_banner_tour {

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.keo_vir_banner_tour>h4 {

	color: #ffffff;

	margin-bottom: 15px;

	font-weight: bold;

}

.keo_vir_banner_tour>p {

	color: #ffffff;

	margin-bottom: 18px;

}

.keo_vir_tour_video>span {

	display: inline-block;

	width: 70px;

	height: 70px;

	background-color: #ffffff;

	border-radius: 100%;

	border: 10px solid;

	margin-right: 20px;

	text-align: center;

	vertical-align: middle;

	font-size: 16px;

	font-size: 22px;

	cursor: pointer;

}

.keo_vir_tour_video>span>i {

	margin-top: 14px;

	margin-left: 6px;

}

.keo_vir_tour_video>p {

	display: inline-block;

	margin: 0px;

	color: #ffffff;

	font-size: 22px;

	cursor: pointer;

}

/*



	  ==============================================================



		  Banner Newsletter Wrap CSS



	  ==============================================================



*/



.keo_vir_banner_news_pdg {

	padding-left: 0px;

}

.keo_vir_banner_news {

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.keo_vir_banner_news>h4 {

	color: #ffffff;

	margin-bottom: 15px;

	font-weight: bold;

}

.keo_vir_banner_news>p {

	color: #ffffff;

	margin-bottom: 18px;

}

.keo_banner_newsletter {

	background-color: rgba(255, 255, 255, 0.20);

	border-radius: 40px;

	padding: 14px;

}

.keo_banner_newsletter>input[type="email"] {

	width: 55%;

	background-color: #ffffff;

	border: 0px;

	border-radius: 40px;

	padding: 8px 15px;

	min-height: 50px;

	margin-right: 2%;

	float: left;

}

.keo_banner_newsletter>input[type="text"] {

	width: 29.5%;

	background-color: #ffffff;

	border: 0px;

	border-radius: 40px;

	padding: 8px 15px;

	min-height: 50px;

	margin-right: 2%;

	float: left;

}

.keo_banner_newsletter>button {

	background-color: #ffffff;

	border-radius: 100%;

	border: 0px;

	min-height: 50px;

	width: 50px;

	float: left;

}

.keo_banner_newsletter>button:hover {

	color: #ffffff;

}

.trm-hjgh p {

	color: #000;

}

.frg-jkhh {

	padding-top: 50px;

	background-color: #f5f5f5;

}

.hrt-jkhj {

	background-color: #fff !important;

}

.ghfytr {

	background-color: #009fd3;

	border-radius: 30px;

	color: #ffffff;

	padding: 12px 25px;

	min-width: 140px;

}

.hryyryry p {

	line-height: 30px !important;

	font-size: 15px !important;

}

.hryyryry img {

	float: right;

	border: 1px dashed #ccc;

	padding: 6px;

	margin: 0px 0px 0px 20px;

}

.hryyryry ul {

	width: 50%;

	float: left;

}

.hryyryry ul li {

	padding: 6px 0 6px 30px;

	font-weight: 500;

	position: relative;

}

.hryyryry ul li:before {

	content: "\f14a";

	position: absolute;

	font-family: fontawesome;

	top: 6px;

	left: 2px;

	width: auto;

	height: auto;

	color: #192f59;

}

.ghf-jkgiuy {

	border: 1px solid #ccc;

	padding: 8px;

}

.nbfg-gfjuyt p {

	line-height: 26px !important;

	font-size: 15px !important;

}

.nbfg-gfjuyt h3 {

	font-size: 22px !important;

	padding-bottom: 10px !important;

}

.ghryttr {

	font-weight: 600;

	display: block;

	padding-bottom: 10px;

}

.hjguyt {

	display: block;

	font-weight: 500 !important;

}

.hjguyyt p {

	line-height: 26px !important;

	font-size: 15px !important;

	margin: 15px 0px 22px;

	color: #666;

	font-weight: 400;

}

.hjguyyt h3 {

	font-size: 22px !important;

	padding-bottom: 10px !important;

	color: #444444;

	font-family: 'Montserrat', sans-serif;

	font-style: normal;

	font-weight: 600;

	line-height: 130%;

	margin: 0px 0px 0px 0px;

	padding-bottom: 5px;

}

.hjguyyt h5 {

	font-size: 15px !important;

	padding-bottom: 10px !important;

	color: #444444;

	font-family: 'Montserrat', sans-serif;

	font-style: normal;

	font-weight: 600;

	line-height: 130%;

	margin: 0px 0px 0px 0px;

	padding-bottom: 15px;

}

.hjdkkkf {

	padding: 50px 0px;

}

.hjdkkkf-ghfgg {

	padding:50px 0 20px 0 !important;

}

.hjguyyt-fdgtrre button {

	background-color: #26619c;

	padding: 12px 35px;

	float: left;

	text-align: center;

	font-weight: 600;

	border: none;

	margin-right: 10px;

	color: #fff;

	margin-top: 10px;

	margin-bottom: 20px;

}

.Sdfgsol {

	width: 100%;

}

.Sdfgsol p {

	line-height: 26px !important;

	font-size: 15px !important;

	margin: 15px 0px 0px;

	color: #000;

	font-weight: 600;

	font-style: italic;

}

.an2:hover {

	background-color: #009fd3;

}

/*.an1{



	background-color: #3db166;



}*/



























.nhghghgh {

	padding: 10px;

	border-radius: 0px;

}

.keo_contact_list {

	border-radius: 0px;

}

.keo_navigation ul ul ul {

	left: 100%;

	top: 0px;

	right: auto;

	width: 380px;

}

.keo_navigation ul ul ul li a {

	text-align: left;

}

.keo_navigation ul ul {

	position: absolute;

	top: 100%;

	right: 0px;

}

.vbchgffdd {

	background-color: #f5f5f5;

	padding: 55px 30px 35px;

	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	-webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 6px 1px rgba(0, 0, 0, 0.05), 0 0px 6px 0px rgba(0, 0, 0, 0.05);

	background-color: #fff;

}

.njjfhgdgdgdg {

	padding: 100px 0px 20px 0px !important;

}

.mn-jhuyt {

	min-height: 466px;

}

.ghfytrtrtr {

	background-image: url(extra-images/contact-new.jpg) !important;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.ghfytrtrtr:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.3);

}

.dnbhvggf {

	background-image: url(extra-images/banner-abghf.jpg) !important;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.dnbhvggf:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.2);

}

.dfghrytrtrtr {

	background-image: url(extra-images/dfrw.jpg) !important;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.dfghrytrtrtr:before {

	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.3);

}

.keo_vir_header2 .keo_navigation>ul>li>a:hover {

	color: #009fd3 !important;

}

.keo_navigation ul ul li ahover {

	color: #009fd3 !important;

}

.vhdgffsddd-nmmj {

	background-color: #009fd3;

	font-style: 15px;

	color: #fff;

	border: none;

	box-shadow: none;

	text-align: center;

	padding: 8px 15px;

	margin-bottom: 8px;

	font-weight: 600;

}

.vhdgffsddd-nmmj a {

	color: #fff;

}

.button-ams-jkj {

	margin-top: 15px;

	text-align: center;

}

.fdhgyrtrt {

	text-align: center;

	color: #000;

	font-family: 600;

}

.grm-hdggdgdg p {

	text-align: justify;

}

.hjfg-1 {

	float: left;

	line-height:27px;

}

.hjfg-1-hjg {

	line-height:23px;

}

.hjfg-ssss {

	float: left;

	text-align: left;

	padding-right: 60px;

}

.products-sec-nsd {

	padding:0

}

.tabsection .nav.nav-tabs {

	margin-bottom:15px;

}

.tabsection .nav.nav-tabs li a {

	background-color:#113457;

	color:#fff;

	border-radius:0 !important;

	padding:7px 10px !important;

	border:0 !important;

	font-size:13px;

	margin:0;

	border-right:1px #307dc9 solid !important;

}

.tabsection .nav.nav-tabs li a i {

	margin-right:5px;

}

.tabsection .nav.nav-tabs li.active a {

	background-color:#26619c !important;

}

.commancontent, .commancontent p {

	line-height:22px;

	font-size:14px;

	color:#666666

}

.commancontent ul li {

	background:url(images/errow.png) no-repeat 0 6px;

	padding:0 0 5px 25px;

}

.commancontent .formgroup select {

	color:#000;

}

.reletedsection {

	padding:50px 0 40px 0 !important;

	margin-top:40px;

	background-color:#f5f5f5;

}

.reletedsection .new-ims img {

	width:100%;

	height:auto

}

.reletedsection .item.hjk h3 {

	font-size:16px;

	font-weight:500;

	color:#000;

	padding:10px 0 0 0;

}

.commabnformmsdf label {

	font-size:13px;

}

.commabnformmsdf label .danger {

	color:#f00

}

.commabnformmsdf .inputss {

	padding:8px 10px;

	border:1px #eee solid;

	width:100%;

}

.commabnformmsdf .inputss:focus {

	border:1px #f00 solid;

}

.commabnformmsdf .submitss {

	background-color:#113457;

	color:#fff;

	padding:8px 20px;

}

.commabnformmsdf h2 {

	font-weight:700;

	color:#000;

	text-align:center

}

.commabnformmsdf p {

	font-size:13px;

	color:#f00;

	text-align:center

}

.mb15 {

	margin-bottom:15px;

}

#freeresources a {

	padding:5px 10px;

	display:inline-block;

	color:#fff;

	background-color:#113457;

	margin-right:10px;

}

 @media(min-width: 768px) {

.keo_sub_banner_hdg h2 {

font-size:30px;

line-height:40px;

}

.hjfg-ssss {

float: right;

}

.keo_sub_banner_hdg.detailss {

padding: 80px 0px 88px;

}

}

 @media(max-width: 768px) {

 .keo_top_wrap {

 display: none;

}

 .keo_vir_header2 .dl-menuwrapper {

 margin-top: 22px !important;

}

 .keo_vir_banner_bottom_bg {

 margin: 45px 0px !important;

}

 section {

 padding: 58px 0px !important;

}

 .keo_vir_counter_form {

 margin-top: 30px !important;

}

 .keo_hdg_1.default_width h3 {

 font-size: 22px !important;

}

 .hjfg-ssss {

 padding-right: 0px;

 margin-top: 20px;

 text-align: left;

}

 .hjguyyt-fdgtrre button {

 margin-bottom: 7px;

}

 .mob-fgttr {

 float: none !important;

}

 .njjfhgdgdgdg {

 padding: 50px 0px 20px 0px !important;

}

 .keo_contact_form_wrap {

 margin-top: 0px !important;

}

}

.keo_vir_counter_bg .container {

	position:relative;

	z-index:9

}

.leftpanel {

	margin-top:30px;

	padding:0px 15px 0 0;

	border-right:1px #ccc dashed

}

.leftpanel h3 {

	background-color:#17395b;

	color:#fff;

	font-size:17px;

	padding:12px 14px;

	;

	font-weight:600;

	margin-bottom:5px;

	border-radius:5px;

	border-left:4px #009fd3 solid;

}

.leftpanel h3.lefthed {

	margin-bottom:20px;

}

.panel-group .panel-heading {

	padding:9px 10px;

}

.panel-group .panel .panel-title a.fixxx:after {

	content:"-";

	position:absolute;

	right:5px;

	top:0;

	font-weight:bold;

	font-size:18px;

}

.panel-group .panel .panel-title a.fixxx.collapsed:after {

	content:"+";

}

.panel-group .panel .panel-title a {

	display:block;

	color:#192f59;

	font-size:14px;

	font-weight:500;

	position:relative

}

.panel-group a.liactive {

	color:#009fd3;

}

.panel-group .panel .panel-body {

	padding:10px 10px 3px 10px !important;

	;

}

.panel-group .panel .panel-body .custom_ul_css .custom_li_css {

	background:url(images/errow.png) no-repeat 0 4px;

	padding:0 0 8px 25px;

	font-size:14px;

	color:#666;

	line-height:18px;

}

.leftpanel .tab button {

	display:block;

	width:100%;

	text-align:left;

	padding:9px 15px;

	margin-bottom:10px;

	color: #192f59;

	background-color:#f5f5f5;

	border-radius:5px;

	border:1px #ddd solid

}

.leftpanel .tab button.active {

	background-color:#009fd3;

	color:#fff;

}

.leftinnerbottom {

	padding:15px;

	background-color:#f5f5f5;

	margin:30px 0;

	overflow:hidden

}

.leftinnerbottom, .leftinnerbottom p {

	line-height:23px;

	font-size:15px;

	color:#666

}

.leftinnerbottom .keo_hdg_1 h3 {

	font-size:25px;

	line-height:28px;

	text-align:center

}

.leftinnerbottom .formgroup {

	margin-bottom:20px;

}

.leftinnerbottom .formgroup select {

	color:#666;

	font-weight:500;

}

.leftinnerbottom .login-group {

	margin-bottom:15px

}

.leftinnerbottom .login-group .form-control {

	height:auto !important;

	background-color:#fff;

	padding:12px 10px !important;

}

.leftinnerbottom .btn {

	background-color: #009fd3;

	display: inline-block;

	border-radius: 30px;

	color: #ffffff;

	padding: 13px 20px;

	min-width: 160px;

	border: 0px;

	margin-top: 10px

}

.projectswer {

	text-align:center;

	margin-bottom:15px;

	background-color:#fff;

	box-shadow:0 5px 12px rgba(0, 0, 0, .2)

}

.projectswer h2 {

	font-weight:600;

	font-size:18px;

	margin:0 0 5px 0;

	padding:8px 5px

}

.projectswer img {

	width:100%;

	height:auto

}

.il-nmgf {

	margin-bottom:5px;

	padding:8px 5px;

	background-color:#17395b;

	color:#fff !important;

	display:block !important;

	width:100%;

	font-size:14px;

}

.il-nmgf a {

	color:#fff;

	display:block

}

.table.table-bordered th {

	line-height:16px;

	background: #009fd3;

	font-size:15px;

}

.table.table-bordered td, .table.table-bordered th {

	vertical-align:top;

}

.table.table-bordered td {

	font-size:14px;

	line-height:17px;

	color:#4a4949

}

.table.table-bordered tr:nth-of-type(2n+1) td {

background-color:#f6fbfd

}

.overfloauto {

	overflow:auto

}

.book-seller {

	padding:40px 0;

}

.book-seller.book-seller-bg {

	background-color:#f5f5f5;

}

.categorytext h2 {

	font-weight:600;

	font-size:25px;

	margin:0 0 10px 0;

}

.categorytext, .categorytext p {

	line-height:20px;

	font-size:14px;

}

.categorytext ul {

	margin:5px 0;

	padding:0

}

.categorytext ul li {

	background:url(images/errow.png) no-repeat 0 4px;

	padding:0 0 8px 25px;

	font-size:14px;

	line-height:20px;

}

.cattabcontent {

	margin:30px 0

}

 .textbookslt > div:nth-of-type(3n+1) {

clear:left

}

.latesttextbook {

	margin-bottom:20px;

}

.latesttextbook .new-ims {

	margin-bottom:20px;

}

.latesttextbook {

	text-align:center;

	margin-bottom:15px;

	background-color:#fff;

	box-shadow:0 5px 12px rgba(0, 0, 0, .2)

}

.latesttextbook .cont-us {

	background-color:#f5f5f5;

	padding:15px;

}

.latesttextbook h3 {

	font-size:17px;

	line-height:21px;

}

.latesttextbook .cont-us h3 {

	padding:0;

	margin:0;

}

.text-books-cate {

	margin:30px 0;

}

.consiltpadd {

	padding:30px 0;

}

.consiltpadd.consiltpaddbg {

	background-color:#f5f5f5

}

.megadropdownss {

	position:static !important;

}

.megadropdownss > .megadrop {

	position:absolute;

	top:20px;

	left:0;

	right:0;

	width:100%;

	display:  none

}

.megadropdownss:hover > .megadrop {

	display:block

}

.megadropdownss > .megadrop > .megadropinner {

	background-color:#fff;

	text-align:left !important;

	padding:20px 30px;

	box-shadow:0 5px 7px rgba(0, 0, 0, .2);

	margin-top:30px;

	border-radius:0 0 10px 10px;

	border-top:1px #eee solid

}

.megadropdownss ul {

	position:relative !important;

	top:0 !important;

	left:0 !important;

	opacity: 1 !important;

	visibility:  visible !important;

	display:block !important

}

.megadropdownss .megadropinner a {

	color:#000 !important;

	text-align:left;

}

.megadropdownss .megadropinner h4 {

	font-weight:bold;

	font-size:16px;

	line-height:23px;

	margin-bottom:10px;

	padding:0 0 8px 0;

	position:relative

}

.megadropdownss .megadropinner h4:after {

	position:absolute;

	bottom:0;

	left:0;

	width:60px;

	height:4px;

	content:"";

	background-color:#113457;

}

.megadropdownss .megadropinner .mb-2 {

	margin-bottom:5px;

}

.megadropdownss .megadropinner .mb-2 a {

	font-size:13px;

}

.sidewarper {

	z-index:999999;

	background-color:rgba(255, 255, 255, .95);

	position:fixed;

	height:100%;

	overflow:scroll;

	overflow-x:hidden;

	left:-1000px;

	top:0;

	bottom:0

}

#slidesection {

	width:290px

}

#slidesection .overscroll {

	padding:10px

}

#slidesection .topclose {

	background-color:#113457;

	color:#fff;

	font-size:20px;

	text-transform:uppercase;

	padding:10px 30px;

	display:block

}

#slidesection .topclose a {

	display:block;

	color:#fff !important;

	cursor:pointer

}

#slidesection .topclose a i {

	float:right;

	margin-top:5px;

}

#slidesection .topclose a strong {

	color:#fff

}

#slidesection .overscroll #sidelinks {

	color:#fff;

}

#slidesection .overscroll #sidelinks ul {

	padding:0

}

#slidesection .overscroll #sidelinks ul li {

	list-style:none;

}

#slidesection .overscroll #sidelinks a {

	display:block;

	padding:7px 10px;

	color:#000;

	font-weight:400

}

#slidesection .overscroll #sidelinks li+li {

	border-top:1px rgba(0, 0, 0, .2) dashed

}

#slidesection .overscroll #sidelinks a {

	color:#000

}

#slidesection .overscroll #sidelinks .subchild {

	background-color:#f5f5f5;

	margin-top:10px

}

#slide {

	cursor:pointer

}

.accordion-toggle {

	cursor:pointer;

	margin:0;

	display:block;

	position:relative

}

.accordion-toggle span {

	position:absolute;

	right:5px;

	top:10px;

	background-color:#113457;

	text-align:center;

	line-height:20px;

	color:#fff;

	z-index:999;

	width:20px;

	height:20px

}

.accordion-toggle .disinb {

	display:inline-block!important

}

.accordion-content ul {

	background-color:#eee

}

.accordion-content ul li {

	border:0!important

}

.accordion-content ul a {

	padding:5px 10px!important

}

.accordion-content {

	display:none

}

.accordion-content ul ul {

	margin-left:20px;

}

.topsocial1 a {

	display:inline-block !important

}

.headeroinner {

	position:relative;

	padding:0 55px 0 0

}

.headeroinner #slide {

	position:absolute;

	top:50%;

	right:0;

	transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-ms-transform:translateY(-50%);

	background-color:#113457;

	color:#fff;

	padding:0 10px; display:block;

	font-size:28px;

}

 @media(min-width:991px) {

 .leftinnerbottom {

padding:25px;

margin:20px 0;

overflow:hidden

}

.headeroinner {

	

	padding:0 

}

.headeroinner #slide { display:none}
}

.megadropinner .row .col-md-3{ margin-bottom:15px;}

.megadropinner .row .col-md-3:nth-of-type(4n+1){ clear:left;}

.megadropinner .row .col-md-3 .colss .subdropdown{ display:none}

.megadropinner .row .col-md-3  .colss .subdropdown:nth-of-type(1),.megadropinner .row .col-md-3 .colss .subdropdown:nth-of-type(2),.megadropinner .row  .col-md-3 .colss .subdropdown:nth-of-type(3),.megadropinner .row .col-md-3 .colss .subdropdown:nth-of-type(4){ display:block !important}

.megadropinner .row .col-md-3 .colss1 .subdropdown1{ display:none; padding:5px 0 0 0;}

.megadropinner .row .col-md-3  .colss1 .subdropdown1:nth-of-type(5){ display: inline-block !important; font-style:italic }

.text-white{ color:#fff !important }

.parents a{color:#fff !important}

.ytextbookass .menuactive{ color:#009fd3 !important}

.newheadinggh h6{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.protable{ border:0 !important; margin-bottom:10px;}

.protable td{ border:0 !important; padding:0 !important;}

.mb-more{
	margin-top: 20px;
}

html{
	scroll-behavior: smooth;
}

.tscen-hhhs{
	text-align: center;

}

.mmmmsvertewhe{
	padding: 50px 0px;
	background-color: #f6f6f6;
}

.njjjdfner7eru p{
	line-height: 26px;
}

.njjjdfner7eru h5{
	padding-bottom: 15px;
}

.njjjdfner7eru ul{
	padding: 0px;
	margin: 0px;
}

.njjjdfner7eru ul li{
	line-height: 30px;
}

.pos-re{
	position: relative;
}

.mdbgg-email{
	width: 300px;
	padding: 10px 10px;
	position: absolute;
	top: 55px;
	right: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	z-index: 99999;
	display: none;

}

.mmcdwe-kjjd{
	width: 100%;
	height: 45px;
	color: #000;
	padding-left: 10px;
	position: relative;
	border: 1px solid #009fd3 !important;
}

.mmmmd-yyrh{
	background-color: #009fd3;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 10px 10px;
border: none;
box-shadow: none;
position: absolute;
top: 11px;
right: 11px;
height: 45px;
}

.pos-re{
	cursor: pointer;
}