@charset "utf-8";
/* CSS Document */

html,body {
    height:100%;
}

a:hover, a:focus
{
  text-decoration-line: none;
}

section {
  height:calc(90% - 50px);
}

.affix {
  padding:0px;
  -webkit-transition:padding 0.5s linear;
  -moz-transition:padding 0.5s linear;  
  -o-transition:padding 0.5s linear;         
  transition:padding 0.5s linear;
}

.affix-top {
  padding-bottom:15px;
  padding-top: 15px;
  -webkit-transition:padding 0.5s linear;
  -moz-transition:padding 0.5s linear;  
  -o-transition:padding 0.5s linear;         
  transition:padding 0.5s linear;  
}

div.navbar-header > a.navbar-brand{padding-top:10px;}

.navbar-inverse {
  background-color: #00000063;
  }

/* -------Slider ---*/

#jssor_1{
margin: 0 auto 20px auto;
top: 0px;
left: 0px;
width: 1400px;
height: 580px;
overflow: hidden;
visibility: hidden;}

#jssor_1 > div { top: 0px; left: 0px;}

#jssor_1 > div > div {filter: alpha(opacity=70); position: absolute; display: block; top: 0px; left: 0px; width: 1400px; height: 580px;
background:url(../../images/loading.gif) no-repeat center center;}

ul.nav.nav-justified > li > a{
	font-size:24px;
	padding-top:15px;
	padding-bottom:15px;
}
ul.nav.navbar-nav.navbar-right li a{
	color: white;
}

ul.nav.navbar-nav.navbar-right li a:hover, ul.nav.navbar-nav.navbar-right li a:focus{
	text-shadow:none;
}

