@import url('reset.css');
@import url('media.css');

body {
	
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#555;
	text-align:justify;
	height:100%;
	/*max-height:768px;*/
	line-height:1.5em;
	letter-spacing:0.01em;
	background:#fff;
	
}

#wrapper{ max-width:1000px; margin:0 auto; text-align:center;}

a{ 
	text-decoration:none; 
	color:#669900;
	/*text-shadow: 1px 1px 1px #fff;*/
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
	}
	
a:hover{ 
	text-decoration:none; 
	color:#666666;
	/*text-shadow: 1px 1px 1px #fff;	opacity:0.9;	
	opacity:1;*/

	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
	}

	

hr{
	color:#d5d5d5;
	background-color:#d5d5d5;
	height:1px;
	border:none;
	
}

.clr{clear:both}

/*--------------------------------header--------------------------------------*/


.logo{ background:/*#55c800#221100#bc9633 url(../lz_images/header_bg.jpg) repeat-x left bottom*/; font-family: 'Marcellus', serif; height:45px; width:1120px; margin:0 auto; clear:both;position:relative; z-index:99; top:-25px;}


#header{ background:#002400 /*url(../lz_images/header.jpg) #daf5da repeat-x left top*/; width:100%;  margin:0 auto;  z-index:100; clear:both; border-bottom:5px #000 solid;}

#header .inner {width:1000px; margin:0 auto;}

#header ul li a
{
	color:#b5ff00; 
	background:url(../lz_images/nav.png) no-repeat center -35%;
	padding-top:70px;
	font-size:12px; 
	font-weight:300;
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
}
	
#header ul li a:hover
{
	color:#fff; 
	background:url(../lz_images/nav.png) no-repeat center 70%;
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
}


#header .nav_active{	color:#fff; 
	background:url(../lz_images/nav.png) no-repeat center 70%;
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;}
		

#header li ul {
	 position:absolute; 
	 top:100%; 
	 left:30px; 
	 display:none; 
	 list-style:none; 
	 border:0px solid #ddd;  
	 z-index:9999999; 
	 border-radius:0.5em; 
	 padding-bottom:5px;
	 background:#000;
	 }

#header li:hover ul {
	 margin-left: 0px; 
	 display: inline-block;  
	 z-index:9999999;  
	 width:200px; 
	 padding:0; 
	 background:#000;
	  }


#header li li{ z-index:999999; margin:2px; width:98%;}
#header li li a{  float: none;  display:block; margin:0px;  z-index:9999; text-align:left; line-height:10px; padding:10px; background:none !important}
#header li li a:hover{border:none; color:#fff;background:none !important}



#nav
{

	z-index: 103;
	width:450px;
	float:right;
	line-height: 1.5em;
	text-align:right;
	/*font-family: 'Ropa Sans', sans-serif;
	font-weight: 600;	display:inline-block;*/
	text-transform: uppercase;
	position:relative; 
	z-index:999; 
	top:0px;
	
}

#nav:after
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.03;
}

#nav ul
{
	position: relative;
	z-index: 1001;
	text-align:center;

}
	
#nav li
{
	display: inline-block;
	margin: 0;
	top: 0;
	position: relative;
	-moz-transition: top .15s ease-in-out;
	-webkit-transition: top .15s ease-in-out;
	-o-transition: top .15s ease-in-out;
	-ms-transition: top .15s ease-in-out;
	transition: top .15s ease-in-out;
}

#nav li a
{
	background:none/*#0da3a3*/;
	position: relative;
	display: block;
	opacity:1;
	text-decoration: none;
	color: #b5ff00;
	font-size:15px;
	top: -3px;
	padding:5px 10px 0px 10px;
	margin-left:10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	outline: 0;
	-moz-transition: background-color .075s ease-in-out, color .075s ease-in-out;
	-webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out;
	-o-transition: background-color .075s ease-in-out, color .075s ease-in-out;
	-ms-transition: background-color .075s ease-in-out, color .075s ease-in-out;
	transition: background-color .075s ease-in-out, color .075s ease-in-out;
	 /*text-shadow: 1px 1px 3px #888;*/
}

#nav li:hover{top: 0px;}

#nav li:hover a
{
	background:none/*#b8d434*/;
	/*text-shadow: 1px 1px 3px #fff;*/
	color: #b5ff00/*ffd800*/;
}


	 
#nav li.current_page_item{}

