@charset "utf-8";
* {
  padding:0px;
  margin:0px;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#757575;
  width:100%;
  background-color: #e5e5e5;

}
a {
  text-decoration:none;
  outline:none;
  color:#757575;
}
a img {
  border:none;
}
.clear {
  clear:both;
}
.bold {
  font-weight:bold;
}
.under {
  text-decoration:underline;
}
.upper {
  text-transform:uppercase;
}
.italic {
  font-style:italic;
}
.white {
  color:#fff !important;
}
.black {
  color:#000 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  color:rgb(41, 154, 11);
  font-family: Verdana;
  font-weight:400;
  padding-bottom: 20px;

}
h1 {
  font-size:30px;
  font-weight:400;
  color: #299a0b;
  text-shadow: 1px 1px #757575;
}
h2 {
  font-size:22px;
  font-weight:400;
  color: #299a0b;
  text-shadow: 1px 1px #757575;
}
h3 {
  font-size:18px;
  font-weight:400;
  margin-top:20px;
}
h4 {
  font-size:16px;
  font-weight:400;
}
h5 {
  font-size:14px;
  font-weight:400;
}
h6 {
  font-size:12px;
  font-weight:400;
}
p {
  line-height:20px;
  padding-bottom: 20px;
}
.left {
  float:left !important;
}
.right {
  float:right !important;
}
.imgleft {
  float:left !important;
  margin:0px 15px 15px 0px;
}
.imgleft {
  float:left !important;
  margin:0px 15px 15px 0px;
}
.alignleft {
  float:left !important;
  margin:0px 15px 15px 0px;
}
.alignright {
  float:right !important;
  margin:0px 0px 15px 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto;
}
.floatleft { 
  float:left;
}
.floatright { 
  float:right;
}
.heading {
  width:100%;
  float:left;
  color:#1e1e1e;
  padding:0px 0px 15px 0px;
}

/*
=======================================================================
  Inner Div to Center Rules
=======================================================================
*/
.fullwidth {
	width:100%;
}
.inner {
  width:1000px;
  margin:0px auto;
}
.inner_foot {
  width:1000px;
  margin:0px auto;
}

/*
=======================================================================
  Header Rules
=======================================================================
*/
#header {
  width:100%;
  padding-bottom:10px;
  background-color: #e5e5e5;

 }
/*
=======================================================================
  Top Header Rules
=======================================================================
*/
.top-head {
  width:100%;
  height:100%;
  float:center;

}
/*
=======================================================================
  Logo Rules
=======================================================================
*/
.logo {
  float:left;
}
.logog {
    float:left;

  padding: 27px 0px 0px 7px;
}

/*
=======================================================================
	Contact Us Rules
=======================================================================
*/


.addresses{
	width:50%;
	float:left;
	padding-bottom:20px;
}

.addresses h3{
	width:194px;
	padding:4px 0px 6px 10px;
	
}
.addresses h5{
	width:230px;
	line-height:22px;
	padding:0px 0px 10px 0px;
}
.addresses .address ul{
	width:230px;
	float:left;
}
.addresses .address ul li{
	width:205px;
	float:left;
	padding:4px 0px 4px 25px;
}
.addresses .address ul li.phone{
	background:url(../images/phone.png) no-repeat 0px 5px;
}
.addresses .address ul li.email{
	background:url(../images/email.png) no-repeat 0px 5px;
}
.addresses .address ul li.fax{
	background:url(../images/fax.png) no-repeat 0px 5px;
}
.contactus .sunday-service{
	width:100%;
	float:left;
	text-align:center;
	padding:12px 0px;
	box-shadow:0px 0px 2px #ccc;
}

/*
=======================================================================
  Content Section Rules
=======================================================================
*/
#contentsec {
  width:100%;
  text-align: justify;
  margin-right: 10px;


}


#container { margin:0 auto; overflow:auto; padding:10px 0; width:940px; }
#content{}

#content ul
{
list-style-type:square;
padding: 5px;
margin-left: 70px;

}
#content ul li
{
list-style-type:square;
padding-left: 10px;
padding-bottom: 10px;
}
#content ol
{
list-style-type:decimal;
padding: 5px;
margin-left: 70px;

}
#content ol li
{
list-style-type:decimal;
padding-left: 10px;
padding-bottom: 0px;
}

#container_port{
    margin:0 auto; 
    overflow:auto; 
    padding:10px 0;
    height: 1300px;
    width: 1000px;
}

.logo {
   width: 80px;
   height: 80px;
   background: orange; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;

}
.title_inner {
  width:6.5%;
  float:left;
}
.title_inner h1{
  padding-top: 40px;
  color: #1a7300;
  font-family: Helvetica;
}
#container_port_2{
    margin:0 auto; 
    overflow:auto; 
    padding:10px 0;
   height: 685px;
    width: 1000px;
}



/*
=======================================================================
  Scroller Rules
=======================================================================
*/
#footer {
  width:100%;
  color:#FFF;
  background:url(../images/footer.png);
}
#footer a{
  color:#FFF;
}

/*
=======================================================================
  Copyrights Rules
=======================================================================
*/
#footer .copyrights{
  width:100%;
  height:41px;
  background:url(../images/black.png);
}
.copyrights p{
  float:left;
  padding:13px 0px 0px 0px;
}

/*
=======================================================================
  Social Network Rules
=======================================================================
*/
.credits{
  padding:0px 0px 0px 0px;
  margin-top:5px;
  width:170px;
  float:right;
}
.credits h5{
  padding:0px 0px 0px 0px;
  margin-top:11px;
  float:left;
  font-size: 12px;
}



 #navbar ul { 
  margin: 0; 
  padding: 0px; 
  list-style-type: none; 
  text-align: center; 
  background-color: transparent; 
  } 

