﻿body {
}

.bg-light {
	background: #00b7b7 !important;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
}

	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
		color: #ffffff;
	}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: #f3f3ac;
	}

a:hover {
	text-decoration: none;
	color: inherit;
}

.logotitle {
	border-top: 1px solid #6c757d;
	padding-top: 0px;
	font-size: 20px;
	color: #f3f3ac;
	text-align: center;
}

.header-social {
	color: rgba(255, 255, 255, 0.7);
	margin: 0px 10px;
	font-size: 20px;
}

	.header-social:hover {
		color: #fff;
		cursor: pointer;
	}

.footer {
	background: #00b7b7;
	padding: 80px 0 50px;
	color: #fff;
}

	.footer ul {
		margin: 0px;
		padding-left: 20px;
	}

		.footer ul li a {
			color: inherit;
		}

.section1 .icons {
	width: 30%;
	border-radius: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 22.5px;
	background: lightgray;
	font-size: 40px;
	transition: 0.3s;
}

.section1 .col-md-4:hover .icons {
	background: #00b7b7;
	color: #fff;
	transition: 0.3s;
}

.OurCourses {
	background-image: url('../Images/First-bg.jpg');
	background-attachment: fixed;
	background-size: cover;
}

	.OurCourses .transparentbg {
		background: rgba(0,0,0,0.7);
		color: #fff;
	}

@media only screen and (max-width: 600px) {
	.collapse .float-right {
		float: left !important;
	}
}

.staff-img {
	overflow: hidden;
}

	.staff-img img {
		transition: all 1s ease-out;
	}

	.staff-img:hover img {
		transform: scale(1.2);
	}

.skilled-title {
	font-size: 22px;
	text-align: center;
	color: darkblue;
	margin-top: 15px;
}

	.skilled-title a {
		color: inherit;
	}

.counter-section {
	background-image: url('../Images/counter-bg.jpg');
	background-size: cover;
	width: 100%;
	background-attachment: fixed;
}

	.counter-section h2 {
		font-weight: bold;
		color: #fff;
	}

.counter {
	color: #ff4500;
	font-weight: bold;
	text-align: center;
	width: 200px;
	padding: 7px 0 10px;
	margin: 0 auto;
}

	.counter .counter-content {
		color: #000;
		background-color: #fff;
		height: 185px;
		width: 185px;
		padding: 38px 12px 20px;
		margin: 0 auto;
		border-radius: 50%;
		box-shadow: 0 0 5px rgba(0,0,0,0.15), 0 0 0 6px #fff, 0 0 7px rgba(0,0,0,0.15);
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

		.counter .counter-content:before, .counter .counter-content:after {
			content: '';
			background-color: #fff;
			border-radius: 50%;
			box-shadow: 0 0 5px rgba(0,0,0,0.15);
			position: absolute;
			left: 7px;
			right: 7px;
			top: 7px;
			bottom: 7px;
			z-index: -1;
		}

.counter-content h3 {
	font-size: 1.25rem;
}

.counter .counter-value {
	color: #111a3a;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 5px;
	display: block;
}

.counter .counter-content:after {
	background: #00b7b7;
	box-shadow: none;
	border-radius: 0;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	z-index: -2;
}
.error
{
	color:red;
	font-size:12px;
}
.contact .col-md-6 .col-md-12 {
	background: #111A3A;
	padding-top: 10vh;
	border-radius: 12px;
	padding-bottom: 10vh;
	padding-left: 4vw;
	padding-right: 4vw;
	color: #fff;
}
	.contact .col-md-6 .col-md-12 .contact-icon {
		background: #F12A02;
		padding: 0.5vw;
		margin-top: 2vh;
		border-radius: 10px;
		font-size: 3.4vw;
	}
.course-bg {
	/* The image used */
	background-image: url("../Images/Book-Shelf.jpg");
	/* Full height */
	height: 100%;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contact .form-control {
	margin-bottom: 3vh;
	border-radius: 0;
}
.btn-all {
	color: #fff;
	font-size: 1.5vw;
	border: 0;
	margin-top: 2vh;
	background: #F12A02;
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		font-size: 20px;
	}
}