#nav li.current_page_item a
{
	background:#b8d434;
	color: #ffd800;
	
}


	 
/*mobie setting*/
#navPanel
	{
		background: -moz-linear-gradient(top, #252c27, #000);
		background: -webkit-linear-gradient(top, #252c27, #000);
		background: -o-linear-gradient(top, #252c27, #000);
		background: -ms-linear-gradient(top, #252c27, #000);
		background: linear-gradient(top, #252c27, #000);
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 1.05em;
		box-shadow: inset -3px 0px 10px 0px rgba(0,0,0,0.25);
	}

#navPanel nav
	{
		position: relative;
		z-index: 1000;
	}

#navPanel:after
	{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('images/overlay.png');
		opacity: 0.25;
	}

#navPanel .link
	{
		display: block;
		color: inherit;
		text-decoration: none;
		height: 44px;
		line-height: 44px;
		padding: 0 1em 0 1em;
		color: #fff;
		border-top: solid 2px rgba(87, 93, 89, 0.15);
	}
		
#navPanel .link:first-child{border-top: 0;}


/*----------------------------------content-------------------------------------*/

.content-box {
    width:100%;
    height:100%;
    background:#FFF;
	box-shadow:0px 0px 20px 0px rgba(231, 231, 231, 0.66);
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

#content{max-width:1100px; margin:0 auto; position:relative; text-align:center; }

#slide{width:100%; margin:0 auto; background:#81C240; padding-top:70px; padding-bottom:70px;}
.slide{width:1000px; margin:0 auto; /*border:thin solid #067e00; background:#067e00; border-radius:0.5em; */height:390px;}

.button_ser{
background:#fff url(../lz_images/service.png) center center no-repeat; 
color:#ffff00; 
text-align:center; 
margin:5px; 
display:inline-block; 
width:210px; 
padding:20px 10px;
}

.button_ser a{
background:#fff url(../lz_images/service.png) center center no-repeat; 	
text-decoration:none; 
color:#669900;
text-shadow: 1px 1px 1px #fff;
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
}

.button_ser a:hover{
	text-decoration:none; 
	color:#ff9900;
	text-shadow: 1px 1px 1px #fff;
	opacity:0.9;	
	opacity:1;
	-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
}

.button{padding:10px 0px; background:#088503;border-radius:0.5em; width:120px; margin:0 auto;}
.button a
{
	
	color:#fff; 
	text-align:center; 
	/*border:thin solid #fff; */
	border-radius:0.5em;
	font-size:15px; 

	padding:4px 12px;
	-moz-transition:.5s ease-in-out;
	-webkit-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	-ms-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}

.button a:hover
{
	color:#b5ff00;	
	-moz-transition:.5s ease-in-out;
	-webkit-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	-ms-transition:.5s ease-in-out;
	transition:.5s ease-in-out; 
}

.icon{width:25px;/* float:left; margin-left:20px;*/ margin:0 auto;}
.info{width:250px; float:right;}


.forms{ background:url(../lz_images/roundshape.png) no-repeat center center; text-align:center; display:inline-block;}
.forms p{padding:55px 0; font-size:15px;}
.forms a{color:#000; font-weight:500;}
.forms a:hover{color:#047300; text-shadow: 1px 1px 1px #fff; font-weight:800;}
	
/*------------------------------footer-----------------------------------*/


#footer{font-size:10px; color:#fff; text-align:center; background:#002400 url(../lz_images/footer_logo.png) no-repeat center 10% /*url(../lz_images/bg.png) repeat-x left top*/; width:100%; text-align:center; position:relative;}

#footer .inner{max-width:1000px; margin:0 auto; position:relative;}
#footer .inner a{color:#fff; display:inline; padding:0px 10px; border-left:thin solid #fff; border-right:thin solid #fff;}
#footer .inner a:hover{color:#b5ff00;}

/*.bar{background:url(../lz_images/arrow.png) no-repeat center bottom; height:5px; width:100%; border-top: 7px solid #034601; padding-top:10px;}*/


/*-------------------------------type setting-----------------------------------*/

h1{font-size:30px; color:#088503; font-weight:600;}
h2{font-size:15px; color:#979393; font-weight:600;}
h3{font-size:14px; font-weight:600; color:#fff; text-align:center; line-height:15px; }
h4{font-size:16px; line-height:30px; margin-bottom:10px; font-weight:600; color:#b4b4b4; }

h5{font-size:30px; color:#000; line-height:25px;}
h6{font-size:15px; color:#006699; line-height:35px; font-weight:600;}

.space{padding:0 40px;}
@media (max-width:768px){
.space{padding:0;}
}

.mobile{display:none;}
.dekstop{display:block;}

@media (max-width:768px){

.mobile{display:block;}
.dekstop{display:none;}
}

.mob{display:none;}
.deks{display:block;}

@media (max-width:990px){

.mob{display:block;}
.deks{display:none;}
}

.mobi{display:none;}
.dekst{display:block;}

@media (max-width:1215px){

.mobi{display:block;}
.dekst{display:none;}
}
