@import url('https://fonts.googleapis.com/css?family=Rajdhani:500');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
body{position:relative;font-family: 'Rajdhani', sans-serif; color:#2a2e31;}
body:after{
  content: "";
  background-size:cover;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
}
h1,.h1, h2{margin:0;line-height:1.3em;}
h3,h4{font-weight: bold; color:#00204A;}
h2{margin-bottom:30px; margin-top:30px; color:#005792; text-align: center;font-weight: bold;}
a{font-weight: bold}
p{margin: 0;}
section{padding:30px 0;}
.loading{
	background-color:#fff;
	color:#fff;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 1100
}

.loading .center{
	background-color:#1c1c48;
	height:2px;
	width:300px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.loading .center:before{
	content: " ";
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background-color:#fff;
	animation:animate 3s infinite linear;
}

.loading .center:after{
	content: "\f040 ";
	font-family: fontAwesome;
	width:100%;
	height:100%;
	position: absolute;
	top:-55px;
	left:0;
	background-color:#fff;
	animation:animate 3s infinite linear;
	color:#1c1c48;
	font-size:50px;
}

@keyframes animate{

	0%{
		left:0;
	}

	50%{
		left:100%;
	}

	100%{
		left:0;
	}
}
/*Cover*/
.cover{
	background:url(../img/cover.jpg)center no-repeat;
	background-size:cover;
	overflow: hidden;
	padding:0;
	position: relative;
	color:#fff;
}

.cover .overlay{
	background: linear-gradient(to right, rgba(0,87,146,0.9), rgba(0,187,240,0.3));
	position: absolute;
	top:0;bottom:0;right:0;left:0;
}
.cover .position{
	position: absolute;
	left:15%;
	top:50%;
	transform:translate(-10%,-50%);
}

.cover .bio h1{
	color:#fff;
}
.bio .lead{margin:0;}
.cover .ul_head{
	background-color:#fff;
	display: inline-block;
	padding:5px 10px;
	color:#005792;
}
.cover ul{padding:10px;}
.cover img{
	width:110px;
	border-radius:30%;
}

.appo{
	background-color:#00BBF0;
	color:#fff;
	border-radius:4px;
	padding:20px 20px;
}
.appo h3{color:#fff;}
.appo .input-group{
	margin-top:20px;
	margin-bottom:20px;
}
.input-lg,.btn-lg{
	font-size:18px;
	border:none;
	border-radius:4px;
}
.appo .fa{width:20px;}
/*navbar*/
.navbar-default .navbar-brand img{max-width:200px; margin-top:-13px;}
.navbar-default{background:#005792; box-shadow: 0 2px 5px #ccc; padding:5px;}
.navbar-nav{float: none;}
.navbar-nav li{float: none; text-align: center; display: inline-block;}
.navbar-default .navbar-toggle{
    background-color: #fff;
    color: #005792;
    transition:all ease 0.3s;
}
.navbar-default .navbar-nav li a{
	color:#fff; 
	transition:ease all 0.5s; 
	border-radius:10px; 
	font-size:16px; 

}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus,.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav .active a ,.navbar-default .navbar-nav > .active > a:focus{
	background-color:#fff;
	color:#005792;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.navbar-default .navbar-toggle .icon-bar{background-color: #eee;}
.navbar-default{
	margin:0;
	border:0;
	border-radius:0;
}
/*Time ------------------------*/
.time{padding:0; overflow: hidden;border-bottom:#fff 1px solid;}
.time .clinic{color:#fff; cursor: pointer;}
.time .clinic h3{color:#fff}
.time .btn{
	margin-top:10px;
	margin-bottom:20px;
	background-color:#005792;
	border:1px solid #fff;
	transition:ease all 0.3s;
	color:#fff;
}
.time .btn:hover{
	background-color:#fff;
	border-color:#005792;
	color:#005792;
}
/*AboutME--------------------------*/
.about{padding-bottom:0;}
.about .half img{width:93%;}
/*welcom*/
.deg{
	background-color:#f9f9f9;
}
.deg .col-md-6{
	border-left:2px solid #ccc;
	padding:15px;
}
h3 span,p span{
	width:10px;
	height:10px;
	background-color:#005792;
	border-radius:50%;
	border:1px solid #005792;
	display: inline-block;
	margin-left:-21px;
	margin-right:2px;
}
/*general*/
.prof{display: table-cell; vertical-align: middle;}
.prof .padding{
	background-color:#00BBF0;
	padding:15px 0;
	color:#fff;
	border-radius: 10px;
	margin-top:15px;
	margin-bottom:15px;
}
.padding img{
	border-radius: 50%;
	width:100px;
	border:1px solid #fff;
	margin-bottom:10px;
}
.general .lead{
	font-size:18px;
	font-weight:bold;
	margin:5px 0px 5px;
}
.general .row1 hr{border-top:1px solid #ccc; width:50%;}
.left-ar,.right-ar{display: inline-block; color:#005792;}
.left-ar{
	float: right;
	clear: both;
	margin-top: 3px;
    margin-left: 10px;
    margin-right: -17px;
    z-index: 5;
    position: relative;
	}

.right-ar{
	float: left;
	clear: both;
	margin-top: 3px;
    margin-right: 10px;
    margin-left: -17px;
    z-index: 5;
    position: relative;
	}
/*work*/
.work{background-color:#f9f9f9;}
/*affliated*/
.affliated1{background-color:#00BBF0;}
.affliated1 h2{color:#fff;}
.affliated1 img{width:150px;}
/*ABSTRACTS*/


 /*<!-- Persons -->*/
.persons{background-color:#;}
.persons .owl-carousel .item{
	background-color:#3d69cc;
	border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 3px #aaa;
    border:1px solid #fff;
}
.persons .owl-carousel .item .img{
	padding:20px;
	width:200px;
	background-color: #eee;
	overflow: hidden;
	border-bottom-right-radius: 60%;
	border-top-right-radius: 60%;
	margin:-1px;
}
.persons .owl-carousel .item img{
	width:150px;
	
	border-radius: 50%;
}

.persons .owl-carousel .item .info{
	overflow: hidden;
	padding:10px;
	color:#fff;
	min-height: 172px;
}
.persons .owl-carousel .item .info h4{color:#fff;}
.owl-dots{display: none;}
.persons .owl-carousel .owl-nav div{
	background-color:#00BBF0;
	color:#fff;
	padding:10px;
	font-size:16px;
}
/*patronage*/
.exp{background-color:#fafafa;}
.exp hr {
	width:80%;
	margin-top:7px;
	margin-bottom:7px;
	border-top:1px solid #eee;
}
/*Register*/

/*Venue*/

.gall{
	background-color:#fafafa;
}
.gall img{
	width:100%;
	transition: ease all 0.5s;
}
.gall .col-md-3 .overlay{
	position: absolute;
	top:50%;
	left:50%;
	bottom:50%;
	right:50%;
	background-color:rgba(0,187,240,.5);
	transition:ease all 0.5s;
	opacity: 0;
	z-index: 1;
}
.gall .col-md-3 .overlay i{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#fff;
}
.gall .col-md-3{
	padding:5px;
	position: relative;
	
	transition:ease all 0.5s;

}
.gall .col-md-3:hover .overlay{
	top:0%;
	bottom:0%;
	opacity:1;
	left:0%;
	right:0%;
	z-index: 1;
}
.gall .col-md-3:hover img{
	transform:scale(1.3) rotate(5deg);
}
.gall .col-md-3:hover a{
	border-color:#005792;
	box-shadow: 5px 5px 5px #aaa;
}
/*Accommodation*/
.gall .col-md-3 a{
	display: block;
    border: 2px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: ease all 0.5s
}
.acco{background-color:#fff;}
.video a{display: block; position: relative; overflow:hidden; margin:15px 0 0px;}
.video .overlay,.video .overlay i,.video .overlay p{transition:ease all 0.5s;}
.video .overlay{
	position: absolute;
	bottom:0px;
	left:0;
	right:0;
	top:0;
	color:#fff;
	text-align: center;
	background-color: rgba(0,187,240,0.0);
}
.video .overlay:hover,.col-md-6 .overlay:hover{background-color: rgba(0,187,240,0.5);}
.video .overlay:hover i{
	background-color:rgba(229,35,37,0.7);
}

.video .overlay i, .col-md-6 .overlay i{
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:50px;
	line-height:50px;
	background-color:rgba(0,187,240,0.7);
	border-radius:50%;
	padding-left:5px;
}
.video .overlay p{
	font-size:16px;
	bottom:0px;
	left:0;
	right:0;
	position: absolute;
	padding:10px 5px;
	background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.1));
}
/*map*/
#map .col-md-3{
	padding:0;
}
/*Footer*/

footer .background{
	padding:30px 0;
	background-color:#eee;
}
footer .img{


	border-radius:50%;
	box-shadow: 0 0 10px #eee;
}
footer h3, footer strong{color:#ed1f24;}
footer p{padding:3px;}

footer .fa{
	font-size:25px;
	margin:3px;
}
footer .contact{display: inline-block;}
footer .contact .fa{
	width:35px;
	line-height:35px;
	color:#eee;
	border-radius:50%;
	text-align: center;
}

/*media*/
@media (max-width: 768px){

	h2{font-size:21px;}
	h3{font-size:19px;}
	p{font-size:15px;}
	#timer .num{
		width:22%; 
		margin:2px auto;
		margin-top:10px;
	}

}

/*.power*/
.power{
	background-color:#005792;
	color:#fff;
	font-weight: bold;
}
.power p{
	font-size:14px;
	display: inline-block;
	margin: 0;
	overflow: hidden;
	float: left;
}
.power img{
	background-color:#fff;
	border-radius: 5px;
}









/*Tablet*/
@media (max-width: 992px){
	.title{font-size:25px;}
	h1{font-size:20px;
		font-weight: bold;

	}

	h1 span{font-size:16px;}
	h3{font-weight: normal;}
}


/*Computer*/
@media (min-width: 992px){
	h1{font-size:33px;
		font-weight: bold;
	}
	.cover .lead{font-size:27px;}

	.cover ul li{font-size:20px;}
	.cover .ul_head{font-size:25px;}
	p{font-size:20px;}
	th , td{font-size:20px;}
	#timer .num{
		width:110px;
		margin:5px;
	}
	.cover .title{font-size:30px;}
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

/*venue*/
h2 .fa{width:50px; line-height:20px; text-align: center; border-radius:50%; margin-bottom:5px;  }
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}