@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Changa:700|Open+Sans:400,600,700');



@font-face { font-family: 'Jameel Noori Nastaleeq'; src: url('../fonts/Jameel-Noori-Nastaleeq-Kasheeda.ttf'); } 

body {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 300;
	line-height: 1.6em;
	color: #656565;
	font-size: 1.4em
}

.blue-color{
color:#143c8b;
}
.orange-color{
color: #faa619;
}

a:active {
	outline: 0
}

.yt-promo{
	width: 100%;
	height: 420px;
}
.clear {
	clear: both
}

h1,
h2 {
	font-weight: 600;
	line-height: 1.1em;
	color: #333;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: sans-serif;
}

h3,
h4,
h5,
h6 {
	line-height: 1.1em;
	color: #333;
	margin-bottom: 20px
}

button,
input,
select,
textarea {
	border-radius: 0!important
}

.timetable {
	background: #e3e3e3;
	padding: 5px 23px
}

.timetable hr {
	padding-top: 29px;
	margin-bottom: 20px!important;
	border-top: 1px solid #c1c1c1
}

.timetable dl {
	color: #fff
}

.timetable dt {
	color: #243a73
}

.timetable dd {
	color: #000
}

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0
}

.row,
.row-fluid {
	margin-bottom: 5px!important
}

.slider-mobile { display: none;}
ul.withArrow li span {
	margin-right: 10px;
	font-weight: 700;
	color: #fff;
	border: 1px solid;
	padding: 4px 8px;
	font-size: 11px;
	border-radius: 50%;
	height: 20px;
	width: 20px
}

.widget {
	color: #858585
}

.row,
.row-fluid {
	margin-bottom: 30px
}

.row .row,
.row-fluid .row-fluid {
	margin-bottom: 30px
}

.row-fluid.nomargin,
.row.nomargin {
	margin-bottom: 0
}

.about-image img {
	width: 100%
}

img.img-polaroid {
	margin: 0 0 20px 0
}

.img-box {
	max-width: 100%
}

.navbar-default .navbar-toggle {
	border-color: #ddd;
	margin-top: 10px
}

.site-header .top-header {
	padding: 30px 0
}

#branding {
	float: left
}

#branding .logo,
#branding .logo-text {
	display: inline-block;
	vertical-align: middle
}

#branding .logo {
	margin-right: 10px
}

#branding .site-title {
	margin-bottom: 0;
	font-size: 20px;
	font-size: 1.25em
}

#branding .site-title a {
	color: #768089
}