ul.nav.nav-justified > li > a > p{font-size:16px; color:#637B8B;}

div.get-inspired{margin:20px auto 20px auto;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:bold; font-size: 2.5em;  }

span.get{
    line-height: 1.8;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-word;
}

.col-12.kusi-wrap{
    text-align: justify;
    text-justify: inter-word;
    padding-right: 25px;
}

div.container div.row section div.col-xs-12.col-sm-6{padding: 20px;}

html body div.container div.row div.col-xs-6.col-md-3{padding-top: 50px; padding-bottom: 50px;}

.so-res{
	background-color: #201767;
	display: block;
	margin-top: 50px;
	padding-top: 75px;
	padding-bottom: 75px;
	color: #FFFFFF;}

.so-res span{color: #FCF4F4;}

.media{
	border: 0.5px solid #EDEDED;
	padding: 5px;}

.media-body{padding: 5px;}

p.application-process span.fa{
	color:#5A5A5A;
}

/*------ thumb nails---------*/
/*.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    bottom:0;
    right:0;
    background:rgba(107, 148, 214, 0.75);
    width:100%;
    height:25%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
*/
.thumbnail {
 	border: solid aliceblue 2px;
	padding: 10px;
}

div.col-sm-6.col-md-4 div.thumbnail div.caption center h3{
	min-height: 3em;
}

img.img-fluid.rounded-circle.front-img{
  border: solid 1px #36A4FF;
}

div.col-sm-6.col-md-4 div.thumbnail div.caption center p{
	min-height: 9em;
}
/*div.col-sm-6.col-md-4 div.thumbnail div.caption p{
	text-align: justify;
}*/

.carousel-caption {
    position: initial;
    z-index: 10;
    padding: 5rem 8rem;
    color:#F9F9F9;
    text-align: center;
    font-weight: bold;
	line-height: 3rem;
	min-height: 350px;
}

div#testamonial-carousel.carousel.slide div.carousel-inner > .item > img {
    width: 20rem;
	height: 20rem;
    border-radius: 10rem;
    margin-top: 2rem
}

span.glyphicon.glyphicon-menu-left{margin-left: -20px;}

.about-img{max-width: 300px;}

.media-object{max-width: 200px;}

.msg-box{max-width:800px; padding: 4% 0; }
.msg-box1{max-width:800px; padding: 180px 0; }

div.msg-box1 > span,
div.msg-box > span{color:#ffffff; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;  font-size:38px;font-style:italic; font-weight:bold; text-shadow:2px 2px #222C41; }

div.container-fluid.trans{ margin-top:40px; margin-bottom:20px;}

div.container-fluid.trans2{ margin-top:-30px; background:url(../../images/strip1.jpg);}

div.container-fluid.trans3{ margin-top:-30px; background:url(../../images/strip4.jpg);}


legend {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

div.row.page-design > div.col-sm-4 > a > legend{color:#6b94d6; font-weight:bold;}
#map {  height:155px; max-height: 155px;
        width: 100%;
       }

footer.container-fluid{background:#31364A;}
	   
#contact{padding-top: 100px;}

#front-picbox{display: block; margin: 50px auto 50px auto;}


/*--------- social icons -------*/

div.scocial-icons{padding:7px 0; display:inline-block;}

.social-icon {font-size:28px; padding:8px; margin:0 7px; color:#FFFFFF; clear: both;}
.social-icon.fa.fa-facebook:hover{color:#06F;}
.social-icon.fa.fa-pinterest:hover{color:#E04541;}
.social-icon.fa.fa-reddit:hover{color:#8FCBFC;}
.social-icon.fa.fa-twitter:hover{color:#69F;}
.social-icon.fa.fa-google-plus:hover{color:#C30;}

div.footer-note{ font-size:9px; color:#C7C7C7; padding:7px 0 0 0;} 

.copy-right{display:block; padding:5px 0; background:#272B3B; color:#36A4FF;}

div.copy-right > center > a,
div.scocial-icons > a.link-btm{
	color:#36A4FF; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

div.copy-right > center > a:hover,
div.copy-right > center > a:focus,
div.copy-right > center > a:active,
div.scocial-icons > a.link-btm:hover,
div.scocial-icons > a.link-btm:focus,
div.scocial-icons > a.link-btm:active{color:#FBFBFB;}

/*------------ page -----------*/

.inpage{margin:100px auto 0 auto;line-height: 2;}

.page-design{margin:15px auto;}

.shape1{
background:#002061;
color: aliceblue;
padding-top: 100px;
min-height: 300px;
-webkit-clip-path: polygon(0 0, 95% 0, 100% 80%, 0 100%);
clip-path: polygon(0 0, 95% 0, 100% 80%, 0 100%);
}

.shape2{
background:#79787b;
color: aliceblue;
padding-top: 150px;
padding-bottom: 75px;
min-height: 300px;
clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);}


.graduate{
vertical-align: top;
margin-top: 0;
z-index: 50;}

.kids{
z-index: 50;
}


/*.adm-details{ display: block; min-height: 450px;}*/

.adm-title { display: block; margin-top: 20px; padding-top: 30px;}

.adm-title h2 {display: block; font-size: 1.5em; height: 40px; }

.application-process{
	font-size: 1.5em;
}

.adm-cat-box{
	padding-top: 100px;
}

.btn-info {
  
  background-color: #1D1C74;
  border-color: #153CA7;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #153CA7;
}

.btn-info a{
	color: #ffffff;
}

/*------- KCHE slider ---------*/
.aboutkche {padding-top: 100px; padding-bottom: 50px;}

html body div#cources.container-fluid.shape2 div.col-sm-6.col-md-3 center img.img-responsive {margin-bottom: 30px;}

/*----- image lightbox--------*/

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}


@media screen and (max-width: 991px) {
	.adm-details{ min-height: 170px;}
	.adm-title { border-top: 1px dashed #A4A4A4;}
    .col-12.kusi-wrap{
        padding-right: 0;
    }
}


@media screen and (max-width: 767px) {
	html,body {
    padding-top:0;
	}
	.logo,.logo2{max-height:60px; }
	.affix-top {
		padding-top:0;
		padding-bottom:0;}

	div#navbar.navbar-collapse.collapse.in{padding-top:15px; background-color: #B3D6FB99;}
	
	.navbar-toggle {
    	background-color: #B5C6FF;
	}
	.navbar-inverse .navbar-nav > li > a {
  		color: #160060;
	}
	div.get-inspired,div.get-inspired h1, .inspired h2, .adm-title h2{font-size: 1.2em;}
	span.get {font-size: 1em;}
	
	.so-res{
		padding-left: 0;
		padding-right: 0;
	}	
	.graduate{display: none;}

	.shape2{padding-top: 150px;}
	
	.adm-details{ min-height: inherit;}
	
}
@media screen and (max-width: 537px) {
	
	.graduate{display: block;}
}

@media screen and (max-width: 537px) {
	
.carousel-control {	width: 0;}

.carousel-caption {
	padding: 5rem 1rem;
}	
	
}