﻿/*
========================================================

	Original CSS Base:  www.binarytheme.com
	Adapted (a lot) by: www.jingjaisamer.com
    License: Commons Attribution 3.0
========================================================
*/

/*
********************************************************************************
					 ██████╗ ██████╗ ██████╗ ███████╗
					██╔════╝██╔═══██╗██╔══██╗██╔════╝
					██║     ██║   ██║██████╔╝█████╗  
					██║     ██║   ██║██╔══██╗██╔══╝  
					╚██████╗╚██████╔╝██║  ██║███████╗
					 ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝
********************************************************************************
*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:25px;
}

.text-center {
	text-align:center;
}

.sub-head {
		padding-bottom:20px;
		display:block;
}

.pad-top-botm {
	padding-top:50px;
	padding-bottom:50px;
}
  
h2 {
	color:#ff0000;
	font-weight:900;
}

h3{
	color:#159238;
}

.carousel-control.left {
	left: 0;
	right: auto;
	background-repeat: repeat-x;
	background-image: linear-gradient(to left,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;
}


.carousel-indicators li {
    border:2px solid #159238;
    width:10px;
    height:10px;
}

.carousel-indicators .active {
    border:2px solid #159238;
    width:10px;
    height:10px;
    background:#159238;
}

.modal-body{
	max-height:450px;
	overflow:auto;
}

/*
********************************************************************************
				██╗      ██████╗  █████╗ ██████╗ ███████╗██████╗ 
				██║     ██╔═══██╗██╔══██╗██╔══██╗██╔════╝██╔══██╗
				██║     ██║   ██║███████║██║  ██║█████╗  ██████╔╝
				██║     ██║   ██║██╔══██║██║  ██║██╔══╝  ██╔══██╗
				███████╗╚██████╔╝██║  ██║██████╔╝███████╗██║  ██║
				╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
********************************************************************************
*/

#pre-div {
	background-color: #fff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10000;
}


#loader {
    background-image: url("../img/loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}


/*
********************************************************************************
				███╗   ██╗ █████╗ ██╗   ██╗██████╗  █████╗ ██████╗ 
				████╗  ██║██╔══██╗██║   ██║██╔══██╗██╔══██╗██╔══██╗
				██╔██╗ ██║███████║██║   ██║██████╔╝███████║██████╔╝
				██║╚██╗██║██╔══██║╚██╗ ██╔╝██╔══██╗██╔══██║██╔══██╗
				██║ ╚████║██║  ██║ ╚████╔╝ ██████╔╝██║  ██║██║  ██║
				╚═╝  ╚═══╝╚═╝  ╚═╝  ╚═══╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝
********************************************************************************
*/

/*Menu border Color*/
.navbar-default {
border-color: #000;
background-color:#242222;
padding-left: 0;
}
/*Logo Image */
.navbar-brand-logo {
    max-height:60px;
    padding-bottom:20px;
    margin-left:0;
}
/*top-menu links color*/
.navbar-default .navbar-nav > li > a {
    color: #ADD8E6; /*#FFF;*/
}
/*top-menu links color on hover*/
    .navbar-default .navbar-nav > li > a:hover {
        color: #ADD8E6; /*#fff;*/
    }

/*top-menu links & margin*/    
.navbar-nav > li > a {
    margin: 5px 0px 5px 0px;
}
/*toggle styles*/ 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:#159238;
}
.navbar-default .navbar-toggle {
    border:2px solid #159238;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}

/*
********************************************************************************
					██╗  ██╗ ██████╗ ███╗   ███╗███████╗
					██║  ██║██╔═══██╗████╗ ████║██╔════╝
					███████║██║   ██║██╔████╔██║█████╗  
					██╔══██║██║   ██║██║╚██╔╝██║██╔══╝  
					██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗
					╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝
********************************************************************************
*/

#home{
	background: url(../img/head.jpg) no-repeat center center;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	min-height:600px;
	}

#home h1 {
	padding:10px 20px 10px 0px;
	color:#ff0000;
	font-size:20px;
	font-weight:900;
}

#home .head-text span {
	display: block; 
	font-size: 28px; 
	color: #fff; 
	margin-bottom: 25px;
}