.right-section .phone,
.right-section .search-form {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.right-section .search-form button {
	position: absolute;
	right: 0;
	top: 0;
	background: 0 0
}

.site-header .top-header {
	padding: 30px 0
}

.site-header .bottom-header {
	background-color: #4a4c4e;
	padding: 20px 0
}

.site-header .bottom-header:after {
	content: " ";
	clear: both;
	display: block;
	overflow: hidden;
	height: 0
}

.main-navigation {
	float: left
}

.main-navigation .menu-toggle {
	border: none;
	background: 0 0;
	color: #fff;
	font-size: 20px;
	font-size: 1.25em;
	display: none;
	outline: 0
}

.heading2{
	font-size: 20px;
    padding: 0;
    margin: 5px;
    margin-top: 10px;
}
@media screen and (max-width:990px) {
	.main-navigation .menu-toggle {
		display: block
	}
}

@media screen and (min-width:991px) {
	.main-navigation .menu-toggle {
		display: none
	}
	.container-program {
		padding: 0
	}
}

.main-navigation .menu {
	list-style: none;
	display: inline-block;
	margin-top: 5px
}

@media screen and (max-width:990px) {
	.main-navigation .menu {
		display: none
	}
}

@media screen and (min-width:991px) {
	.main-navigation .menu {
		display: block
	}
}

.main-navigation .menu li {
	display: inline-block
}

.main-navigation .menu li a {
	color: #fff;
	padding: 0 10px;
	border-right: 1px solid rgba(255, 255, 255, .3);
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.main-navigation .menu li a:hover {
	color: #42a8f0
}

.main-navigation .menu li.current-menu-item a {
	color: #1392ec
}

.social-links {
	float: right
}

.social-links a {
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	text-align: center;
	line-height: 1.8;
	color: #fff;
	margin-left: 5px;
	display: inline-block;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.social-links a:hover {
	color: #1392ec;
	border-color: #1392ec
}

.mobile-navigation {
	clear: both;
	display: none
}

@media screen and (min-width:991px) {
	.mobile-navigation {
		display: none!important
	}
}

.mobile-navigation .menu {
	list-style: none
}

.mobile-navigation .menu a {
	padding: 20px 0;
	display: block;
	color: #fff
}

.mobile-navigation .menu .current-menu-item a {
	color: #1392ec
}

.topbar {
	background-color: #243a73;
	padding: 10px 0;
	color: #fff;
	border-bottom: 1px solid #235c8c
}

.topbar .container .row {
	margin: 0;
	padding: 0
}

.topbar .container .row .col-md-12 {
	padding: 0
}

.topbar p {
	margin: 0;
	display: inline-block;
	font-size: 13px;
	color: #243a73
}

.topbar p>i {
	margin-right: 5px
}

.topbar p:last-child {
	text-align: right
}

header .navbar {
	margin-bottom: 0
}

.navbar-default {
	border: none
}

.navbar-brand {
	color: #222;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -1px;
	margin-top: 10px;
	padding: 0 0 0 15px
}

.navbar-default .navbar-brand {
	color: #243a73!important
}

header .navbar-collapse ul.navbar-nav {
	float: right;
	margin-right: 0
}

header .navbar {
	min-height: 70px;
	padding: 18px 0;
	background: #243a73
}

.home-page header .navbar-default {
	background: #3a3b3b;
	width: 100%
}

header .nav li a.dropdown-toggle:focus,
header .nav li a.dropdown-toggle:hover,
header .nav li a:focus,
header .nav li a:hover,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav>.open>a:hover {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

header .navbar {
	min-height: 62px;
	padding: 0
}

header .navbar-nav>li {
	padding-bottom: 12px;
	padding-top: 12px;
	padding: 0!important
}

header .navbar-nav>li>a {
	margin-left: 2px;
	line-height: 31px;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.dropdown-menu li a:hover {
	color: #fff!important;
	background: #243a73!important
}

header .nav .caret {
	border-bottom-color: #fff;
	border-top-color: #fff
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #fff
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff
}

.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	border: none
}

.dropdown-menu li:last-child {
	padding-bottom: 0!important;
	margin-bottom: 0
}

.dropdown-submenu {
	position: relative
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px
}

.dropdown-submenu:hover>a:after {
	border-left-color: #555
}

.dropdown-submenu.pull-left {
	float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px
}

header .nav li .dropdown-menu {
	padding: 0
}

header .nav li .dropdown-menu li a {
	line-height: 28px;
	padding: 3px 12px
}

.flex-caption p {
	line-height: 22px;
	font-weight: 300;
	color: #2f3a58
}

header .navigation {
	float: right
}

header ul.nav li {
	border: none;
	margin: 0
}

header ul.nav li a {
	font-size: 13px;
	border: none;
	font-weight: 600;
	text-transform: uppercase
}

header ul.nav li ul li a {
	font-size: 12px;
	border: none;
	font-weight: 300;
	text-transform: uppercase
}

.navbar .nav>li>a {
	color: #f1f1f1;
	text-shadow: none;
	border: 1px solid rgba(255, 255, 255, 0)!important
}

.navbar .nav a:hover {
	background: 0 0;
	color: #243a73
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover {
	background: 0 0;
	font-weight: 700
}

.navbar .nav>.active>a:active,
.navbar .nav>.active>a:focus {
	background: 0 0;
	outline: 0;
	font-weight: 700
}

.navbar .nav li .dropdown-menu {
	z-index: 2000
}

header ul.nav li ul {
	margin-top: 1px
}

header ul.nav li ul li ul {
	margin: 1px 0 0 1px
}

.dropdown-menu .dropdown i {
	position: absolute;
	right: 0;
	margin-top: 3px;
	padding-left: 20px
}

.navbar .nav>li>.dropdown-menu:before {
	display: inline-block;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-bottom-color: none;
	content: none
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background: #243a73;
	border-radius: 0
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #9bd1ff;
	background-color: transparent
}

ul.nav li.dropdown a {
	z-index: 1000;
	display: block
}

select.selectmenu {
	display: none
}

.pageTitle {
	color: #fff;
	margin: 20px 0 20px;
	display: inline-block
}

#banner {
	width: 100%;
	background: #000;
	position: relative;
	margin: 0;
	padding: 0
}

video {
	width: 100%;
	max-width: 100%;
	height: auto
}

#main-slider:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(43, 150, 204, .1);
	z-index: 1;
	position: absolute
}

.flex-direction-nav a {
	display: none
}

.flexslider {
	padding: 0;
	background: #fff;
	position: relative;
	zoom: 1
}

.flex-direction-nav .flex-prev {
	left: 0
}

.flex-direction-nav .flex-next {
	right: 0
}

.flex-caption {
	zoom: 1;
	background-color: transparent;
	color: #fff;
	margin: 0;
	padding: 2px 25px 0 30px;
	position: absolute;
	left: 0;
	text-align: right;
	margin: 0 auto;
	right: 0;
	display: inline-block;
	width: 100%;
	right: 0!important;
	border-radius: 15px 15px 0 0;
	bottom: 10%
}

.flex-caption h3 {
	color: #2f3a58;
	letter-spacing: 0;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 400;
	font-family: 'Circular-Loom'
}

.flex-caption p {
	margin: 12px 0 18px;
	font-size: 19px;
	font-weight: 600
}

.skill-home {
	margin-bottom: 50px;
	background: #243a73;
	padding: 30px
}

.c1 {
	border: #ed5441 1px solid;
	background: #ed5441
}

.c2 {
	border: #24c4db 1px solid;
	background: #24c4db
}

.c3 {
	border: #1891ec 1px solid;
	background: #1891ec
}

.c4 {
	border: #609cec 1px solid;
	background: #609cec
}

.skill-home .icons {
	width: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 0;
	display: inline-table;
	border: 2px solid #243a73;
	color: #243a73;
	background: 0 0;
	border-radius: 50%;
	background: #fff
}

.program-icon {
	width: 50%;
	border: 3px solid #fff;
	border-radius: 60px
}

.skill-home h2 {
	padding-top: 20px;
	font-size: 36px;
	font-weight: 700
}

.testimonial-solid {
	padding: 50px 0 60px 0;
	margin: 0;
	background: #fff;
	text-align: center
}

.testi-icon-area {
	text-align: center;
	position: absolute;
	top: -84px;
	margin: 0 auto;
	width: 100%
}

.testi-icon-area .quote {
	padding: 15px 0 0 0;
	margin: 0;
	background: #fff;
	text-align: center;
	color: #1891ec;
	display: inline-table;
	width: 70px;
	height: 70px;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 42px;
	border: 1px solid #1891ec;
	display: none
}

.testi-icon-area .carousel-inner {
	margin: 20px 0
}

.carousel-indicators {
	bottom: -30px
}

.text-center img {
	margin: auto
}

.aboutUs {
	padding: 40px 0;
	background: #f2f2f2
}

img.img-center {
	margin: 0 auto;
	display: block;
	max-width: 100%
}

.home-about {
	padding: 10px 0 0;
	background: #e3e3e3
}

.home-about hr {
	padding: 0;
	margin: 0
}

.testimonial-area {
	padding: 0;
	margin: 0;
	background: url(../assets/images/low-poly01.jpg) fixed center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover
}

.testimonial-solid p {
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-style: italic
}

section.hero-text {
	background: #f4783b;
	padding: 50px 0 50px 0;
	color: #fff
}

section.hero-text h1 {
	color: #fff
}

#clients {
	padding: 60px 0
}

#clients .client .img {
	height: 76px;
	width: 138px;
	cursor: pointer;
	-webkit-transition: box-shadow .1s linear;
	-moz-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear
}

#clients .client .img:hover {
	cursor: pointer;
	border-radius: 8px
}

#clients .client .client1 {
	background: url(../assets/images/client1.png) 0 -75px
}

