body p
{
	line-height: 23px;
}

strong.strongs
{
	font-family: 'Roboto-Medium';
}

section.banner
{
	background-size:100%;
	height: 250px;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

section.banner .page-header-current-page
{
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: auto;
	background-color: rgba(25, 69, 150,.9);
	padding:8px 12px;
	border-radius: 3px;
}

section.banner .page-header-current-page .current-tab
{
	float: left;
	margin-right: 15px;
	position: relative;
	font-family: 'open_sansregular', sans-serif;
	text-transform: capitalize;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 21px;
}

section.banner .page-header-current-page .current-tab:before
{
	content: '/';
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 5px;
}

section.banner .page-header-current-page .current-page
{
	font-family: 'open_sansregular', sans-serif;
	text-transform:capitalize;
	color: #fff;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 21px;
}

/*
===============================
Sidebar accordion
===============================
*/


.webiste-sidebars#accordion .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

.webiste-sidebars#accordion .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

.webiste-sidebars#accordion .panel-title {
        font-size: 14px;
    }

.webiste-sidebars#accordion .panel-title > a {
        display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-family: 'Roboto-Bold';
		font-size: 16px;
		text-transform: uppercase;
		text-shadow: 1px 1px #454444;
    }

.webiste-sidebars#accordion .more-less {
        float: right;
        color: #fff;
        font-size: 2rem;
        margin-top: -3px;
    }

.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
        background-color: #f5f0f0;
		border: 1px solid #ccc;
		padding:8px;
    }

.panel-group .panel + .panel
    {
    	margin-top: 3px;
    }

.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li
{
	line-height: 30px;
	font-family: 'Roboto-Medium';
	font-size: 15px;
	text-transform: capitalize;
	border-bottom: 1px dashed #b1aaaa;
}

.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li:last-child
{
	border-bottom:0px solid transparent;
}

.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li a
{
	color: #000;
}
.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li:hover a,
.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li.active a
{
	color: #194596;
}

.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li.active a
{
	position: relative;
	padding-left: 25px;
}
.webiste-sidebars#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body.accrodion-ul-list ul li.active a:before
{
	position: absolute;
content: '\f0a4';
font-family: FontAwesome;
top: 40%;
color: #274665;
transform: translateY(-45%);
left: 0;
font-size: 18px;
}

/*
==============================
Page Heading
==============================
*/

.page-heading .heading
{
	margin-top: 5px;
	text-transform: uppercase;
	font-family: 'Roboto-Bold';
	color: #194596;
	margin-bottom: 3px;
	word-spacing: -2px;
}

.page-heading .border-one
{
	height: 3px;
	width: 100px;
	background-color: #333;
	display: block;
}

.page-heading .border-two
{
	height: 1px;
	width: 100%;
	background-color: #bab9b9;
	display: block;
}

/*
======================================
text and their pictures
======================================
*/

.content .image
{
	position: relative;
}

.content .image img
{
	box-shadow: 0 0 3px #aaa7a7;
}

/*.content .image:before,
.content .image:after
{
	content: '';
	position: absolute;
	width: 0%;
	height: 100%;
	background-color: rgba(0, 0, 0,.3);
	top: 0;
	transition: all .1s linear;
}
*/
/*.content .image:before
{
	left: 0;
}
.content .image:after
{
	right: 0;
}*/

/*.content .image:hover:before,
.content .image:hover:after
{
	width: 50%;
}*/

.content .desc
{
	margin-top: 15px;
	font-size: 16px;
	color: #000;
}

.content .desc p
{
	margin-bottom: 15px;
}


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

strong.strong
{
	font-family: 'Roboto-Medium';
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 10px;
	display: block;
}

.content .images{
    width: 380px;
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    padding: 1px;
}
.content .images.images2{
    width: 250px;
}


.content .images .overlay
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.content .images .overlay img
{
	transform: scale(1);
	transition: all .5s linear;
}
.content .images .overlay:hover img
{
	transform: scale(1.2);
}

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

ul.listitems li
{
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 15px;
	line-height: 22px;
	margin-bottom: 10px;
	font-family: 'Roboto-Medium';
	text-align: justify;
}

ul.listitems li > span
{
	width: 100%;
	display: inline-block;
	padding-left: 27px;
}

blockquote.blockquote
{
	border-left:5px solid #1D63B2;
	background-color: #e1dada;
	padding:25px;
	font-family: 'Roboto-Regular';
	font-weight: 500;
	text-transform: capitalize;
	line-height: 25px;	
}

/*
===============================
Facilities area
===============================
*/

.facility-category .gallery-thumb
{
	margin-bottom: 15px;
}


.facility-category .gallery-thumb .image-area
{
	position: relative;
	background-color: #F5F0F0;
	border:1px solid #ccc;
}

