/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent; font-size:20px; line-height:32px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333333;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
h1, h2, h3, h4, h5{/* font-family: 'Roboto Slab', serif !important;*/ padding:15px 0 5px;}
button, a{-moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}

/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */



/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%; 
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:fixed;
}

.back-arrow{ background: #101ec5; border-radius:50%; position:fixed; top:3%; left:3%; width:60px; height:60px; padding:13px 18px;-moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; z-index:10;}
.back-arrow:hover{background: #020c88;transition: all ease-out 0.4s;-webkit-transition: all ease-out 0.4s;}

.container-outer{width:100%; height:100vh; float:left; margin:0px; position:absolute; top:0;}
.content-area{ width:100%; height:auto; text-align:center; float:left; position:relative; top:50%; transform:translateY(35%);}
.biography{ width:100%; height:auto; text-align:left; float:left; position:relative; padding:0px 0;}
.events-page{ width:100%; height:auto; text-align:center; float:left; position:relative; padding:50px 0;}
.content-area img{ max-width:420px;}
.content-area h1, .biography h1{ color:#101ec5; font-weight:bold; font-size:40px;}
.content-area h1 span, .biography h1 span{ font-size:24px;}
.content-area p{ margin-bottom:20px;}
.content-area a{ background: #101ec5; padding:10px 40px; color:#fff; border-radius:25px; display:inline-block; margin:0 5px;}
.content-area a:hover, .biography a:hover{ color:#fff; background:#020c88; text-decoration:none;transition: all ease-out 0.4s;-webkit-transition: all ease-out 0.4s;}

.biography img{ max-width:200px;}
.biography p b{ font-size:40px; /* font-family: 'Roboto Slab', serif;*/  color:#101ec5;}
.biography p{ width:100%; height:auto; margin:0px auto 20px;}
.biography ul{ margin-left:0px;}
.biography ul li{ background:url(../img/bullet.jpg) left top no-repeat;  list-style:none; padding-left:20px;}
.biography h2, .events-page h2{ color:#101ec5; margin-top:0; padding-top:0;}
.biography a{background:rgba(105,116,167,0.93); color:#fff; padding:2px 5px; font-size:16px;}
.biography a:focus{ color:#fff; text-decoration:none;}

.single-events{ width:100%; height:auto; float:left; margin:0px;}
.single-events h2{ margin:30px 0; text-transform:uppercase; font-weight:bold; font-size:36px;}
/*#owl-demo1 .item img, #owl-demo2 .item img{ max-width:400px;}*/
.single-events img{ border:10px solid #e5e5e5; border-radius:30px;}
.owl-pagination{ display:none;}
.owl-buttons{ margin:30px 0;}
.fs-gal img{ cursor:zoom-in;}
.single-events .item{ position:relative;}
.single-events .item h3{text-align:center; margin:20px 0 50px; padding:0;}

.inthenews .item img{ margin:20px 0; border-radius:0 !important;}
 
.vdo li{ list-style:none !important; margin-bottom:30px;}
.vdo li iframe, .vdo li video{ max-width:650px;}











@media screen and (max-width: 768px) {
.owl-theme .owl-controls .owl-buttons div{ width:40px !important; height:40px !important; padding:4px 10px !important; font-size:11px !important; }
.back-arrow{ width:40px; height:40px; padding:2px 12px;}
.back-arrow img{ width:17px;}	
.content-area img{ max-width:170px;}	
.content-area{transform:translateY(2%);  margin-bottom:50px;}
.content-area h1, .biography p b{ font-size:26px; margin-bottom: 0; margin-top: 0;}
.content-area h1 span, .biography h1 span{ font-size:18px;}
.biography h2{ font-size:21px;}
.biography h2, .events-page h2{ line-height:30px;}
.content-area a{ margin-bottom:10px;}
.biography{ text-align:left;}
.biography h1{ font-size:23px;}
.single-events img { width:90% !important; height:auto !important;}
.single-events h2{ font-size:25px;}
.single-events .item h3{ font-size:18px;}
p, li{ font-size:16px; line-height:29px; width:97%;}
.biography ul li{ margin-bottom:10px; line-height:22px; background:url(../img/bullet1.jpg) left top no-repeat;}
.page2{font-size:15px;}
	}


@media screen and (min-device-width: 768px) and (max-device-width:1366px) { 
.content-area{transform: translateY(10%);}
}	


/***** 19-07-2021 *****/
.p-0{
	padding: 0 !important;
}
.profile-section{
	display: inline-block;
}

.profile-section img{
	max-width: 178px;

}
.profile-section .bio-btn{
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}
 .profile-section .bio-btn a{
	display: inline-block;
	color: #fff;
	 background: #9e0e0e;
	 width: 100%;
	 text-align: center;
	 border-radius: 25px;
	 margin-bottom: 18px;
	 
}
.biography h1{
	margin-top: 8px !important;
}
.biography h3{
	font-size: 18px;
	color: #101ec5;
	padding-top: 0;
}