#home .head-text span >i {
	 margin-right: 10px; 
	 color: #FFC0CB;
}

#home span.smaller{
	font-size: 24px;
	font-weight: bold;
}

#home p {
	padding: 6px;
	font-size:16px;
	line-height:18px;
	text-align: justify;
	color: rgba(0,0,0,1.0);
}
    
#home .overlay {
	/*background:url(../img/overlays/04.png);        */
}
    
#home h3 {
	color:#fff;
}

#welcome{
	background-color: rgba(255,255,255,0.75);
	margin-top: 80px;
	border: 4px solid #1c8b78;
	border-radius: 15px;
}


#welcome2{
	background-color: rgba(255,255,255,0.75);
	margin-top: 130px;
	border: 4px solid #1c8b78;
	border-radius: 15px;
}

#welcome2 p{
	font-size:14px;
	line-height:16px;
}

#welcome3{
	background-color: rgba(255,255,255,1.0);
	margin-top: 100px;
	border: 0px solid #1c8b78;
	border-radius: 0px;
	min-height: 650px;
}

#welcome3 p{
	font-size:14px;
	line-height:16px;
}

/*
********************************************************************************
		███████╗ █████╗  ██████╗██╗██╗     ██╗████████╗██╗███████╗███████╗
		██╔════╝██╔══██╗██╔════╝██║██║     ██║╚══██╔══╝██║██╔════╝██╔════╝
		█████╗  ███████║██║     ██║██║     ██║   ██║   ██║█████╗  ███████╗
		██╔══╝  ██╔══██║██║     ██║██║     ██║   ██║   ██║██╔══╝  ╚════██║
		██║     ██║  ██║╚██████╗██║███████╗██║   ██║   ██║███████╗███████║
		╚═╝     ╚═╝  ╚═╝ ╚═════╝╚═╝╚══════╝╚═╝   ╚═╝   ╚═╝╚══════╝╚══════╝
********************************************************************************
*/

#facilities {
	background-color: #efefef; 
	padding-top: 40px;
	min-height:700px;
}


/*
********************************************************************************
					██████╗  █████╗ ████████╗ █████╗ 
					██╔══██╗██╔══██╗╚══██╔══╝██╔══██╗
					██║  ██║███████║   ██║   ███████║
					██║  ██║██╔══██║   ██║   ██╔══██║
					██████╔╝██║  ██║   ██║   ██║  ██║
					╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝  ╚═╝
********************************************************************************
*/

.data-section {
	background: url(../img/data.jpg) no-repeat center center;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	color:#fff;
}
	.data-section .overlay {
		/*background: url(../img/overlays/02.png);*/
		min-height: 700px;
	}

	.data-section h4 {
	    line-height:40px;
	}

		.data-section h4 i{
			padding:5px;
		}

.slide-custom {
	/* border: 1px solid #ff0000;*/
	min-height:200px;

	padding-top:200px;
	padding-left: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height:30px;
}


/*
********************************************************************************
					███████╗ █████╗  ██████╗████████╗███████╗
					██╔════╝██╔══██╗██╔════╝╚══██╔══╝██╔════╝
					█████╗  ███████║██║        ██║   ███████╗
					██╔══╝  ██╔══██║██║        ██║   ╚════██║
					██║     ██║  ██║╚██████╗   ██║   ███████║
					╚═╝     ╚═╝  ╚═╝ ╚═════╝   ╚═╝   ╚══════╝
********************************************************************************
*/

#facts{
	/*background: url(../img/facts.jpg) no-repeat center center;*/
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 700px;
}

	#facts h1 {
		padding:150px 20px 20px 0px;
		color:#ffff00;
		font-size:28px;
		font-weight:900;
	}

	#facts .head-text {
		display: block; 
		font-size: 18px; 
		color: #010101; 
		margin-bottom: 25px;
	}
		#home .head-text span >i {
			 margin-right: 10px; 
			 color: #FFC0CB;
		}

	#facts span.smaller{
		font-size: 24px;
		font-weight: bold;
	}

	#facts p {
		padding:10px;
		color:#fff;
		font-size:24px;
		line-height:26px;      
	}
    
    #facts .overlay {
		background:url(../img/overlays/04.png);        
		min-height:700px;
    }
    
	#facts h3 {
		color:#fff;
	}

