/* Your custom css code goes here */

.admission p {
	color: rgba(51, 51, 51, 255);
	text-align: justify;
	font-family: Roboto;
	margin-bottom: 20px;
}

.about {
	padding-top: 47px;
	padding-bottom: 0px;
}

.notification span,
.about h2,
.about p,
.about span,
.header span,
.header a,
.achievements-section h2,
.achievements-section p,
.activities-section h2,
.activities-section p,
.about-section h2,
.about-section p,
.counter span,
.banner a,
.banner p,
.blackDark p,
.blackLight p,
.panel-body,
.probootstrap-copyright p {
	font-family: Roboto;
}

.about-section p {
	margin-bottom: 29px;
}

/*.admission-form {

	background-color: #357cf2;
	text-align: center;
	padding: 160px 11px;
}*/

.admission-form h2 {
	font-family: Roboto;
	text-align: center;
	color: #fff;
	font-size: 30px;
}

.admission-form p {
	font-family: Roboto;
	text-align: center;
	color: #fff;
}

.admission-form a {
	border: 1px solid #fff;
	padding: 15px;
	text-align: center;
	color: #fff;
}

.zindex {
	z-index: 99;
}

.probootstrap-flex-block .probootstrap-text {
	margin-right: 0px;
	width: 33%;
}

.service.left-icon .icon i { 
	font-size: 20px;
}

.service.left-icon {
	margin-bottom: 0px !important;
}

.section-heading, 
.section-heading h2 {
	margin-bottom: 0px
}

.probootstrap-flex-block4 .probootstrap-text {
	width: 25%;
	padding: 26px;
}

.probootstrap-flex-block4 {
	margin-top: 0px;
}

.probootstrap-flex-block4 .blackDark {
	background-color: #383838;
	color: #fff;
}

.probootstrap-flex-block4 .blackLight {
	background-color: #252525;
	color: #fff;
}

.banner-block {
	padding: 0px !important; 
}

.admission-block {
	background-color: #357cf2 ;
	background-image: url(../img/admission.png);
	background-repeat: no-repeat;
	background-position: 95% 25px;
	padding: 37px;
	max-height: 201px;
}

.calendar-block {
	background-color: #357cf2 ;
	background-image: url(../img/calendar1.png);
	background-repeat: no-repeat;
	background-position: 95% 25px;
	padding: 37px;
	max-height: 201px;
}

.uniform-block {
	background: #ffffff;
	background-image: url(../img/uniform.png);
	background-repeat: no-repeat;
	background-position: 95% 25px;
	padding: 37px;
	max-height: 201px;
}

.exam-block {
	background: #ffffff;
	background-image: url(../img/exam.png);
	background-repeat: no-repeat;
	background-position: 95% 25px;
	padding: 37px;
	max-height: 201px;
}

.admission-block p,
.admission-block h3,
.admission-block a,
.calendar-block p,
.calendar-block h3,
.calendar-block a {
	color: #fff;
}

.admission-block a,
.calendar-block a {
	background: #4a89f3;
}

.uniform-block p,
.uniform-block h3,
.uniform-block a,
.exam-block p,
.exam-block h3,
.exam-block a {
	color: #333333;
}

.uniform-block a,
.exam-block a {
	color: #357cf2;
	background: #d8e5fc;
}

.probootstrap-footer {
	background: #f2f2f2;
}

.probootstrap-footer-widget .probootstrap-contact-info img {
	margin-top: 36px;
	border-radius: 5px;
}

.activities-section {
	padding: 37px;
}

.achievements-section {
	background-color: #f5f8fe;
	background-image: url('../img/achievment-trophy.png');
	background-repeat: no-repeat;
    background-position: 95% 25px;
    padding: 37px;
}

.achievements-section .lead,
.activities-section .lead {
	color: #357cf2;
	text-transform: uppercase;
	font-size: 15px;
}

.about-section {
	padding: 25px 0;
}

.academics h2,
.facilities h2,
.about-section h2 {
	text-transform: uppercase;
	color: #357cf2;
	font-size: 15px;
	font-family: 'Roboto';
	font-weight: bold;
}

.facilities .lead,
.academics .lead {
	color: #333;
	font-size: 31px;
	font-family: 'Roboto';
	font-weight: bold;
}

.about-section .lead {
	text-transform: uppercase;
	font-size: 30px;
	color: #333;
	font-weight: bold;
}

.about-section .text p {
	font-size: 16px;
}

.academics,
.facilities {
	padding: 25px 0;
}

.facilities h3 {
	color: #357cf2;
}

.facilities p {
	font-family: 'Roboto';
}

.achievements-section .section-heading h2,
.activities-section .section-heading h2 {
	font-size: 31px;
}

.customPadding {
	padding-top: 105px;
	padding-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
}

.iconCustom {
	background: #357cf2;
	padding: 20px;
	border-radius: 10px;
}

.admission-learn-more,
.calendar-learn-more {
	background-color: #4a89f3;
	margin-bottom: 0px;
}

.admission-learn-more a,
.calendar-learn-more a {
	font-family: 'Roboto';
	color: #fff;
}

.uniform-learn-more,
.exam-learn-more {
	background-color: #d8e5fc;
	margin-bottom: 0px;
}

.uniform-learn-more a,
.exam-learn-more a {
	font-family: 'Roboto';
	color: #357cf2;
}

.activities-gallery {
	margin-top: 66px;
}

.view-gallery {
	margin-top: 38px; 
}

.learn-more {
	margin-top: 19px;
}

.view-gallery-btn,
.learn-more-btn,
.send-btn {
	font-family: 'Roboto';
	background-color: #357cf2;
	color: #fff;
	padding: 19px 35px;
}

.view-gallery-btn:hover,
.learn-more-btn:hover {
	color: #fff;
}

.contact-section .contact-heading {
	margin-bottom: 66px;
}

.contact-section .contact-map {
	margin-bottom: 40px;
	box-shadow: 2px 2px 2px 2px #f2f2f2;
}

.contact-section .contact-heading .lead,
.contact-section .contact-heading h2,
.contact-section .contact-map h2 {
	font-family: 'Roboto';
}

.probootstrap-contact-info li {
	color: #fff;
}

.probootstrap-contact-info li.bold {
	font-size: 18px;
	font-weight: bold;
}

.probootstrap-footer-widget .quick-links,
.probootstrap-footer-widget .follow-us {
	margin-top: 36px !important;
}

.news-block .text-left {
	color: #357cf2;
	margin: 22px 0 22px 25px !important;
}

.news-block hr {
	margin: 0px;
	border: 1px solid #357cf2;
}

.probootstrap-navbar .navbar-nav > li.active > a{
	color: rgba(217, 21, 16, 255) !important;
}

.gmap_canvas,
.mapouter {
	width: 100% !important;
}

.activities-gallery .col-sm-6,
.activities-gallery .col-sm-6 {
	margin-bottom: 10px;
}

.contact-address .probootstrap-flex-block4 {
	min-height: 98px;
}

.contact-address .col-md-3 {
	padding-right: 0px;
	padding-left: 0px;
}

@media screen and (max-width: 768px) { 
	.contact-address .col-md-3 {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

.contact-address .col-sm-12 .blackDark,
.contact-address .col-sm-12 .blackLight {
	width: 100%;
}

.contact-address .col-sm-12 .blackDark p,
.contact-address .col-sm-12 .blackLight p {
	float: right;
	margin-left: 40px;
	margin-top: -10px;
}

.contact-address .col-sm-12 .blackDark img,
.contact-address .col-sm-12 .blackLight img {
	position: absolute;
}