@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
hr
{
	display: block; 
	height: 1px;
    border: 0; 
	border-top: 1px solid #ccc;
    margin: 1em 0; 
	padding: 0; 
}
.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../img/loader.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
}
.side-nav .user-view .background, .side-nav .userView .background
{
overflow:inherit;
}
.white
{
background-color:#fff;
-webkit-box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.15);
box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.15);
}
nav ul li.active {
background:none!important;
}
nav ul li a {
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:500;
color:#333;
background-color:none!important;
}
.dropdown-content li a {
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:400;
color:#333;
background-color:none!important;
}
.dropdown-content1
{
width:200px!important;
top:50px!important;
overflow: visible !important;
}
nav ul li a:hover {
background-color:transparent!important;
color:#02C4D3!important;
border-bottom:5px solid #02C4D3;
}
.menu-active {
background-color:transparent!important;
color:#02C4D3!important;
border-bottom:5px solid #02C4D3;
}
.menu-active-mobile {
background-color:transparent!important;
color:#02C4D3!important;
}
.mobile-bar
{
color: #333;
}
.brand-logo-nav
{
width:100%;	
}
.brand-logo-nav img
{
margin-left:auto;
margin-right:auto;
display:block;	
}
/*******image*******/
.background-home
{
background: url('../img/leaf-bg.png') 90% 80% no-repeat; 
background-color:#fff; 
width: auto;
background-size: cover;	
height:auto;
padding:10px;
}
.bg-about
{
background: url('../img/about.jpg') 10% 98% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-about-mobile
{
background: url('../img/about.jpg') 60% 90% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.30);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.30);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.30);
}
.bg-gallery
{
background: url('../img/forest.jpg') 10% 98% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-gallery-mobile
{
background: url('../img/forest.jpg') 50% 8% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-home
{
background: url('../img/aqua.jpg') 70% 98% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
}
.bg-home-footer
{
background: url('../img/tree.jpg') 10% 98% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:20px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-contact
{
background: url('../img/contact.jpg') 50% 99% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-event
{
background: url('../img/event.jpg') 90% 20% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.40);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.40);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.40);
}
.bg-objective
{
background: url('../img/objectives.jpg') 90% 100% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-objective-mobile
{
background: url('../img/objectives.jpg') 90% 50% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-books
{
background: url('../img/books.jpg') 99% 100% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.67);
}
.bg-books-mobile
{
background: url('../img/books.jpg') 99% 100% fixed no-repeat; 
background-color:#000; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
-webkit-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.40);
-moz-box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.40);
box-shadow: inset 200px 1px 102px 41px rgba(0,0,0,0.40);
}
.image-center
{
display:block;
}
.image-center img
{
display:block;
margin-left:auto;
margin-right:auto;
}
.image-curve img
{
border-radius:20px 0px 20px 0px;	
}
.cl-gradient
{
background-image: linear-gradient(to right green,blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/******typography*****/
.heading-lg
{
font-family: 'Roboto', sans-serif;
font-size:25px;
font-weight:400;
color:#333;
}
.heading-pages
{
font-family: 'Roboto', sans-serif;
font-size:20px;
font-weight:700;
color:#333;
letter-spacing:0.5px;
}
.video-gallery a
{
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:500;
color:#02C4D3;
letter-spacing:0.5px;
}
.video-gallery a:hover
{
color:#333;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.video-icon a
{
color:red;
font-size:30px;
}
.sub-heading
{
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:700;
color:#333;
line-height:25px;
letter-spacing:0.5px;
}
.g-text
{
font-family: 'Roboto', sans-serif;
font-size:13px;
font-weight:300;
color:#7A7A7A;
line-height:25px;
}
.g-text-home
{
font-family: 'Roboto', sans-serif;
font-size:13px;
font-weight:300;
color:#7A7A7A;
line-height:20px;
}
.shadow-text{
text-shadow: 2px 2px #02C4D3;
}
.cover-heading
{
font-family: 'Roboto', sans-serif;
font-size:45px;
font-weight:700;
color:#fff;
letter-spacing:0.5px;
}
.cover-heading-home
{
font-family: 'Roboto', sans-serif;
font-size:30px;
font-weight:600;
color:#fff;
letter-spacing:0.5px;
}
.cover-heading-home-inverse
{
font-family: 'Roboto', sans-serif;
font-size:30px;
font-weight:700;
color:#333;
letter-spacing:0.5px;
}
.cover-heading-inverse
{
font-family: 'Roboto', sans-serif;
font-size:45px;
font-weight:700;
color:#333;
letter-spacing:0.5px;
}
.g-text-cover
{
font-family: 'Roboto', sans-serif;
font-size:13px;
font-weight:300;
color:#fff;
line-height:25px;
}
.g-text-cover-home
{
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:300;
color:#fff;
line-height:25px;
}
.footer-menu li
{
display: inline;
padding:20px;
}
.footer-menu li a
{
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:500;
color:#333;
}
.word-start
{
font-size:25px;
font-weight:700;
color:#333;
}
.fa-leaf
{
color:green;
}
.fa-book
{
color:brown;
}
/*******button*******/
.button-general
{
font-family: 'Roboto', sans-serif;
border-radius:20px;
color:#fff;	
box-shadow:none;
font-size:14px;
font-weight:600;
letter-spacing:0.3px;
text-transform:capitalize;	
background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%)}
}
.button-general:hover
{
color:#fff;
background:#29c480;	
box-shadow:none!important;
background-position: right center; 
}
.button-center
{
display:block;
text-align:center;
}
.button-home
{
display:block;
text-align:center;
}
.btn:hover
{
box-shadow:none!important;
background-color:none;
}
.fa-size{
	font-size:20px;
}
/********colors******/
.color-marine
{
color:#02C4D3;
}
.color-card-green
{
border-radius:10px;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(155,207,85,1) 0%, rgba(63,254,255,1) 100%);
}
.color-card-blue
{
border-radius:10px;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(45,159,139,1) 0%, rgba(63,254,255,1) 100%);
}
.color-card-red
{
border-radius:10px;
background: rgb(242,46,255);
background: linear-gradient(90deg, rgba(242,46,255,1) 0%, rgba(0,134,255,1) 0%, rgba(0,255,171,1) 100%);
}
tr:hover
{
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-box-shadow: 2px -4px 42px 0px rgba(212,252,255,0.55)!important;
-moz-box-shadow: 2px -4px 42px 0px rgba(212,252,255,0.55)!important;
box-shadow: 2px -4px 42px 0px rgba(212,252,255,0.55)!important;
}
.bg-color-grey
{
background-color:#FAFAFA; 
width: auto;
background-size: cover;	
height:auto;
padding:20px;	
}
.bg-color-grey-bio
{
background-color:#FAFAFA; 
width: auto;
background-size: cover;	
height:auto;	
}
.bg-footer
{
background-color:#F1F1F1; 
width: auto;
background-size: cover;	
height:auto;
padding:3px;		
}
.bg-footer-credits
{
background-color:#d7d7d7; 
width: auto;
background-size: cover;	
height:auto;
padding:3px;		
}
.card-custom
{
background:none!important;
box-shadow:none!important;
}
.card-custom:hover
{
background:#FFF!important;
-webkit-box-shadow: 2px -4px 42px 0px rgba(212,252,255,0.55)!important;
-moz-box-shadow: 2px -4px 42px 0px rgba(212,252,255,0.55)!important;
box-shadow: 2px -4px 42px 0px rgba(212,252,255,0.55)!important;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.card-custom-home
{
box-shadow:none!important;
border-radius:10px;
}
.card-custom-home:hover
{
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.card-home
{
box-shadow:none!important;
}
.fb-color
{
color:#‎3b5998;	
font-size:15px;
}
.fb-color:hover
{
color:#‎4285F4;
}
.in-color
{
color:#0077B5;
font-size:15px;
}
.in-color:hover
{
color:#‎4285F4;
}
.google-color
{
color:#DB4437;
font-size:15px;
}
.google-color:hover
{
color:#‎4285F4;
}
.amazon-color
{
color:#FF9900;
font-size:15px;
}
.amazon-color:hover
{
color:#‎FF9900;
}
}
.tabs .tab a:hover, .tabs .tab a.active
{
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:0.5px;
}
.tabs .tab a:hover, .tabs .tab a.active
{
color:#02C4D3!important;
}
.tabs .tab a
{
color:#333;
font-size:14px;
font-weight:700;
}
.tabs .indicator
{
background-color:#02C4D3;
}
/********helper******/
.social-justify
{
display:block;
text-align:center;
}
.text-center
{
text-align:center;
}
.rise-up {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.rise-up:hover, .rise-up:focus, .rise-up:active
{
-webkit-transform: translateY(-14px);
transform: translateY(-14px);
}
.justify-text
{
text-align: justify;
text-justify: inter-word;
}
/********margin******/
.margin-xll
{
margin-top:130px;
}
.margin-xl
{
margin-top:100px;
}
.margin-lg
{
margin-top:60px;
}
.margin-md
{
margin-top:40px;
}
.margin-sm
{
margin-top:20px;
}
.margin-xs
{
margin-top:10px;
}
.margin-inverse
{
margin-top:-25px;	
}
.margin-inverse-sm
{
margin-top:-10px;	
}
.margin-xll-bottom
{
margin-bottom:130px;
}
.margin-lg-bottom
{
margin-bottom:80px;
}
/*********Third party*****/
.sidebar-box {
  max-height: 500px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}
/**********mobile*********/
@media only screen and (max-width: 600px) {
	.main-heading
	{
		font-size:35px;
		margin-top:-10px!important;
		color:#e8cfb6;
		text-shadow: 2px 2px #b78e6e;
	}
	.main-heading1
	{
		font-size:20px;	
		margin-top:-10px;
		margin-left:30px;
		color:#e8cfb6;
		text-shadow: 2px 2px #b78e6e;
	}
	.sub-heading
	{
		font-size:14px;	
	}
	.g-text
	{
		font-size:13px;	
	}
	.cover-heading-inverse
	{
		font-size:30px;
	}
	.main-heading2
	{
		font-size:35px;
		margin-top:0px;		
		margin-left:50px;
		color:#e8cfb6;
		text-shadow: 2px 2px #b78e6e;
	}
	.heading-para
	{
		margin-top:20px;
		font-size:30px;
	}
	.cover-heading
	{
	font-size:35px;
	}
	.paragraph
	{
		font-size:13px;
	}
	.heading-cover
	{
		font-size:25px;
	}
	.main-heading3
	{
		font-size:12px;
	}
	.side-nav li > a{
		font-size:13px;
	}
	.side-nav li .backgrounf{
		padding:100px;
	}
}