@media screen and (min-width:1200px )
{
	.facility-category .gallery-thumb .image-area
	{
		height: 219px;
	}

	.facility-category .gallery-thumb .image-area img
	{
		width: auto;
		height: 100%;
		margin: auto;
		display: block;
	}

}

.gallery-title{
	text-align: center;
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: #fff;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #194596;
	font-weight: 500;
	    height: 55px;
}

.facility-category .gallery-thumb .gallery-title a{
	color: #fff;
}

.facility-category .gallery-thumb .image-area .overlays
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color:rgba(25, 69, 150,.5);
	transition: all .5s linear;
}

.facility-category .gallery-thumb:hover .image-area .overlays
{
	display: block;
}

.facility-category .gallery-thumb .image-area .overlays a
{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #fff;
	font-size: 2.5em;
	text-shadow:2px 2px #2c2a2a;
}


.mypagination.pagination > li > a,
.mypagination.pagination > li > span
{
	color: #201f1f;
}

.mypagination.pagination > li.active a
{
	color: #fff;
}

#no-more-tables thead tr th
{
	text-align: left;
	padding-left: 15px;
	font-size: 16px;
	border:1px solid #ccc;	
	font-family: 'Roboto-Medium';
	font-weight: 500;
}

#no-more-tables tbody tr td
{
	text-align: left;
	padding-left: 15px;
	font-size: 16px;
	font-family: 'Roboto-Regular';
	border:1px solid #ccc;
}

#no-more-tables .table-striped > tbody > tr:nth-of-type(2n+1)
{
	background-color: #e4e3e3;

}
.blue
{
	color: #194596;
}

#no-more-tables .table-striped > tbody > tr td[target="_blank"]{
	display: block;
	text-align: center;
}

.gallery-title.gallery-title2
{
	text-align: justify;
	padding: 0;
}

.gallery-title.gallery-title2 span
{
	display: block;
	border-bottom: 1px dashed #7e9dd7;
	padding:3px;
}

.gallery-title.gallery-title2 span .fa
{
	margin-right: 10px;
	margin-left: 5px
}

.gallery-title.gallery-title2 span:last-child
{
	border-bottom:0px solid transparent;
}

#accordions.accordion .panel-heading
{
	padding:0;
}

#accordions .panel .panel-heading.bg
{
    background-color: #2050BC;
}

#accordions .panel .panel-heading.bg a
{
    color: #fff;
} 

#accordions .panel .panel-heading.bg a:focus
{
    outline: none;
}



.accordion#accordions .panel-title > a {
        display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-family: 'Roboto-Bold';
		font-size: 16px;
		text-transform: uppercase;
		text-shadow: 1px 1px #454444;
    }

.accordion#accordions .more-less {
        float: right;
        color: #fff;
        font-size: 2rem;
        margin-top: -3px;
    }


 .contact-form-design
{
  background: #F0F0F0;
border: 1px solid #beb9b9;
padding: 10px;
}

.required-field
{
	color: #f00;
}

.address-area strong
{
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: #194596 !important;
}

.address-area p,
.address-area a
{
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: #1b1a1a !important;
}

#contact-form .form-group
{
	margin-bottom: 10px;
}

.branding .imge
{
	width: 170px;
	margin:auto;
	margin-top: 10px;
}

.branding .imge img
{
	border:10px solid #fff;
	box-shadow: 0 0 5px #333;
	border-radius: 50%;
}

.branding .schoolname h4
{
	font-family: 'Roboto-Medium';
	font-weight: 600;
	white-space: nowrap;
	font-size: 22px;
	color:#194596;
}

.login_style
{
	background-color: #f5f3f3;
	padding: 10px;
}

.login_style .form-control{
	border-color:#aea9a9;
}

.login_style .form-control::placeholder
{
	color: #555;
	font-family: 'Roboto-Medium';
}
.login_style .form-control::-webkit-placeholder
{
	color: #555;
	font-family: 'Roboto-Medium';
}
.login_style .form-control::-moz-placeholder
{
	color: #555;
	font-family: 'Roboto-Medium';
}

.login_style .input-group-addon
{
	border-color:#194596;
	background-color: #194596;	
}

.login_style .input-group-addon .fa
{
	font-size: 1.4em;
	color: #fff;
}

.anchor-tag a
{
	color: #194596;
	font-family: 'Roboto-Medium'
}

/*
======================
Register form 
=====================
*/

.register-form div.section:first-child
{
    display: block;
}

.register-form div.section
{
    display: none;
}

.register-form .main-form-box
{
    background-color: #f0f0f0;
    padding: 20px 10px;
    border: 1px solid #ccc;
}


.register-form .register-tabs
{
    margin-top: 20px;
    margin-bottom: 0px;
    overflow: hidden;
}

.register-form .register-tabs ul li
{
    width: calc(100%/4);
    float: left;
    text-align: center;
    font-family: 'Roboto-Medium';
    font-size: 16px;
    text-transform: uppercase;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 8px;
}

