/*
Theme Name: Expel
Author: Alexey Timkov
Description: The 2015 theme for WordPress.
Version: 1.1
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	margin:0;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	font-size:100%;
	line-height:1.125em;
	color:#000;
}

html, body{
    padding:0;
    margin:0;
    height:100%;
    position:relative;
}

ul, ol, dl, dt, dd, p, form {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h1, h2, h3, h4, h5 {
	margin-bottom:15px;
	color:#000;
	line-height:1em;
	font-weight: normal;
}

h1{font-size:33px;}
h2{font-size:28px;}
h3{font-size:25px;}
h4{font-size:20px;}
h5{font-size:16px;font-weight:bold;}

input:focus {
    border: none;
    outline: none
}

.clear {clear: both}

a {
	color:#fb8500;
	outline: none;
	text-decoration: none;
}

a:hover {
	color:#fb8500;
	text-decoration: underline;
}

img {
	vertical-align: top;
	border: none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.hidden{
	overflow:hidden;
}

.container {
	min-width:950px;
	width:100%;
	text-align: left;
}

.bg{
	background: #fff url(images/bgleft.png) left top 75px no-repeat;
}

.innerf{
	position:relative;
	width:950px;
	margin:0 auto;
}

.innerl{
	position:relative;
	width:900px;
	margin:0 auto;
}

.nav {
	height:80px;
}

	.nav .logo{
		position:absolute;
		margin:15px 0 0 0;
		width:159px;
		z-index:3;
	}

	.nav .menu{
		position:absolute;
		right:0;
		margin-top:20px;
		z-index:5;
	}
		
		.nav .menu li{
			float:left;
			font-family:Arial;
			font-size:13px;
			font-weight:bold;
			text-transform:uppercase;
		}
		
		.nav .menu li a{
			display:block;
			padding:10px 10px;
			cursor:pointer;
			text-decoration:none;
			color:#6e6e6e;
		}
		
		.nav .menu li a:hover{
			text-decoration:none;
			color:#005d1c;
		}
		
		.nav .menu li ul{
			display:none;
			position:absolute;
			margin-left:10px;
		}
		
		.nav .menu li:hover ul{
			display:block;
		}
		
		.nav .menu li li {
			float:none;
		}
		
		.nav .menu li li a{
			display:block;
			background: rgba(233, 233, 233, 0.95);
			margin-bottom:3px;
			border:1px solid #afafaf;
		}
		
		.nav .menu li li a:hover{
			background: rgba(15, 209, 0, 0.95);
			color:#005d1c;
		}
		
		.nav .menu li.current-menu-item a,
		.nav .menu li.current_page_item a{
			text-decoration:none;
			color:#005d1c;
		}
	

.header{
	background:url(images/header-bg.jpg) center no-repeat;
	height:375px;
}

	.header .circle{
		position:absolute;
		margin:-20px 0 0 -25px;
		background:url(images/circle.png) no-repeat;
		width:413px;
		height:420px;
		z-index:2;
	}
	
.footer{
	position:relative;
	border-top:7px solid #008e2c;
	height:52px;
	line-height:52px;
	text-align:center;
	font-size:15px;
}

.footer .flogo{
	position:absolute;
	right:50px;
	margin-top:15px;
}	
	
.content {
	border-top:5px solid #008e2c;
	padding:20px 0;
	background:#008e2c url(images/c-bg-bottom.png) bottom repeat-x;
}

.bgc{
	background:url(images/p-alt.png) top repeat-x;
	margin-top:-20px;
	margin-bottom:-90px;
	height:90px;
}

.page-title{
	position:absolute;
	right:0;
	min-width:757px;
	padding-left:100px;
	width:60%;
	height:76px;
	background:url(images/title.png) no-repeat,url(images/title-bg.png) repeat-x;
	line-height:76px;
	font-weight:bold;
	color:#fff;
	font-size:28px;
}
	
	.content li span{
		display:inline-block;
		vertical-align:middle;
		height:auto;
	}

	.content .helper {
		display:inline-block;
		height:100%;
		width:0px;
		vertical-align:middle;
	}
	
	.content .alignleft{	
		float:left;
		margin:10px 10px 10px 0;
	}
	
	.content .alignright{	
		float:right;
		margin:10px 0 10px 10px;
	}
	
/*HOME PAGE BEGIN*/