@media (max-width: 991px){
	#facts{
		background: none!important;
		padding: 0;
		-webkit-background-size: cover;
		background-size: cover;
		min-height: 700px;
	}
}

/*
********************************************************************************
			 ██████╗  █████╗ ██╗     ██╗     ███████╗██████╗ ██╗   ██╗
			██╔════╝ ██╔══██╗██║     ██║     ██╔════╝██╔══██╗╚██╗ ██╔╝
			██║  ███╗███████║██║     ██║     █████╗  ██████╔╝ ╚████╔╝ 
			██║   ██║██╔══██║██║     ██║     ██╔══╝  ██╔══██╗  ╚██╔╝  
			╚██████╔╝██║  ██║███████╗███████╗███████╗██║  ██║   ██║   
			 ╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝   
********************************************************************************
*/

#gallery {
    padding-top: 80px; 
    padding-bottom: 100px; 
    background-color: #ffffff; 
}
.gallery-item {
    border:5px solid #97b2ff;
    border-radius:10px;
    margin:3px;
}
    .gallery-item p {
        padding:50px;
        color:#fff;
    }

.gallery-item .overlay {
   position: absolute;
  top: 0;
  left: 0;
    width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #921538;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  cursor:pointer;
  border-bottom-left-radius:200px;
  border-top-right-radius:200px;
  -webkit-border-bottom-left-radius:200px;
  -webkit-border-top-right-radius:200px;
  -moz-border-bottom-left-radius:200px;
  -moz-border-top-right-radius:200px;
}
.gallery-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.gallery-item:hover .overlay {
  opacity: 1;
  zoom: 1;
	filter: alpha(opacity=100);
}
.overlay a,overlay a:hover{
    color:#fff;
    text-decoration:none;
}


/*
********************************************************************************
				 ██████╗ ██████╗ ███╗   ██╗████████╗██████╗ ██╗██████╗ 
				██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██║██╔══██╗
				██║     ██║   ██║██╔██╗ ██║   ██║   ██████╔╝██║██████╔╝
				██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██╗██║██╔══██╗
				╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║██║██████╔╝
				 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝╚═╝╚═════╝ 
********************************************************************************
*/

#contribute {
	color:#fff;
	background: url(../img/help.jpg) no-repeat center center;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
}

#contribute .overlay {
	background:rgba(32, 32, 32, 0.3);
	padding-top: 80px; 
	padding-bottom: 100px;       
	min-height: 600px;
}

/*
********************************************************************************
				████████╗██╗  ██╗ █████╗ ███╗   ██╗██╗  ██╗███████╗
				╚══██╔══╝██║  ██║██╔══██╗████╗  ██║██║ ██╔╝██╔════╝
				   ██║   ███████║███████║██╔██╗ ██║█████╔╝ ███████╗
				   ██║   ██╔══██║██╔══██║██║╚██╗██║██╔═██╗ ╚════██║
				   ██║   ██║  ██║██║  ██║██║ ╚████║██║  ██╗███████║
				   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝╚══════╝
********************************************************************************
*/

#thanks {
	min-height: 700px;
}

/*
********************************************************************************
		 ██████╗ ██████╗ ███╗   ██╗████████╗ █████╗  ██████╗████████╗
		██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔════╝╚══██╔══╝
		██║     ██║   ██║██╔██╗ ██║   ██║   ███████║██║        ██║   
		██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██║██║        ██║   
		╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║╚██████╗   ██║   
		 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝   ╚═╝   
********************************************************************************
*/

#contact {
    padding-top:80px;
    background-color: #efefef;
}

#contact .form-control {
    background-color:transparent;
    height:40px;
}

#contact  .div-trans button {
            background-color: #159238;
}
    
/*
********************************************************************************
			███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
			██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
			█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
			██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
			██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
			╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
********************************************************************************
*/

#footer {
   text-align:right;
   background-color:#242222; 
   color:#fff;
   padding:10px;
}
