/**** Navigation Section ****/

.navigation{
	background: #047236;
}
.navigation .page{
	border: solid 1px #05803d;
	border-top: none;
	border-bottom: none;
}
.navigation ul{
	list-style: none;
	margin: 0;
}
.navigation ul li{
	float: left;
	padding: 12px 8px;
	position: relative;
	background: url(../images/nav-seprator.png) right center no-repeat;	
}
.navigation>div>ul>li{
	line-height:28px;
}
.navigation>div>ul>li>ul>li{
	line-height:1em;
}
.navigation ul li:before{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size:16px;
	float: left;
	background:#05803d;
	padding:5px;
	border-radius:50%;
	color:#fff;
	width:18px;
	height:18px;
	text-align:center;
}
.navigation ul li:hover:before{
	background:#B9DE54;
}
.navigation ul li:last-child{
	background-image: none !important;
}
.navigation ul li i{
	background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: 1px -112px;
    display: block;
    position: absolute;
    left:0;
    bottom: 4px;
    width: 30px;
}
.navigation ul li a{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	font-family: 'Alegreya Sans' , Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.navigation ul li:hover{
	background: #05803d;
}

.navigation ul li ul{
	display: none;
	width: 210px;
	position: absolute;
	left:0;
	top: 52px;
	background: url(../images/submenu.png) left top no-repeat;
	padding-top: 16px;
	z-index: 10;
}
.navigation ul li ul li{
	float: none;
	list-style: url(../images/list-all.png) inside;
	padding: 15px 10px;
	margin-bottom: 1px;
	background-image: url(../images/list-bottom.png);
	background-color: rgba(156, 191, 59, 0.95);
	background-position: center 39px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.navigation ul li ul li a{
	padding: 10px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serifa;
	text-transform: none;
}
.navigation ul li:hover ul{
	display: block;
}
.navigation ul li ul li:hover{
	list-style: url(../images/list-active.png) inside;
	background-color: rgba(156, 191, 59, 0.8);
	background-image: url(../images/list-bottom.png);
	background-position: center 39px;
	background-repeat: no-repeat;
}



/*** slider Section ***/

.main-slider{
	position: relative;
}
.main-slider ul{
	list-style: none;
	margin: 0;
}
.main-slider a{
	position: absolute;
	top: 50%;
	margin-top: -28.5px;
	width: 52px;
	height: 57px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
}
.main-slider .bx-prev{
	left: -8px;
	background-position: -12px -888px;
}
.main-slider .bx-prev:hover{
	background-position: -14px -950px;
}
.main-slider .bx-next{
	background-position: -330px -888px;
	right: -8px;
}
.main-slider .bx-next:hover{
	background-position: -329px -949px;
}
.main-slider ul li>div{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -28.5px;
	/*background: rgba(122, 122, 122, 0.7);*/
	background: url(../images/shadow.png);
	width: 374px;
	height: 157px;
	padding: 25px;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	-webkit-transform: translate(400px, 0px);
	-moz-transform: translate(400px, 0px);
	-o-transform: translate(400px, 0px);
	-ms-transform: translate(400px, 0px);
	transform: translate(400px, 0px);
}
.main-slider ul li.active-slide>div
{
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.main-slider ul li>div h2{
	font-size: 2.26em;
	color: #ffffff;
	border-bottom: none;
	text-transform: none;
	line-height:1em;
}
.main-slider ul li>div p{
	font-size: 1.18em;
	color: #fff;
}


.content{
	width: 100%;
}
.content-block{
	padding: 15px 10px;
	float: left;
	width: 33.33%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.content-block i
{
	font-size:60px;
	color:#fff;
}
.content-block img{
	float: left;
}
.content-block span{
	float: right;
	width: 230px;
}
.content-block strong, .content-box strong{
	color: #ffffff;
		padding-bottom: 5px;
	font-size: 1.8em;
	display: inline-block;
}
.content-block small, .content-box small{
	color: #e2e2e2;
	font-size: 1.2em;
	line-height: 1.2;
}
.block1{
	background: #05803d;
	padding:1px 0px 1px 0px;
}
.block2{
	background: #05803d;
	padding:1px 1px 1px 1px;
}
.block3{
	background: #05803d;
	padding:1px 0px 1px 1px;
}
.block1:hover{
	background: #b25399;
}
.block2:hover{
	background: #684cb6;
}
.block3:hover{
	background: #4f9db9;
}



/**** references *****/

.references, .product-wrapper, .category, .about{
	background: #f3f3f3;
	padding: 20px 0px;
}
.references .slider{
	position: relative;
}
.references .slider ul{
	list-style: none;
	margin: 0;
	
}
.references .slider ul li{
	float: left;
	margin: 0px 10px 0px 17px;
}
.references .slider ul li a{
	position: relative;
	display: inline-block;
}
.references .slider ul li a img{
	border: solid 1px #001679;
}
.references .slider ul li:last-child{
	margin-right: 0px;
}
.references .slider ul li span{
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(20, 20, 20, 0.28);
	left:0;
	top:0;	
	background-image: url(../images/crowsel-link.png);
	background-position:center 92px;
	background-repeat: no-repeat; 
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow:hidden;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: translate(0px, 100px);
	-moz-transform: translate(0px, 100px);
	-o-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}
.references .slider ul li:hover span{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.references .slider .bx-controls-direction a{
	position: absolute;
	top:50%;
	margin-top: -20px;
	width: 36px;
	height: 40px;
	cursor: pointer;
}
.references .slider a.bx-prev{
	background: url(../images/crowsel-prev.png) left center no-repeat;
	left: -6px;
}
.references .slider a.bx-next{
	background: url(../images/crowsel-next.png) left center no-repeat;
	right: -6px;
}


/*****/

.content-box{
	width: 33.33%;
	float: left;
	padding: 25px 10px 15px;
	background: #e5e5e5;
}
.content-box span{
	float: right;
	width: 210px;
}
.content-box i{	
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-size:60px;
}
.box1{
	border: solid 1px rgb(175, 78, 149);
}
.box1 strong, .box1 small, .box1 i{
	color: rgb(175, 78, 149);
}
.box2{
	border: solid 1px rgb(100, 73, 178);
}
.box2 strong, .box2 small, .box2 i{
	color: rgb(100, 73, 178);
}
.box3{
	border: solid 1px rgb(63, 138, 165);
}
.box3 strong, .box3 small, .box3 i{
	color: rgb(63, 138, 165);
}

.content-box:hover i{
	color:#DDBE54;
}


/**** product ****/
.product-wrapper .product h2{
	margin-right: 204px;
}
.product-wrapper .service h2{
	margin-left: 196px;
}

.product, .service{
	float: left;
	width: 50%;
}
.accordion{
	margin: 0 15px;
}
.accordion h3{
	display: block;
	font-size: 1.4em;
	color: #ffffff;
	font-weight: bold;
	background-color: #b1b89f;
	padding: 8px 10px 8px 35px;
	cursor: pointer;
	border-bottom: solid 1px rgb(134, 143, 111);
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: -6px -1036px;	
}
.accordion h3.active{
	background-color: #ddbe54;
	background-position: -6px -1073px;
}
.accordion > div{
	border: solid 1px rgb(134, 143, 111);
	border-top: none;
	padding: 0px;
	overflow: hidden;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	height:0px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.accordion > div.active{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	height:130px;
	padding: 15px 10px;
}

.accordion > div img{
	float: left;
	width: 126px;
	height: 96px;
	border: solid 4px rgb(221, 190, 84);
	margin-right: 10px;
	
}
.accordion > div p{
	float: right;
	width: 295px;
	color: #434343;
	line-height: 1.1;
}

.service-inner a{
	background: #3f8aa5;
	padding: 5px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow:hidden;
}
.service-inner a img{
	width: 130px;
	height: 98px;
	display: block;
	padding-bottom: 10px;
}
.service-inner a small{
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	width: 130px;
	display: block;
	line-height: 1.2;
	padding-bottom: 10px;
}
.service-inner a:hover{
	background: #ddbe54;
}
.service-inner a span, .category-block a span{
	position: absolute;
	width: 100%;
	height: 70%;
	background: rgba(221, 190, 84, 0.3);
	/*opacity: 0.3;*/
	left:0;
	top:0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: translate(0px, 100px);
	-moz-transform: translate(0px, 100px);
	-o-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}
.service-inner a span{
	background-image: url(../images/link.png);
	background-position:center 59px;
	background-repeat: no-repeat; 
}
.service-inner a:hover span, .category-block a:hover span{
	display: block;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}


/**** category ****/

.category-block{
	float: left;
	margin:0px 20px 20px 15px;
	width: 210px;
}
.category-block a{
	position: relative;
	display: block;
}
.category-block a img{
	width: 210px;
	height: 160px;
	border: solid 4px #ddbe54;
	margin-bottom: 3px;
}
.category-block a span{
	height: 100%;
}
.category-block h3, .about-inner h3{
	background: #ddbe54;
	padding: 8px 10px;
	color: #ffffff;
	border-bottom: solid 1px #868f6f;
	margin-bottom: 8px;
}
.category-block p{
	font-size: 1.2em;
	color: #434343;
	text-align: justify;
	line-height: 1.3;
}



/**** About ****/
.about{
	padding-bottom: 60px;
	border-radius: 0 0 4px 4px;
}
.about-inner{
	margin: 0 15px;
}
.about-inner h3{
	margin-bottom: 15px;
}
.about-inner p{
	float: left;
	width: inherit;
	color: #434343;
	font-size: 1.2em;
	line-height: 1.3;
	margin-bottom: 20px;
}

/**** footer-block ****/
.footer a
{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.footer-block{
	position: absolute;
	left:50%;
	top:-45px;
	margin-left: -490px;
	background-color: #001679;
	border-radius: 0 0 4px 4px;
}
.footer-links{
	float:left;
	list-style: none;
	overflow: hidden;
	margin: 0;
	margin-left: 10px;
}
.footer-right{
	float: right;
	margin: 0;
	margin-right: 10px;
	list-style: none;
	overflow: hidden;
}
.footer-links ul, .footer-right ul{
	
}
.footer-links li{
	float: left;
	padding: 15px 10px;
}
.footer-links li a{
	color: #ffffff;
	font-size: 1.2em;
}
.footer-links li a:hover{
	color: #000000;
}

.footer-right li{
	float: left;
	padding: 10px 5px 10px;
}
.footer-right li a, .footer-right li span{
	font-size: 1.2em;
	color: #ffffff;
}
.footer-right li a{
	padding: 8px 5px 8px 28px;
}
.footer-right li a:hover{
	color: #000000;
}
.footer-right li span{
	display: block;
	margin-bottom: 3px;
	text-align: left;
}
.icon-mail{
	background-position: -12px -827px;
}
.icon-tel{
	background-position: -178px -827px;
}
.footer-right li.icon-address{
	background-position: -355px -815px;
	margin: 0 10px;
	padding-left: 20px;
}
.references .bx-wrapper
{
	max-width:1000px !important;
}
#pagenavi
{
	float:right;
	margin-right:10px;
	clear:both;
}
#pagenavi li a{
	color:#333;
}

#pagenavi li a.active{
	color:#f00;
}