#clients .client .client1:hover {
	background-position: 1px 0
}

#clients .client .client2 {
	background: url(../assets/images/client2.png) 0 -75px
}

#clients .client .client2:hover {
	background-position: -1px 0
}

#clients .client .client3 {
	background: url(../assets/images/client3.png) 0 -76px
}

#clients .client .client3:hover {
	background-position: 0 0
}

#content {
	position: relative;
	background: #fff;
	padding: 0 0 0 0
}

.cta-text {
	text-align: center;
	margin-top: 10px
}

.big-cta .cta {
	margin-top: 10px
}

.box {
	width: 100%
}

.box-gray {
	background: #f8f8f8;
	padding: 20px 20px 30px
}

.box-gray h4,
.box-gray i {
	margin-bottom: 20px
}

.box-bottom {
	padding: 20px 0;
	text-align: center
}

.box-bottom a {
	color: #fff;
	font-weight: 700
}

.box-bottom a:hover {
	color: #eee;
	text-decoration: none
}

#bottom {
	background: #fcfcfc;
	padding: 50px 0 0
}

#twitter-wrapper {
	text-align: center;
	width: 70%;
	margin: 0 auto
}

#twitter em {
	font-style: normal;
	font-size: 13px
}

#twitter em.twitterTime a {
	font-weight: 600
}

#twitter ul {
	padding: 0;
	list-style: none
}

#twitter ul li {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 300;
	margin-bottom: 20px;
	position: relative;
	word-break: break-word
}

#inner-headline {
	background: #243a73;
	position: relative;
	margin: 0;
	padding: 0;
	color: #1891ec;
	margin-bottom: 1%;
}

#inner-headline h2.pageTitle {
	color: #fff;
	padding: 5px 0;
	display: block
}

#inner-headline ul.breadcrumb {
	margin: 40px 0;
	float: left
}

#inner-headline ul.breadcrumb li {
	margin-bottom: 0;
	padding-bottom: 0
}

#inner-headline ul.breadcrumb li {
	font-size: 13px;
	color: #fff
}

#inner-headline ul.breadcrumb li i {
	color: #dedede
}

#inner-headline ul.breadcrumb li a {
	color: #fff
}

ul.breadcrumb li a:hover {
	text-decoration: none
}

form#contactform input[type=text] {
	width: 100%;
	border: 1px solid #f5f5f5;
	min-height: 40px;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

form#contactform textarea {
	border: 1px solid #f5f5f5;
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

form#contactform .validation {
	font-size: 11px
}

#sendmessage {
	border: 1px solid #e6e6e6;
	background: #f6f6f6;
	display: none;
	text-align: center;
	padding: 15px 12px 15px 65px;
	margin: 10px 0;
	font-weight: 600;
	margin-bottom: 30px
}

#sendmessage.show,
.show {
	display: block
}

form#commentform input[type=text] {
	width: 100%;
	min-height: 40px;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px
}

form#commentform textarea {
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 13px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px
}

.search {
	float: right;
	margin: 35px 0 0;
	padding-bottom: 0
}

#inner-headline form.input-append {
	margin: 0;
	padding: 0
}

.about-text h3 {
	font-size: 22px;
	padding-bottom: 20px
}

.about-text .btn {
	margin-top: 20px
}

.about-text ul {
	margin-top: 30px;
	padding: 0
}

.about-text li {
	margin-bottom: 10px;
	list-style: none
}

.about-text-2 img {
	border: 5px solid #ddd;
	margin-bottom: 20px
}

.about-text-2 p {
	margin-bottom: 20px
}

#call-to-action {
	background: url(../images/bg/about.jpg) no-repeat;
	background-attachment: fixed;
	background-position: top center;
	padding: 100px 0;
	color: #fff
}

.call-to-action h3 {
	font-size: 40px;
	letter-spacing: 15px;
	color: #fff;
	padding-bottom: 30px
}

.call-to-action p {
	color: #999;
	padding-bottom: 20px
}

.call-to-action .btn-primary {
	background-color: transparent;
	border-color: #999
}

.call-to-action .btn-primary:hover {
	background-color: #151515;
	color: #999;
	border-color: #151515
}

#call-to-action-2 {
	background-color: #243a73;
	padding: 50px 0
}

#call-to-action-2 h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 400
}

#call-to-action-2 p {
	color: #fff;
	font-size: 15px
}

#call-to-action-2 .btn-primary {
	border-color: #fff;
	background: 0 0;
	margin-top: 50px;
	color: #fff
}

#call-to-action-2 .btn-primary:hover {
	background: #0091e8;
	border: solid 1px #0091e8
}

section.section-padding.gray-bg {
	background: #243a73;
	padding: 0;
	color: #fff
}

section.section-padding.gray-bg h2 {
	color: #fff
}

#accordion-alt3 .panel-heading h4 {
	font-size: 13px;
	line-height: 28px
}

.panel .panel-heading h4 {
	font-weight: 400
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	color: inherit
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 2px
}

.panel {
	margin-bottom: 18px;
	background-color: #e3e3e3;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

#accordion-alt3 .panel-heading h4 a i {
	font-size: 17px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	color: #a0a0a0;
	text-align: center;
	border-radius: 50%;
	margin-left: 6px;
	font-weight: 700
}

.progress.pb-sm {
	height: 6px!important
}

.progress {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .1)
}

.progress {
	overflow: hidden;
	height: 18px;
	margin-bottom: 18px;
	background-color: #f5f5f5;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress .progress-bar.progress-bar-red {
	background: #ed5441
}

.progress .progress-bar.progress-bar-green {
	background: #51d466
}

.progress .progress-bar.progress-bar-lblue {
	background: #32c8de
}

.top-wrapper {
	margin-bottom: 20px
}

.info-blocks {
	margin-bottom: 15px
}

.info-blocks i.icon-info-blocks {
	float: left;
	color: #243a73;
	font-size: 30px;
	min-width: 50px;
	margin-top: 7px;
	text-align: center;
	background: #fff;
	width: 72px;
	height: 72px;
	padding-top: 21px;
	border: 1px solid #243a73
}

.info-blocks .info-blocks-in {
	padding: 0 10px;
	overflow: hidden
}