#navbar ul li {  
  display: inline; 
  } 
 
#navbar ul li a { 
  text-decoration: none; 
  padding: 0.7em 0.7em 0.7em 0.7em; 
  color: #fff; 
  background-color: transparent; 
  } 
 
#navbar ul li a:hover { 
  color: #fff;
  background-color: orange;
    border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px; 
  } 
  .nav_pos {
    background-image: -moz-linear-gradient(left, #e5e5e5 0%, green 50%, #e5e5e5 100%);
  background-image: -o-linear-gradient(left, #e5e5e5 0%, green 50%, #e5e5e5 100%);
  background-image: -webkit-linear-gradient(left, #e5e5e5 0%, green 50%, #e5e5e5 100%);
  background-image: linear-gradient(left, #e5e5e5 0%, green 50%, #e5e5e5 100%);
  }
hr {
  background-color: #dcdbdb;
  background-image: -moz-linear-gradient(left, #e5e5e5 0%, #d7d7d7 50%, #e5e5e5 100%);
  background-image: -o-linear-gradient(left, #e5e5e5 0%, #d7d7d7 50%, #e5e5e5 100%);
  background-image: -webkit-linear-gradient(left, #e5e5e5 0%, #d7d7d7 50%, #e5e5e5 100%);
  background-image: linear-gradient(left, #e5e5e5 0%, #d7d7d7 50%, #e5e5e5 100%);
  border: none;
  height: 1px;
  margin: 0.8em auto;
  width: 100%;
}
.title {
  background: #fff; /* Old browsers */
}
.header {
background: #299a0b;
background: -moz-linear-gradient(top,  #299a0b 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #299a0b 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #299a0b 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #299a0b 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #299a0b 0%,#ffffff 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#ffffff',GradientType=0 );
}

/* --------------------------
  Main Image Box
----------------------------- */

.work {
  margin: 20px 0;
}

.work figure {
  float: left;
  margin: 20px;
  width: 200px;
  height: 260px;
  background: black;
  line-height: 200px;
  -webkit-filter: sepia(0.4);
  position: relative;
  padding: 0 !important;
  
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); 

  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
}

.work figure a img {
  height: 100%;
  width: 100%;
  opacity:0.8;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.work figure a img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.inline li {
  display: inline-block;
  margin-right: 24px;
}
.inline li:last-child {
  margin-right: 0;
}


.btn_none {
  background-color: #f7f7f7;
  color: #2b2b2b;
  font-size: 14px;
  height: 32px;
padding: 10px 10px 10px 10px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transition: background-color 0.4s ease-out;
  -moz-transition: background-color 0.4s ease-out;
  -o-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
}

.btn {
  background-color: #f7f7f7;
  color: #2b2b2b;

  font-size: 14px;
  height: 32px;
padding: 10px 10px 10px 10px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transition: background-color 0.4s ease-out;
  -moz-transition: background-color 0.4s ease-out;
  -o-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
}
.btn:hover {
  background-color: #1a2128;
  color: white;
}
.btn:active {
  background-color: #242e37;
}
.btn.active {
  background-color: white;
  font-weight: bold;
}
.btn.active:hover {
  color: inherit;
}
.btn-primary {
  background-color: #e34e47;
  color: white;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  padding: 12px 24px;
  text-transform: uppercase;
}
.btn-primary:hover {
  background-color: #e55b54;
}
.btn-primary:active {
  box-shadow: none;
  height: 45px;
  margin-top: 3px;
}
/***************************************************/
/***************REsponsive Nav*********************/
/*************************************************/
@media screen and (max-width:400px)
{
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }

}

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

}

@media only screen and (max-width: 965px) {
	
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:840px; }
                  #header { margin:0 auto; overflow:auto; padding:10px 0; width:840px; }     
  .inner {width: 840px;}
  .logog {width: 50% !important;
  padding: 27px 0px 0px 400px;}
  .logoth {text-align: center;}
           .credits {
    display: none;
  }
  .inner_foot {
width: auto;
} 
    
}

@media only screen and (max-width: 860px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:640px; }
              #header { margin:0 auto; overflow:auto; padding:10px 0; width:640px; }     
  .inner {width: 640px;}
  .logog {width: 50% !important;
  padding: 27px 0px 0px 290px;}
  .logoth {text-align: center;}
       .credits {
    display: none;
  }
  .inner_foot {
width: auto;
}
}

@media only screen and (max-width: 740px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:540px; }
          #header { margin:0 auto; overflow:auto; padding:10px 0; width:540px; }     
  .inner {width: 540px;}
  .logog {width: 50% !important;
  padding: 27px 0px 0px 240px;}
  .logoth {text-align: center;}
               
      .credits {
    display: none;
  }
  .inner_foot {
width: auto;
}
}

@media only screen and (max-width: 610px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:440px; }
      #header { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }     
  .inner {width: 340px;}
  .logog {width: 60% !important;
  padding: 27px 0px 0px 130px;}
  .logoth {text-align: center;}
                 .credits {
    display: none;
  }
  .inner_foot {
width: auto;
}
}

@media only screen and (max-width: 480px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
	 #container_port{
    margin:0 auto; 
    overflow:auto; 
    padding:10px 0;
height: auto !important;
    width: auto;
}
#container_port_2{
    margin:0 auto; 
    overflow:auto; 
    padding:10px 0;
height: auto !important;
    width: auto;
}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }
  #header { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }     
  .inner {width: 340px;}
  .logog {width: 50% !important;
  padding: 27px 0px 0px 130px;}
  .logoth {text-align: center;}
  .credits {
    display: none;
  }
  .inner_foot {
width: auto;
}
}
@media (max-width: 1069px) {





}