/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% Free To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDIT US AND TELL YOUR FRIENDS ABOUT US
 ========================================================  */
/*=====================================
   GENERAL STYLE SECTION
===================================*/
body { font-family: 'Open Sans', sans-serif; font-size:14px; line-height:25px; background-color:#000; color:#fff; }
.text-center { text-align:center; }
.sub-head { display:block; }
	
@media only screen and (min-width: 973px) { .sub-head { padding-bottom:40px;} }
@media only screen and (max-width: 972px) {.sub-head { padding-bottom:20px;}  }
.pad-top-botm { padding-top:50px; padding-bottom:50px;}
@media only screen and (min-width: 973px) { .pad-top-botm { padding-top:50px; padding-bottom:50px;} }
@media only screen and (max-width: 972px) { .pad-top-botm { padding-top:20px; padding-bottom:20px;} }
h2 {color:#ff0000; font-weight:900;}
h3 { color:#159238; }

 /*=====================================
  PRELOADER STYLES 
 ===================================*/
 #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; }

/*=====================================
   NAV BAR STYLE SECTION
 ===================================*/
/*Menu border Color*/
.navbar-default { border-color: #000; background-color:#242222; }

/*Logo Image */
.navbar-brand-logo { max-height:60px; padding-bottom:20px; }

/*top-menu links color*/
.navbar-default .navbar-nav > li > a { color: #FFF; }

/*top-menu links color on hover*/
.navbar-default .navbar-nav > li > a:hover ,  .navbar-default .navbar-nav > li > a:visited , 
.navbar-default .navbar-nav > li > a:active { color: #fff;  }

/*top-menu links & margin*/   
 @media only screen and (min-width:701px) and (max-width: 900px)  {.navbar-nav > li > a { margin: 5px 0px 5px 0px; padding 10px 15px; } }

@media only screen and (min-width: 901px)  {.navbar-nav > li > a { margin: 5px 0px 5px 0px; padding 10px 15px; } }

/*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 SECTION
===================================*/
#home{ background: url(../img/newhead.jpg) no-repeat center center; padding: 0;
-webkit-background-size: cover;background-size: cover; }

@media (max-width: 461px) {

 #home .head-text span { display: block; font-size: 1em; color: #000;  margin-bottom: 0.4em; }
 #home .head-text span >i { margin-right: 10px; color: #159238; }
 #home p { padding:10px 20px 20px 20px; color:#fff; font-size:16px; line-height:20px; font-weight:800; text-align:center; }
  #home .head-text h1 {
    display: block;
    padding: 30px 20px 20px 0px;
    color: #ff0000;
    font-size: 20px;font-weight: 900;line-height: 1.1;
    margin-top: 20px; margin-bottom: 10px;
    -webkit-margin-before: 0.47em;
    -webkit-margin-after: 0.47em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
#localetxt {font-size:1em;}
#allrights{display:none;}
}

 @media only screen and (min-width:462px) and (max-width: 700px)  {
 #home .head-text span { display: block; font-size: 1.2em; color: #000;  margin-bottom: 0.2em; }
 #home .head-text span >i { margin-right: 5px; color: #159238; }
 #home p { padding:7px 7px 7px 7px; color:#fff; font-size:12px; line-height:15px; font-weight:800; text-align:center; }
  #home .head-text h1 {
    display: block;
    padding: 40px 20px 20px 0px;
    color: #ff0000;
    font-size: 20px;font-weight: 900;line-height: 1.1;
    margin-top: 20px; margin-bottom: 10px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
}

 
@media only screen and (min-width: 701px)  {

 #home .head-text span { display: block; font-size: 1.7em; color: #fff;  margin-bottom: 0.4em; }
 #home .head-text span >i { margin-right: 10px; color: #159238; }
 #home p { padding:10px 20px 20px 20px; color:#fff; font-size:16px; line-height:20px; font-weight:800; text-align:center; }
  #home .head-text h1 {
    display: block;
    padding: 110px 20px 20px 0px;
    color: #ff0000;
    font-size: 40px;font-weight: 900;line-height: 1.1;
    margin-top: 20px; margin-bottom: 10px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
}

 #home h3 { color:#fff; }
 .div-trans { padding-top: 5px; background-color: rgba(0, 0, 0, 0.5); min-height: 330px; 
	color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-bottom: 30px;}

@media only screen and (min-width: 973px) { .div-trans {margin-top: 150px; }  }
@media only screen and (max-width: 972px) { .div-trans {margin-top: 50px; }  }
.div-trans i { margin-left: 10px; margin-right: 10px; color: #159238; }
.div-trans span { color: #ff0000; }
.div-trans button {  background-color: #159238; }
#home .form-control { background-color:transparent; }

/*=====================================
 ABOUT SECTION
===================================*/
#about { color: #fff; background-color: #000; }
@media only screen and (min-width: 973px) { #about { padding-top: 60px;} }
@media only screen and (max-width: 972px) {#about { padding-top: 20px;} 	 }
.big-icon { font-size:250px; }
.why-div { text-align: justify; padding: 10px 50px; }
.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; }

/*=====================================
  DONARS STYLES 
 ===================================*/
.donars-section { background: url(../img/donars.jpg) no-repeat center center; padding: 0;
-webkit-background-size: cover; background-size: cover; color:#fff; }
.donars-section .overlay { background: url(../img/overlays/02.png); }
.slide-custom { min-height:200px; padding:100px 20px 100px 20px; line-height:30px; }
.donars-section h4 { line-height:30px; }
.donars-section h4 i{ padding:5px; }

/*==========================================
   PORTFOLIO STYLES
 =====================================================*/
#port-folio { background-color: #000;  color: #fff; }
@media only screen and (min-width: 973px) { #port-folio { padding-top: 60px; padding-bottom: 80px; } }
@media only screen and (max-width: 972px) { #port-folio { padding-top: 20px;  padding-bottom: 40px;} }
.portfolio-item { border:5px solid #159238; margin:3px; }
.portfolio-item p { padding:50px; color:#fff; }
.portfolio-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
  background-color: #159238; 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;
}
.portfolio-item .overlay .preview { position: relative; top: 50%; display: inline-block; margin-top: -20px; }
.portfolio-item:hover .overlay { opacity: 1; zoom: 1; filter: alpha(opacity=100); }
.overlay a,overlay a:hover{ color:#fff; text-decoration:none; }
#port-folio .overlay p > span { display:block; padding-bottom:20px; }

/*==========================================
   HELP STYLES
 =====================================================*/
#help { color:#fff; background: url(../img/help.jpg) no-repeat center center; padding: 0; 
-webkit-background-size: cover; background-size: cover; }
#help .overlay {  background:rgba(32, 32, 32, 0.3);  }
@media only screen and (min-width: 973px) { #help .overlay { padding-top: 60px; padding-bottom: 80px; }  }
@media only screen and (max-width: 972px) { #help .overlay { padding-top: 20px;  padding-bottom: 40px;} 	 }
.vedio-style {border: 5px solid #159238; width: 100%; min-height: 300px; margin-top: 20px; }

/*==========================================
   CONTACT STYLES
 =====================================================*/
#contact { color: #fff;  background-color: #000; }
@media only screen and (min-width: 973px) { #contact { padding-top: 40px;} }
@media only screen and (max-width: 972px) { #contact { padding-top: 20px;}  }
#contact .form-control { background-color:transparent; height:40px; }
#contact  .div-trans button { background-color: #159238;  }
section.slider {  color: #ffffff; background: #52AD81;  margin: 20px 0; padding: 40px 0; }
div.feature-box { clear: both; }
div.feature-box div.feature-box-info {  padding-left: 50px;}
div.feature-box div.feature-box-icon {  -moz-border-radius: 35px; -webkit-border-radius: 35px; background: #ffffff;
    border-radius: 35px;  color: #52AD81;  display: inline-block; float: left; height: 35px; line-height: 35px; 
	margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; }
/*==========================================
   FOOTER STYLES
=====================================================*/

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