.info-blocks .info-blocks-in h3 {
	color: #555;
	font-size: 18px;
	line-height: 28px;
	margin: 0
}

.info-blocks .info-blocks-in p {
	font-size: 14px
}

blockquote {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	padding-left: 0;
	color: #a2a2a2;
	line-height: 1.6em;
	border: none
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #666;
	margin-top: 10px
}

blockquote cite:before {
	content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
	color: #555
}

.pullquote-left {
	display: block;
	color: #a2a2a2;
	font-size: 14px;
	line-height: 1.6em;
	padding-left: 20px
}

.pullquote-right {
	display: block;
	color: #a2a2a2;
	font-size: 14px;
	line-height: 1.6em;
	padding-right: 20px
}

.btn {
	text-align: center;
	color: #fff;
	padding: 12px 25px;
	border-radius: 0;
	background: #243a73;
	border-color: #243a73
}

.btn-theme {
	color: #fff;
	background: 0 0;
	border: 1px solid #fff;
	padding: 12px 30px;
	font-weight: 700
}

.btn-theme:hover {
	color: #eee
}

ul.general {
	list-style: none;
	margin-left: 0
}

ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.link-list li {
	margin: 0;
	padding: 2px 0 2px 0;
	list-style: none
}

footer {
	background: #111523
}

footer ul.link-list li a {
	color: #8c8c8c
}

footer ul.link-list li a:hover {
	color: #eee
}

h4.heading {
	font-weight: 700
}

.heading {
	margin-bottom: 30px
}

.heading {
	position: relative
}

.widgetheading {
	width: 100%;
	padding: 0
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px
}

footer .widgetheading {
	position: relative
}

footer .widget .social-network {
	position: relative
}

.team-member h4 {
	text-align: center;
	margin-bottom: 5px
}

.team-member .deg {
	text-align: center;
	display: block
}

#bottom .widget .widgetheading span,
aside .widget .widgetheading span,
footer .widget .widgetheading span {
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right: 0
}


.faculty  .nav-tabs>li>a, .campus-program .nav-tabs>li>a{
	border: 1px solid #243a7347;
    border-radius: 50px;
    background: #fffffe;
    color: #151414;
    font-size: 15px;
    margin: 10px;
}
.faculty .nav-tabs{
	border: none;
	justify-content: center;
    display: flex;
    margin: 15px 0;
    flex-wrap: wrap;
	}
	
	.faculty .nav-tabs>li.active>a, .faculty .nav-tabs>li.active>a:focus, .faculty .nav-tabs>li.active>a:hover
	{
		border: 1px solid;
		border-radius: 50px;
		background: #243a73;
		color: #fff;
		font-size: 15px;
	}


.campus-program .nav-tabs{
border: none;
justify-content: center;
    display: flex;
    margin: 15px 0;
    flex-wrap: wrap;
}

.campus-program .nav-tabs>li.active>a, .campus-program .nav-tabs>li.active>a:focus, .campus-program .nav-tabs>li.active>a:hover
{
	border: 1px solid;
    border-radius: 50px;
    background: #243a73;
    color: #fff;
    font-size: 15px;
}
.panel-title>a {
	color: inherit;
	text-decoration: none;
	font-weight: 600
}

.href-decoration-none:hover {
	text-decoration: none
}

.heading-tag {
	margin-top: 0;
	font-style: italic;
	font-weight: 700;
	color: #c80c0c;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 4px
}

.circle-p{
	color: #143c8b;
    text-transform: uppercase;
    font-weight: bold;
}
.circle-no{
	border: 1.5px solid;
    border-radius: 100px;
    height: 60px;
    width: 60px;
    /* padding: 23px 15px; */
    color: #faa619;
    margin: 5px auto;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
}
.campus-mid {
	border-left: 2px solid;
	border-right: 2px solid
}

 
	.campus img {
		height: 60px;
		margin-right: 10px;
	}

.campus {
	color: #243a7347;
    text-align: center;

}

.campus:hover {
	background: rgb(0 0 0 / 10%);
	transition: all 2s ease
}

.campus-container {
    background: #e4e4e4;
    margin: 0;
    width: 100%;
    border: 1px solid #243a7347;
    padding: 15px 10px;
    margin-bottom: 10px;
}

.campus a {
	color: #243a73;
	text-align: center;
	font-size: 18px; 
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: 600;
}

/*NEW CODE*/


.campus_link a span {
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-left: 10px;
}

.campus_link a span.ask {
  background: #fba322;
}

.campus_link a span.islamic {
  background-color: #163b8c;
}

.campus_link a span.green {
  background-color: #438e6f;
}

.campus_link a p {
    margin: 0;
    font-size: 14px;
    color: black;
        margin-top: 5px;
}


@media (max-width: 767px) {
  .campus a span {
    display: ruby-text;
    font-size: 10px;
    margin-top: 10%;
        padding: 5px;
    border-radius: 5px;
        margin-left: 0px;
  }

  .campus img {
    margin-right: 0;
    padding:5px;
  }
  
  .campus a p{
      font-size: 10px;
          margin: -10%;
  }
  
  .campus a span.islamic {
     margin-left: -8%;
}
    
}

/*NEW CODE*/

.box-area-new {
	padding: 20px 50px;
    color: #fff;
    background-color: #243a73;
    overflow: hidden;
    background-attachment: fixed;
    border-radius: 20px 0px 20px 0px;
    box-shadow: 0 0 8px 0 #00000078;
    margin: 18px 0px;
}

.box-area-new h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 20px;
	margin: 0
}

.box-area-new h3 span {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase
}

.box-area {
	padding: 15px;
	background: #fff;
	margin-top: -21px
}

.box-area h3 {
	font-size: 17px;
	font-weight: 600
}

.map {
	position: relative;
	margin-top: -50px;
	margin-bottom: 40px
}

.map iframe {
	width: 100%;
	height: 450px;
	border: none
}

.map-grid iframe {
	width: 100%;
	height: 350px;
	border: none;
	margin: 0 0 -5px 0;
	padding: 0
}

ul.team-detail {
	margin: -10px 0 0 0;
	padding: 0;
	list-style: none
}