.register-form .form-control
{
	color: #555;
	font-family: 'Roboto-Medium';
	border:1px solid #555;
}

.register-form .form-control::placeholder{
	color: #555;
	font-family: 'Roboto-Medium';
}
.register-form .form-control::-moz-placeholder{
	color: #555;
	font-family: 'Roboto-Medium';
}
.register-form .form-control::-webkit-placeholder{
	color: #555;
	font-family: 'Roboto-Medium';
}

.form-group select{
	color: #555;
	font-family: 'Roboto-Medium';
}



.register-form .register-tabs ul li a
{
	color: #333;
}

.register-form .register-tabs ul li:first-child
{
    border-left: 1px solid #2050bc;
}

.register-form .register-tabs ul li.active
{
 /*background-color: #2050bc;*/

  background-color: #194596;
		border-color: #194596;
		font-family: 'Roboto-Medium';
		font-size: 16px;
		text-transform: uppercase;
		text-shadow: 1px 1px #454444;

}



.register-form .register-tabs ul li:hover a
{
    color:#2050bc;
    cursor:auto;
}

.register-form .register-tabs ul li.active a
{
    color: #fff;
}

.d-inline-f-right
{
	display: inline-block !important;float: right !important;
}
.d-inline-f-left
{
	display: inline-block !important;float: left !important;
}

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

.alumni-welcome
{
	text-align: center;
	margin-top: 20px;
}

.alumni-welcome p,
.alumni-welcome p span
{
	font-family: 'Roboto-Medium';
	color: #000;
}

.alumni-welcome p span.head
{
	font-weight: 700;
	color: #194596;
	font-family: 'arial'
}

.alumni-welcome img.alumni
{
	width: 170px;
	border-radius: 10px;
	margin: auto;
}


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

.prayers
{
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

}

.prayers ul.prayer-ullist li
{
	font-family: 'Roboto-Medium';
	font-size: 16px;
	line-height: 25px;
}

.form-control
{
	border-color: #555;
}

#job_form .form-control
{
	color: #333;
	font-family: 'Roboto-Medium';

}

#job_form .form-control::placeholder
{
	color: #555;
	font-family: 'Roboto-Medium';
}
#job_form .form-control::-webkit-placeholder
{
	color: #555;
	font-family: 'Roboto-Medium';
}
#job_form .form-control::-moz-placeholder
{
	color: #555;
	font-family: 'Roboto-Medium';
}

.jobsopen .job-title h4
{
	font-family: 'Roboto-Medium';
	font-size: 20px;
	color: #194596;
	text-transform: uppercase;
}

.jobsopen p
{
	color: #000;
	font-family: 'Roboto-Regular';
	font-size: 16px;
}

.jobsopen p
{
	margin-bottom: 5px;
}

.jobsopen p strong
{
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: #181717;
	font-weight: 500;
}

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

.news-box .panel
{
    border-radius: 0;
}

.news-box .panel-primary
{
    border-color: #194596;
}

.news-box .panel-primary > .panel-heading
{
    color: #fff;
    background-color: #194596;
    border-color: #194596;
    border-radius: 0;
    font-family: 'Roboto-Medium';
    font-size: 17px;
}

.news-box .panel-primary > .panel-body
{
    color: #000;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    line-height: 22px;
    padding:8px;
    text-align: justify; 
    position: relative;
}

.news-box .panel-primary > .panel-body > a.news-file
{
    position: absolute;
    right: 15px;
    top: 10px;
    color: #194596;
}

.news-box .panel-primary > .panel-body > .desc
{
    width: 97%;
}

.news-box .panel-primary > .panel-body > .desc .post-date
{
    color: #5d5b5b;
    display: block;
}

.mytable #no-more-tables tr.memberlist-ol td ol
{
	list-style-type: lower-roman;
	padding-left: 20px;
}

.mytable #no-more-tables tr.memberlist-ol td ol li
{
	line-height: 30px;
}

@media screen and (max-width:767px)
{
	section.banner
	{
		background-size: cover !important;
	}
	section.banner .page-header-current-page
	{
		border-radius: 0;
		width: 100%;
		left: 0;
		bottom:0;
	}
	section.banner .page-header-current-page .current-tab,
	section.banner .page-header-current-page .current-page
	{
		font-size: 14px;
	}
}

video-box

@media screen and (min-width:1170px)
{
	.video-box:nth-child(3n+1)
	{
		clear: both;
	}
}

#carouselfadein .carousel-control .glyphicon
{
	top:50%;
	transform: translateY(-50%);
	background: rgba(25, 69, 150, .9);
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	opacity: 1;
	position: absolute;

}
#carouselfadein .carousel-control
{
	opacity: 1;
}
#carouselfadein .carousel-control.left
{
	left:0;
}
#carouselfadein .carousel-control.right .glyphicon
{
	right: 0;
}