.home .home-t{
	background:#007824 url(images/c-bg-tit.png) bottom repeat-x;
	margin:-20px 0 20px 0;
	padding:45px 0 25px 0;
	border-bottom:1px solid #b0dc48;
	font-size:60px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

	.home .home-t span{
		display:block;
		margin-top:30px;
		font-size:30px;
	}
	
	.home p{
		color:#fff;
		line-height:1.2em;
		font-size:18px;
	}

	.home .why li{
		height:78px;
		padding-left:80px;
		margin:0;
		color:#b0dc48;
	}	

.home .why li:nth-child(1){
	background:url(images/why-l.png) top left no-repeat;
}

.home .why li:nth-child(2){
	background:url(images/why-l.png) center left no-repeat;
}

.home .why li:nth-child(3){
	background:url(images/why-l.png) bottom left no-repeat;
}

/*HOME PAGE END*/
	
/*SEPTIK PAGE*/

.septik{
	background:url(images/house.png) left bottom no-repeat;
	height:450px;
}	
	
	.septik .box1{
		position:absolute;
		right:-20px;
		margin-top:155px;
		width:565px;
		height:334px;
		background:url(images/s1.png) no-repeat;
	}
		
	.septik-content p{
		display:block;
		margin:10px 0;
		text-align:center;
		font-size:24px;
		line-height:1.2em;
		color:#b0dc48;
	}
	
	.septik-content img{
		margin-top:-10px;
	}

	.septik-content ul,.toilet-content ul {
		margin-top:20px;
	}

	.septik-content li, .toilet-content li{
		display:block;
		height:65px;
		margin:10px 0;
		padding:0 50px;
		text-align:center;
		font-size:20px;
		color:#fff;
	}

	.septik-content li:nth-child(1),.toilet-content li:nth-child(1){
		background:url(images/still1.png) top no-repeat;
	}

	.septik-content li:nth-child(2),.toilet-content li:nth-child(2){
		background:url(images/still1.png) center no-repeat;
	}

	.septik-content li:nth-child(3),.toilet-content li:nth-child(3){
		background:url(images/still1.png) bottom no-repeat;
	}

	.septik-content .helper,.toilet-content .helper {
		display:inline-block;
		height:83%;
		width:0px;
		vertical-align:middle;
	}

/*SEPTIK PAGE END*/

/*TOILET BEGIN*/

.toilet{
	background:url(images/toilet.png) left bottom no-repeat;
	height:455px;
}

	.toilet .box2{
		position:absolute;
		right:-20px;
		margin-top:145px;
		width:580px;
		height:361px;
		background:url(images/s2.png) no-repeat;
	}

	.toilet-content p{
		display:block;
		margin:10px 0 20px 10px;
		font-size:16px;
		line-height:1.2em;
		color:#b0dc48;
	}
	
	
	.toilet-content img{
		margin:-10px 0 0 20px;
	}
	
/*TOILET END*/

/*COMPOST BEGIN*/

.compost{
	background:url(images/compost.png) left 25px bottom no-repeat;
	height:455px;
}

	.compost .box3{
		position:absolute;
		right:-20px;
		margin-top:120px;
		width:492px;
		height:404px;
		background:url(images/s3.png) no-repeat;
	}
	
	.compost-content img{
		margin:10px 30px;
	}
	
	.compost-content h3{
		margin:10px;
		text-align:center;
		color:#fff;
		font-size:25px;
	}
	
	.compost-content ul{
		margin:15px 0 0;
	}

	.compost-content li{
		background:url(images/bullet.png) left top no-repeat;
		margin-bottom:10px;
		padding-left:40px;
		font-size:16px;
		color:#b0dc48;
	}
	
	.compost-content .st2 {
		margin-top:20px;
	}

	.compost-content .st2 li{
		display:block;
		background:url(images/still1.png) top no-repeat;
		height:65px;
		padding:0 50px;
		margin:10px 0;
		text-align:center;
		font-size:20px;
		color:#fff;
	}
	
	.compost-content .helper {
		display:inline-block;
		height:83%;
		width:0px;
		vertical-align:middle;
	}
	
	.compost-content blockquote{
		padding:10px 20px;
		margin:10px 20px;
		background:#33bd1d;
		border:1px solid #84dd03;
		font-size:15px;
		color:#fff;
	}

/*COMPOST END*/

/*BREND BEGIN*/

.brend{
	background:url(images/brend.png) left bottom 40px no-repeat;
	height:455px;
}

	.brend .box4{
		position:absolute;
		right:0;
		margin-top:100px;
		width:606px;
		height:470px;
		background:url(images/s5.png) no-repeat;
	}
	
	.brend-content .title{
		display:block;
		margin:10px 15px 50px 15px;
		font-size:40px;
		font-weight:bold;
		color:#fff;
	}

	.brend-content .title span{
		display:block;
		margin-top:30px;
		font-size:55px;
	}

	.brend-content .text-1{
		margin:20px;
		font-weight:bold;
		font-size:19px;
		color:#fff;
		line-height:1.1em;
	}

	.brend-content .text-2{
		font-weight:bold;
		font-size:18px;
		color:#b1f425;
	}

/*BREND END*/

/*INNOV BEGIN*/

.innov{
	margin:120px 0 60px 0;
	font-size:18px;
	line-height:1.2em;
	color:#18871f;
}

	.innov td img{	
		margin-left:20px;
	}

	.innov-content .title{
		display:block;
		margin:30px 15px 50px 15px;
		font-size:35px;
		text-align:center;
		font-weight:bold;
		color:#fff;
	}

	.innov-content .title span{
		display:block;
		margin-top:30px;
		font-size:55px;
	}

	.innov-content .text-1{
		margin:20px 0;
		font-size:20px;
		font-size:20px;
		color:#fff;
		line-height:1.1em;
	}

	.innov-content .text-2{
		font-size:18px;
		color:#b1f425;
	}


/*INNOV END*/

/*PROFI BEGIN*/

.profi{
	background:url(images/profi.jpg) top 76px center no-repeat;
	height:485px;
}

	.profi-content ul{
		margin-top:40px;
	}
	
	.profi-content li{
		background:url(images/bullet2.png) left top no-repeat;
		padding:0 20px;
		height:62px;
		margin:10px 0;
		font-size:20px;
		color:#fff;
	}
	
	.profi-content .helper {
		display:inline-block;
		height:85%;
		width:0px;
		vertical-align:middle;
	}
	
	.profi-content p{
		display:block;
		padding:10px 0;
		color:#ffef17;
		font-size:27px;
	}

/*PROFI END*/
	
/*ADV BEGIN*/

.adv{
	margin:15px 25px 10px 15px;
	padding:15px 0;
	border-top:1px solid #7bc63b;
	color:#fff;
	font-size:22px;
	line-height:42px;
}

.adv img{
	margin:0 10px;
}

/*ADV END*/

.clients{
	margin:120px 0 60px 0;
}

.clients td{
	padding:10px 5px;
	vertical-align:middle;
	text-align:center;
	height:100px;
}

.contats{
	margin:170px 0 150px 0;
	text-align:center;
	font-size:22px;
	line-height:1.2em;
	color:#107e1f;
}

	.contats p{
		margin-bottom:20px;
	}
	

.bgc-cl{
	background:url(images/cl-bg.png) top repeat-x;
	height:72px;
	padding:15px 0;
}

.sticks{
	margin:110px 0 40px 0;
}

	.sticks-content p{
		display:block;
		margin-top:20px;
		text-align:center;
		color:#fff;
		font-size:20px;
	}
	
	.sticks-content ul{
		margin-top:20px;
	}
	
	.sticks-content li{
		background:url(images/bullet.png) left top no-repeat;
		margin-bottom:20px;
		padding-left:40px;
		font-size:18px;
		color:#b0dc48;
	}
	
	.sticks-content .pictop{
		margin-top:-20px;
	}

	.sticks td{
		padding:5px;
		font-size:14px;
		color:#008e2c;
	}

	.sticks td h4{
		margin:20px 0 10px 0;
		font-weight:bold;
		color:#008e2c;
	}

	.sticks  img{
		margin:20px 15px 20px 0;
	}	
	
	.sticks .alignleft{
		float:left;
	}

	