ul.team-detail li {
	border-bottom: 1px dotted #e9e9e9;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	list-style: none
}

ul.team-detail li label {
	font-size: 13px
}

ul.team-detail li h4,
ul.team-detail li label {
	margin-bottom: 0
}

ul.team-detail li ul.social-network {
	border: none;
	margin: 0;
	padding: 0
}

ul.team-detail li ul.social-network li {
	border: none;
	margin: 0
}

ul.team-detail li ul.social-network li i {
	margin: 0
}

.pricing-title {
	background: #fff;
	text-align: center;
	padding: 10px 0 10px 0
}

.pricing-title h3 {
	font-weight: 600;
	margin-bottom: 0
}

.pricing-offer {
	background: #fcfcfc;
	text-align: center;
	padding: 40px 0 40px 0;
	font-size: 18px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.pricing-box.activeItem .pricing-offer {
	color: #fff
}

.pricing-offer strong {
	font-size: 78px;
	line-height: 89px
}

.pricing-offer sup {
	font-size: 28px
}

.pricing-container {
	background: #fff;
	text-align: center;
	font-size: 14px
}

.pricing-container strong {
	color: #353535
}

.pricing-container ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.pricing-container ul li {
	border-bottom: 1px solid #cfcfcf;
	list-style: none;
	padding: 15px 0 15px 0;
	margin: 0;
	color: #222
}

.pricing-action {
	margin: 0;
	background: #fcfcfc;
	text-align: center;
	padding: 20px 0 30px 0
}

.pricing-wrapp {
	margin: 0 auto;
	width: 100%;
	background: #fd0000
}

.pricing-box-item {
	border: 1px solid #e6e6e6;
	background: #fcfcfc;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .03);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .03);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .03);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.pricing-box-item .pricing-heading {
	background: #f9f9f9;
	text-align: center;
	padding: 50px 0;
	display: block
}

.pricing-box-item.activeItem .pricing-heading {
	background: #243a73;
	text-align: center;
	border-bottom: none;
	display: block;
	color: #fff
}

.pricing-box-item .pricing-heading h3 strong {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #243a73
}

.pricing-box-item .pricing-heading h3 {
	font-size: 32px;
	font-weight: 300;
	letter-spacing: -1px;
	color: #243a73
}

.pricing-box-item .pricing-terms {
	text-align: center;
	background: #fff;
	display: block;
	overflow: hidden;
	padding: 11px 0 5px;
	border-top: 2px solid #bbb;
	border-bottom: 2px dotted #cdcdcd
}

.pricing-box-item .pricing-terms h6 {
	margin-top: 16px;
	color: #243a73;
	font-size: 22px
}

.pricing-box-item .icon .price-circled {
	margin: 10px 10px 10px 0;
	display: inline-block!important;
	text-align: center!important;
	color: #fff;
	width: 68px;
	height: 68px;
	padding: 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 68px;
	text-shadow: none;
	cursor: pointer;
	background-color: #888;
	border-radius: 64px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px
}

.pricing-box-item .pricing-action {
	margin: 0;
	text-align: center;
	padding: 30px 0 30px 0
}

.pricing-action .btn {
	background: #243a73;
	color: #fff
}

.widget .flickr_badge {
	width: 100%
}

.widget .flickr_badge img {
	margin: 0 9px 20px 0
}

footer .widget .flickr_badge {
	width: 100%
}

footer .widget .flickr_badge img {
	margin: 0 9px 20px 0
}

.flickr_badge img {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 9px 20px 0
}

.recent-post {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 18px
}

.recent-post h5 a:hover {
	text-decoration: none
}

.recent-post .text h5 a {
	color: #353535
}

footer {
	padding: 20px 0 0 0;
	color: #f8f8f8;
	border-top: 2px solid;
}

footer a {
	color: #fff
}

footer a:hover {
	color: #eee
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color: #fff
}

footer address {
	line-height: 1.6em;
	color: #797979
}

footer a:hover,
footer h5 a:hover {
	text-decoration: none
}

ul.social-network {
	list-style: none;
	margin: 0
}

ul.social-network li {
	display: inline;
	margin: 0 5px;
	border: 1px solid #2d2d2d;
	padding: 5px 0 0;
	width: 32px;
	display: inline-block;
	text-align: center;
	height: 32px;
	vertical-align: baseline
}

#sub-footer {
	text-shadow: none;
	color: #f5f5f5;
	padding: 0;
	background: #111523
}

#sub-footer p {
	margin: 0;
	padding: 0
}

#sub-footer span {
	color: #f5f5f5
}

.copyright {
	text-align: left;
	font-size: 12px
}

#sub-footer ul.social-network {
	float: right
}

.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0;
	right: 20px;
	background: #243a73
}

a.scrollup {
	outline: 0;
	text-align: center
}

a.scrollup:active,
a.scrollup:focus,
a.scrollup:hover {
	opacity: 1;
	text-decoration: none
}

a.scrollup i {
	margin-top: 10px;
	color: #fff
}

a.scrollup i:hover {
	text-decoration: none
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.aligncenter {
	text-align: center
}

.aligncenter span {
	margin-left: 0
}

.floatright {
	float: right
}

.floatleft {
	float: left
}

.floatnone {
	float: none
}

.aligncenter {
	text-align: center
}

.align-left,
img.pull-left {
	float: left;
	margin: 0 15px 15px 0
}

.widget img.pull-left {
	float: left;
	margin: 0 15px 15px 0
}

.align-right,
img.pull-right {
	float: right;
	margin: 0 0 15px 15px
}

article .align-left,
article img.pull-left {
	float: left;
	margin: 5px 15px 15px 0
}

article .align-right,
article img.pull-right {
	float: right;
	margin: 5px 0 15px 15px
}

.clear-marginbot {
	margin-bottom: 0
}

.marginbot10 {
	margin-bottom: 10px
}

.marginbot20 {
	margin-bottom: 20px
}

.marginbot30 {
	margin-bottom: 30px
}

.marginbot40 {
	margin-bottom: 40px
}

.clear-margintop {
	margin-top: 0
}

.margintop10 {
	margin-top: 10px
}

.margintop20 {
	margin-top: 20px
}

.margintop30 {
	margin-top: 30px
}

.margintop40 {
	margin-top: 40px
}

.flex-control-paging li a {
	width: 28px;
	height: 14px;
	border-radius: 7px;
	background: #243a73;
	text-indent: -110px!important;
	overflow: hidden
}

.btn:focus,
.btn:hover {
	color: #fff;
	text-decoration: none;
	background: #187fb3;
	border-color: #187fb3
}

@media (min-width:768px) and (max-width:979px) {


	a.detail {
		background: 0 0;
		width: 100%
	}
	footer .widget form input#appendedInputButton {
		display: block;
		width: 91%;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px
	}
	footer .widget form .input-append .btn {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 10px
	}
	ul.related-folio li {
		width: 156px;
		margin: 0 20px 0 0
	}
}

