body {
	 color:#fff; background:none;
}
/* ---------------------------------------------------
				TOPBAR STYLE
----------------------------------------------------- */

.navbar{
    background:none;
}

.navigation_color {
	background:none; 
}

.navigation_color_change {
	background-image: linear-gradient(to right, #011A2E , #02465B); 
}

/* --------------------------- TYPE WRITTING SPECIFIC STYLE ------------------------------ */
/* --------------------------- -------------------------- ------------------------------ */
.typewriter h2{
  overflow: hidden; border-right: .15em solid #e68a00; white-space: nowrap; margin: 0 auto; letter-spacing: .8px; animation: typing 2.5s steps(15, end), blink-caret .75s step-end infinite;
}

.typewriter a{
	color:#e68a00; text-shadow:1px 1px #b36b00;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #e68a00 }
}


/* ---------------------------------------------------
				SIDEBAR STYLE
----------------------------------------------------- */

.sidebar{
	background-color: rgba(0, 12, 26, 0.20); color: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.sidebar_change{
	background-image: linear-gradient(to left, #011A2E , #02465B); color: #fff;
}

.sideheading b{
	color: rgba(255, 255, 255, 2.5);
}

#sidebarCollapse {
	float:left; margin-top:0px; margin-left:0px; border-radius:5px; border-style:solid; border-color:#ffffff; z-index:99999;  background: #1D1F20; --borderWidth: 3px; position: absolute; border-radius: var(--borderWidth); color:#000;
}
	
#sidebarCollapse:after {
  content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); border-radius: calc(2 * var(--borderWidth)); z-index: -1; background: linear-gradient(90deg, #cc3300, #e68a00, #e6b800, #ffcc66, #ffe6b3, #e6b800, #e68a00, #cc3300); animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%;
}

#dissmiss{
	 background:none;
}

#dismiss:hover{
    background: #fff; color: #000;
}

.overlay{
    background: rgba(0, 0, 0, 0.7);
}

#sidebar .sidebar-header {
    background: #6d7fcc;
}

#sidebar ul p {
    color: #fff;
}

#sidebar ul li a {
	color: #fff;
}

#sidebar ul li a:hover {
    color: Gray; background:none;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
}

ul ul a {
    background: #6d7fcc;
}

a.download {
    background: #fff; color: #7386D5;
}

a.download:hover {
    background: Gray !important; color: #000;
}

a.article,
a.article:hover {
    background: #6d7fcc !important; color: #fff !important;
}


/* ---------------------------------------------------
				INDEX STYLE
----------------------------------------------------- */
#content {
	background:none;
}

#main {
	background: rgb(2,0,36);
	background: -moz-linear-gradient(133deg, rgba(2,0,36,1) 11%, rgba(9,105,121,1) 68%, rgba(0,212,255,1) 100%);
	background: -webkit-linear-gradient(133deg, rgba(2,0,36,1) 11%, rgba(9,105,121,1) 68%, rgba(0,212,255,1) 100%);
	background: linear-gradient(133deg, rgba(2,0,36,1) 11%, rgba(9,105,121,1) 68%, rgba(0,212,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);
}

#indexbox h1{
	color:#e68a00; text-shadow:1px 1px #b36b00;
}

#indexbox h2{
	color:#e68a00; text-shadow:1px 1px #b36b00;
}

#p2 {
	color:#e68a00; text-shadow:.5px .5px #b36b00;
}
#p4 {
	color:#e68a00; text-shadow:.5px .5px #b36b00;
}
#section2 { 
	background:#080838; background-image: url("/en/images/home/blue/869-4.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right center;
}

.section2-main {
  background:none;
}

@media only screen and (max-width: 991px) {	
	#handhold_indexbox {
		background-image: linear-gradient(to right, #011A2E , #02465B); 
	}

	#handhold_indexbox h1{
		color:#ff9900; text-shadow:1px 1px #b36b00; 
	}

	#p1 {
		color:#fff; 
	}
	
	#p2 {
		color:#ff9900; text-shadow:1px 1px #b36b00; 
	}
	#p3 {
		color:#fff;  
	}
	#p4 {
		color:#ff9900; text-shadow:1px 1px #b36b00; 
	}
}



/* ---------------------------------------------------
		ANIMATION TRASITION EFFECTS
----------------------------------------------------- */

.box a{
	color:#e68a00; 
}

#comp_div a {
	padding:5px; border-radius:10px; background:#000; --borderWidth: 2px; position: relative; border-radius: var(--borderWidth);
}