@media (max-width:767px) {
	.navbar-default .navbar-collapse {
		border-color: none;
		background: #243a73
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #868686;
		border-radius: 0
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: rgba(221, 221, 221, 0)
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: rgba(255, 255, 255, .58);
		margin-top: 15px
	}
	body {
		padding-right: 0;
		padding-left: 0
	}
	.navbar-brand {
		margin-top: 10px;
		border-bottom: none
	}
	.navbar-header {
		border-bottom: none
	}
	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%
	}
	.navbar .nav>.active>a,
	.navbar .nav>.active>a:hover {
		background: 0 0;
		font-weight: 700;
		color: #fff
	}
	header .navbar-nav>li {
		padding-bottom: 2px;
		padding-top: 3px
	}
	header .nav li .dropdown-menu {
		margin-top: 0
	}
	.dropdown-menu {
		position: absolute;
		top: 0;
		left: 40px;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 13px;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #f5f5f5;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
	}
	li.active {
		border: none;
		overflow: hidden;
		/* background: #243a73 */
	}
	.box {
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 20px
	}
	.flexslider .slide-caption {
		width: 90%;
		padding: 2%;
		position: absolute;
		left: 0;
		bottom: -40px
	}
	#inner-headline .breadcrumb {
		float: left;
		clear: both;
		width: 100%
	}
	.breadcrumb>li {
		font-size: 13px
	}
	ul.portfolio li article a i.icon-48 {
		width: 20px;
		height: 20px;
		font-size: 16px;
		line-height: 20px
	}
	.left-sidebar {
		border-right: none;
		padding: 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom: 10px;
		margin-bottom: 40px
	}
	.right-sidebar {
		margin-top: 30px;
		border-left: none;
		padding: 0
	}
	footer .col-lg-1,
	footer .col-lg-10,
	footer .col-lg-11,
	footer .col-lg-12,
	footer .col-lg-2,
	footer .col-lg-3,
	footer .col-lg-4,
	footer .col-lg-5,
	footer .col-lg-6,
	footer .col-lg-7,
	footer .col-lg-8,
	footer .col-lg-9 {
		margin-bottom: 20px
	}
	#sub-footer ul.social-network {
		float: left
	}
	[class*=span] {
		margin-bottom: 20px
	}
}

@media (max-width:480px) {
	.bottom-article a.pull-right {
		float: left;
		margin-top: 20px
	}
	.search {
		float: left
	}
	.flexslider .flex-caption {
		display: none
	}
	.cta-text {
		margin: 0 auto;
		text-align: center
	}
	ul.portfolio li article a i {
		width: 20px;
		height: 20px;
		font-size: 14px
	}
}

.table td {
	line-height: 36px
}

.verticle-middle tr td {
	vertical-align: middle
}

.header-border thead tr th {
	border: 0 solid rgba(120, 130, 140, .13);
	font-weight: 700
}

.table-bordered thead td {
	border-bottom-width: 1px
}

.table-bordered thead th {
	border-bottom-width: 1px
}

.table-primary {
	background-color: #d2c1e4;
	color: #000
}

.table-secondary {
	background-color: #fbfbfe;
	color: #000
}

.table-success {
	background-color: #d0f1ef;
	color: #000
}

.table-warning {
	background-color: #fff;
	color: #000
}

.table-danger {
	background-color: #e39294;
	color: #000
}

.table-info {
	background-color: #fff;
	color: #000
}

.table-dark {
	background-color: #3896a2;
	color: #000
}

.table-active {
	background-color: #fff;
	color: #000
}

.thead-primary tr th {
	background-color: #9068be;
	color: #fff;
	border-bottom: 0
}

.thead-secondary tr th {
	background-color: #978ded;
	color: #fff;
	border-bottom: 0
}

.thead-success tr th {
	background-color: #6ed3cf;
	color: #fff;
	border-bottom: 0
}

.thead-info tr th {
	background-color: #f5a3e3;
	color: #fff;
	border-bottom: 0
}

.thead-warning tr th {
	background-color: #fae596;
	color: #fff;
	border-bottom: 0
}

.thead-danger tr th {
	background-color: #c43235;
	color: #fff;
	border-bottom: 0
}

.thead-dark tr th {
	background-color: #173e43;
	color: #fff;
	border-bottom: 0
}

.thead-muted tr th {
	background-color: #abafb3;
	color: #fff;
	border-bottom: 0
}

.primary-table-bordered {
	border: 2px solid #9068be
}

.secondary-table-bordered {
	border: 2px solid #978ded
}

.success-table-bordered {
	border: 2px solid #6ed3cf
}

.info-table-bordered {
	border: 2px solid #f5a3e3
}

.danger-table-bordered {
	border: 2px solid #c43235
}

.warning-table-bordered {
	border: 2px solid #fae596
}

.dark-table-bordered {
	border: 2px solid #173e43
}

.muted-table-bordered {
	border: 2px solid #abafb3
}

.primary-table-bg {
	background: #aa8ccd;
	color: #fff
}

.primary-table-bg thead tr th {
	background-color: #9068be;
	color: #fff;
	border-bottom: 0
}

.primary-table-bg tbody tr:first-child td,
.primary-table-bg tbody tr:first-child th {
	border-top: 0
}

.primary-table-bg tbody tr td,
.primary-table-bg tbody tr th {
	border-top: 1px solid #dfd3ec
}

.secondary-table-bg {
	background: #bfb9f4;
	color: #fff
}

.secondary-table-bg thead tr th {
	background-color: #978ded;
	color: #fff;
	border-bottom: 0
}

.secondary-table-bg tbody tr:first-child td,
.secondary-table-bg tbody tr:first-child th {
	border-top: 0
}

.secondary-table-bg tbody tr td,
.secondary-table-bg tbody tr th {
	border-top: 1px solid #fff
}

.success-table-bg {
	background: #95dfdc;
	color: #fff
}

.success-table-bg thead tr th {
	background-color: #6ed3cf;
	color: #fff;
	border-bottom: 0
}

.success-table-bg tbody tr:first-child td,
.success-table-bg tbody tr:first-child th {
	border-top: 0
}

.success-table-bg tbody tr td,
.success-table-bg tbody tr th {
	border-top: 1px solid #e3f7f6
}

.info-table-bg {
	background: #fad1f1;
	color: #fff
}

.info-table-bg thead tr th {
	background-color: #f5a3e3;
	color: #fff;
	border-bottom: 0
}

.info-table-bg tbody tr:first-child td,
.info-table-bg tbody tr:first-child th {
	border-top: 0
}

.info-table-bg tbody tr td,
.info-table-bg tbody tr th {
	border-top: 1px solid #fff
}

.warning-table-bg {
	background: #fcf1c7;
	color: #fff
}

.warning-table-bg thead tr th {
	background-color: #fae596;
	color: #fff;
	border-bottom: 0
}

.warning-table-bg tbody tr:first-child td,
.warning-table-bg tbody tr:first-child th {
	border-top: 0
}

.warning-table-bg tbody tr td,
.warning-table-bg tbody tr th {
	border-top: 1px solid #fff
}

.danger-table-bg {
	background: #d45558;
	color: #fff
}

.danger-table-bg thead tr th {
	background-color: #c43235;
	color: #fff;
	border-bottom: 0
}

.danger-table-bg tbody tr:first-child td,
.danger-table-bg tbody tr:first-child th {
	border-top: 0
}

.danger-table-bg tbody tr td,
.danger-table-bg tbody tr th {
	border-top: 1px solid #e8a7a8
}

.dark-table-bg {
	background: #246169;
	color: #fff
}

.dark-table-bg thead tr th {
	background-color: #173e43;
	color: #fff;
	border-bottom: 0
}

.dark-table-bg tbody tr:first-child td,
.dark-table-bg tbody tr:first-child th {
	border-top: 0
}

.dark-table-bg tbody tr td,
.dark-table-bg tbody tr th {
	border-top: 1px solid #3ea7b5
}

.muted-table-bg {
	background: #c6c9cb;
	color: #fff
}

.muted-table-bg thead tr th {
	background-color: #abafb3;
	color: #fff;
	border-bottom: 0
}

.muted-table-bg tbody tr:first-child td,
.muted-table-bg tbody tr:first-child th {
	border-top: 0
}

.muted-table-bg tbody tr td,
.muted-table-bg tbody tr th {
	border-top: 1px solid #fbfcfc
}

.primary-table-bg-hover thead tr th {
	background-color: #9068be;
	color: #fff;
	border-bottom: 0
}

.primary-table-bg-hover tbody tr {
	background: #aa8ccd;
	color: #fff
}

.primary-table-bg-hover tbody tr:hover {
	background: #9d7ac6
}

.primary-table-bg-hover tbody tr:first-child td,
.primary-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.primary-table-bg-hover tbody tr td,
.primary-table-bg-hover tbody tr th {
	border-top: 1px solid #dfd3ec
}

.secondary-table-bg-hover thead tr th {
	background-color: #978ded;
	color: #fff;
	border-bottom: 0
}

.secondary-table-bg-hover tbody tr {
	background: #bfb9f4;
	color: #fff
}

.secondary-table-bg-hover tbody tr:hover {
	background: #aba3f0
}

.secondary-table-bg-hover tbody tr:first-child td,
.secondary-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.secondary-table-bg-hover tbody tr td,
.secondary-table-bg-hover tbody tr th {
	border-top: 1px solid #fff
}

.success-table-bg-hover thead tr th {
	background-color: #6ed3cf;
	color: #fff;
	border-bottom: 0
}

.success-table-bg-hover tbody tr {
	background: #95dfdc;
	color: #fff
}

.success-table-bg-hover tbody tr:hover {
	background: #82d9d5
}

.success-table-bg-hover tbody tr:first-child td,
.success-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.success-table-bg-hover tbody tr td,
.success-table-bg-hover tbody tr th {
	border-top: 1px solid #e3f7f6
}

.info-table-bg-hover thead tr th {
	background-color: #f5a3e3;
	color: #fff;
	border-bottom: 0
}

.info-table-bg-hover tbody tr {
	background: #fad1f1;
	color: #fff
}

.info-table-bg-hover tbody tr:hover {
	background: #f8baea
}

.info-table-bg-hover tbody tr:first-child td,
.info-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.info-table-bg-hover tbody tr td,
.info-table-bg-hover tbody tr th {
	border-top: 1px solid #fff
}

.warning-table-bg-hover thead tr th {
	background-color: #fae596;
	color: #fff;
	border-bottom: 0
}

.warning-table-bg-hover tbody tr {
	background: #fcf1c7;
	color: #fff
}

.warning-table-bg-hover tbody tr:hover {
	background: #fbebae
}

.warning-table-bg-hover tbody tr:first-child td,
.warning-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.warning-table-bg-hover tbody tr td,
.warning-table-bg-hover tbody tr th {
	border-top: 1px solid #fff
}

.danger-table-bg-hover thead tr th {
	background-color: #c43235;
	color: #fff;
	border-bottom: 0
}

.danger-table-bg-hover tbody tr {
	background: #d45558;
	color: #fff
}

.danger-table-bg-hover tbody tr:hover {
	background: #cf4144
}

.danger-table-bg-hover tbody tr:first-child td,
.danger-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.danger-table-bg-hover tbody tr td,
.danger-table-bg-hover tbody tr th {
	border-top: 1px solid #e8a7a8
}