#comp_div a:hover {
	background:#fff; border-color:#fff; color:#000;
}
 
#comp_div a:after {
  content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); border-radius: calc(2 * var(--borderWidth));
  background: linear-gradient(60deg, #cc3300, #e68a00, #e6b800, #ffffff, #ffffff, #e6b800, #e68a00, #cc3300);
  z-index: -1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%;
}


#comp_div_mob {
	text-align:center; padding:0; margin-bottom:10px;
}

#comp_div_mob a {
	color:#fff; border-color:silver; border-color:#fff; background:none;
}

#comp_div_mob a:hover {
	background:#fff; border-color:#fff; color:#000;
} 
		

/* SECTION 2 DESIGNING */
.box-section2 {
	background: linear-gradient(to right, #003333 , #006666); border-color:#006666;
}

#menu_b {
	color:#006666; text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
}


	
/*--------------------------------------------------------
				ABOUT CSS
----------------------------------------------------------*/
@media only screen and (min-width: 991px) {	
	#about_main {
		background:#080838; background-image: url("/en/images/home/blue/869-12.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
	}
		
	#about_section {
		background:#080838; background-image: url("/en/images/home/blue/869-5.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
	}
}

@media only screen and (max-width: 991px) {	
	#about_body {
		background:#080838; background-image: url("/en/images/home/blue/869-12.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
	}
}




.about-text{
	background-color: rgba(0, 12, 26, 0.20); color: #ffffff; text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636; border-style:solid; border-color:Gray; border-width:.5px; border-left:none; border-right:none;
}

.about-imgbox{
	background-color: rgba(0, 12, 26, 0.20); border-style:solid; border-color:Gray; border-width:.5px; border-left:none;  border-right:none;
}


.aboutbox-section2 {
	color: #fff; background-color: rgba(255, 255, 255, 0.10); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.about-text h4 {
		background: linear-gradient(to right, #006666 , #080838); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636;
	}

/* ---------------------------------------------------
		Tap to Top CSS Code Start Here
----------------------------------------------------- */

.biography {
	background: rgb(20,177,231); background: linear-gradient(0deg, rgba(20,177,231,0.7455357142857143) 0%, rgba(35,132,187,1) 0%, rgba(2,64,77,1) 39%); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
}

.business {
	background: rgb(19,152,198); background: linear-gradient(250deg, rgba(19,152,198,1) 0%, rgba(41,51,59,1) 100%);background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
}

.philantropy{
	background: rgb(20,177,231); background: radial-gradient(circle, rgba(20,177,231,0.7455357142857143) 0%, rgba(35,132,187,1) 0%, rgba(2,64,77,1) 80%); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
}

.accolades{
	background: rgb(12,135,101); background: linear-gradient(3deg, rgba(12,135,101,1) 0%, rgba(18,13,93,1) 100%); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
}

#always-top{
	/*This Section Comes Usder accolades Section*/
	background-color:#00332b78;
}

.interest{
	background: rgb(19,152,198); background: linear-gradient(252deg, rgba(19,152,198,1) 0%, rgba(58,7,88,1) 98%);background-size: cover; background-position:center center; background-attachment: fixed;
}

.contact{
	background:#080838; background-image: url("/en/images/home/blue/869-10.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;
}
	
	
.general-text{
	background-color: rgba(0, 12, 26, 0.20); color: #ffff; text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636; border-style:solid; border-color:Gray; border-width:.5px; border-left:none; border-right:none; margin-bottom:50px;
	
}


.general-text h4 {
	background: linear-gradient(to right, #006666 , #080838); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636;
}



/*PHOTO GALLERY SECTION*/

.item img{
	background-color: rgba(0, 12, 26, 0.0); border-color:rgba(0, 12, 26, 0.10); 
}
	
.item small {
	background-color: rgba(0, 12, 26, 0.10); color:#fff; 
}


/*BLOG SECTION START*/

#blog_post a{
	color: #fff; opacity:1; display:inline-block; width:100%
}
	
#blog_post a:hover{
	opacity:.75
}

#blog_post_class_1 {
		background-color: rgba(0, 0, 0, 0.40);
}

#blog_post i {
	color:silver; letter-spacing:1px;
}	
	
#blog_post span{
	text-shadow:none; letter-spacing:1px;
}


/* ---------------------------------------------------
		Tap to Top CSS Code Start Here
----------------------------------------------------- */
#scroll {
    background-color:#1c386d;
}
#scroll span {
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#112751;
}