.dark-table-bg-hover thead tr th {
	background-color: #173e43;
	color: #fff;
	border-bottom: 0
}

.dark-table-bg-hover tbody tr {
	background: #246169;
	color: #fff
}

.dark-table-bg-hover tbody tr:hover {
	background: #1e5056
}

.dark-table-bg-hover tbody tr:first-child td,
.dark-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.dark-table-bg-hover tbody tr td,
.dark-table-bg-hover tbody tr th {
	border-top: 1px solid #3ea7b5
}

.muted-table-bg-hover thead tr th {
	background-color: #abafb3;
	color: #fff;
	border-bottom: 0
}

.muted-table-bg-hover tbody tr {
	background: #c6c9cb;
	color: #fff
}

.muted-table-bg-hover tbody tr:hover {
	background: #b8bcbf
}

.muted-table-bg-hover tbody tr:first-child td,
.muted-table-bg-hover tbody tr:first-child th {
	border-top: 0
}

.muted-table-bg-hover tbody tr td,
.muted-table-bg-hover tbody tr th {
	border-top: 1px solid #fbfcfc
}

.dataTables_wrapper {
	padding-top: 10px
}

.dt-buttons {
	display: inline-block;
	margin-bottom: 15px;
	padding-top: 5px
}

.dt-buttons .btn {
	margin-bottom: 10px
}

.dt-buttons .dt-button {
	border-radius: 4px;
	margin-right: 3px;
	padding: 5px 15px
}

.dataTables_info,
.dataTables_length {
	display: inline-block
}

.dataTables_length {
	margin-top: 10px
}

.dataTables_length select {
	background-color: transparent;
	background-position: center bottom, center calc(100% - 1px);
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	border: 0 none;
	padding-bottom: 5px;
	transition: background 0s ease-out 0s
}

.dataTables_length select:focus {
	background-size: 100% 2px, 100% 1px;
	box-shadow: none;
	outline: medium none;
	transition-duration: .3s
}

.dataTables_filter {
	float: right;
	margin-top: 10px
}

.dataTables_filter input {
	background-color: transparent;
	background-position: center bottom, center calc(100% - 1px);
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	float: none;
	margin-left: 10px;
	transition: background 0s ease-out 0s
}

.dataTables_filter input:focus {
	background-size: 100% 2px, 100% 1px;
	box-shadow: none;
	outline: medium none;
	transition-duration: .3s
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
	background: 0 0
}

table.dataTable thead .sorting_asc::after {
	content: "";
	cursor: pointer;

	margin-left: 10px
}

table.dataTable thead .sorting_desc::after {
	content: "";
	cursor: pointer;
	margin-left: 10px
}

table.dataTable thead .sorting::after {
	content: "";
	cursor: pointer;
	margin-left: 10px
}

.dataTables_wrapper .dataTables_paginate {
	padding-top: .25em;
	text-align: right
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: 1px solid rgba(120, 130, 140, .13);
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	min-width: 1.5em;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
	background: 0 0;
	box-shadow: none;
	cursor: default
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	outline: medium none
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em
}

.dt-bootstrap {
	display: block
}

.paging_simple_numbers .pagination .paginate_button {
	padding: 0
}

.paging_simple_numbers .pagination .paginate_button a {
	border: 0 none;
	padding: 2px 10px
}

#myTable a {
	font-size: 18px;
	font-weight: 700;
	margin-right: 10px
}

#myTable i.cc {
	font-size: 30px
}

#myTable p {
	margin: 0
}

.box-area {
	height: 160px
}

.m10 {
	margin-top: 10px
}

.gallery-item,
.gallery-thumb{
	text-align: center;
}
.books-nav>li>a{
	border-radius: 0;
	padding: 5px 8px;
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {

	.slider-desktop { display: none !important;}
	.slider-mobile { display: block !important;}

	.slider-img {
		width: 100%;
		/* height: 180px!important */
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 200px
	}
}

@media only screen and (min-width:321px) {
	.slider-desktop { display: none !important;}
	.slider-mobile { display: block !important;}
	.slider-img {
		width: 100%;
		/* height: 180px!important */
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 200px
	}
}

@media only screen and (max-width:320px) {
	.slider-desktop { display: none !important;}
	.slider-mobile { display: block !important;}
	.slider-img {
		width: 100%;
		/* height: 180px!important */
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 200px
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {

	.slider-desktop { display: block !important;}
	.slider-mobile { display: none !important;}

	.slider-img {
		width: 100%;
		height: 180px!important
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 400px
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

	.slider-desktop { display: block !important;}
	.slider-mobile { display: none !important;}

	.slider-img {
		width: 100%;
		height: 180px!important
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 400px
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {

	.slider-desktop { display: block !important;}
	.slider-mobile { display: none !important;}

	.slider-img {
		width: 100%;
		height: 300px!important
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 400px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {

	.slider-desktop { display: none !important;}
	.slider-mobile { display: block !important;}

	.slider-img {
		width: 100%;
		/* height: 180px!important */
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 200px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {

	.slider-desktop { display: none !important;}
	.slider-mobile { display: block !important;}

	.slider-img {
		width: 100%;
		/* height: 180px!important */
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 200px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {

	.yt-promo{
		width: 100%;
		height: 200px;
	}

	.slider-desktop { display: none;}
	.slider-mobile { display: block;}

	.slider-img {
		width: 100%;
		/* height: 180px!important */
	}
	.program-icon {
		border-radius: 70px
	}
	.pearlOfQuran {
		width: 100%;
		height: 200px
	}
}

@media only screen and (min-width:1224px) {

	.yt-promo{
		width: 100%;
		height: 420px;
	}

	.slider-desktop { display: block !important;}
	.slider-mobile { display: none !important;}

	.slider-img {
		width: 100%;
		/* height: 400px!important */
	}
	.pearlOfQuran {
		width: 100%;
		height: auto
	}
}

@media only screen and (min-width:1824px) {

	.yt-promo{
		width: 100%;
		height: 420px;
	}

	.slider-desktop { display: block !important;}
	.slider-mobile { display: none !important;}

	.slider-img {
		width: 100%;
		/* height: 400px!important */
	}
	.pearlOfQuran {
		width: 100%;
		height: auto
	}
}