/* RESET CSS */
* {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.4em;
	vertical-align: baseline;
	text-decoration: none;
	outline: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
    font-family: 'AvikoLajt';
    src: url('font/avikolajt.eot');
    src: url('font/avikolajt.eot?#iefix') format('embedded-opentype'),
         url('font/avikolajt.woff') format('woff'),
         url('font/avikolajt.ttf') format('truetype'),
         url('font/avikolajt.svg#avikolajt') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clear{
	clear: both;
}
html{
	width: 100%;
}
body{
	width: 100%;
	min-width: 1200px;
	background: #000;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 1.3em;
	position: relative;
}
h1, h2, h3, h4{
    color: #fff2bb;
    font-family: 'AvikoLajt', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 0.8em;
}
h1{
	font-size: 24px;
}
h2{
	border-bottom: 1px solid #877D59;
	font-size: 14px;
	display: block;
}
h3{
	font-family: Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: bold;
    color: #e8d292;
    letter-spacing: -1pt;
}
header{
	width: 100%;
	height: 239px;
	background: url(../img/header.jpg) no-repeat center center;
	position: relative;
}
header nav > a.logo{
	width: 350px;
	height: 200px;
	position: absolute;
	top: 0;
	right: 0;
}
header nav{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
header nav > ul{
	width: 900px;
	height: 20px;
	position: absolute;
	bottom: 57px;
	left: 0;
}
header nav > ul li{
	float: left;
}
header nav > ul li a{
	font-size: 13px;
	color: #f3e4a2; 
	padding: 0 10px;
	font-family: 'AvikoLajt', Arial, Helvetica, sans-serif;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
header nav > ul li a:hover {
    color: #ffffbe;
}
header nav > ul li a.active {
	text-shadow: 0 0 3px #ffffbe;
	color: #ffffbe;
}
header nav > ul li:last-child {
	float: right;
}
header nav > ul li{
	position: relative;
}
header nav > ul li > ul{
	padding: 10px;
	position: absolute;
	top: 100%;
	left: 0;
	background: #000;
	border: 1px solid #8C7000;
	white-space: nowrap;
	text-align: left;
	display: none;
}
header nav > ul li:hover > ul{
	display: block;
}
.wyzwanie-specjalne{
	display: none;
}
.wyzwanie-specjalne.active{
	display: block;
}
section{
	width: 100%;
	padding-bottom: 50px;
}
section .contener{
	width: 980px;
	margin: 0 auto;
}
section .contener .content{
	width: 800px;
	clear: left;
}
section .contener .content ul li{
	list-style-image: url(../img/bullet.png);
	padding: 3px 0;
	margin-left: 17px;
}
section .contener .content ul li a{
	color: #f3e4a2;
}
section .contener .content ul li a:hover{
	color: #fcf3c4;
}
/* login */
section.login .contener .content{
	width: 650px;
	clear: none;
	float: left;
}
section.login .contener .right{
	width: 250px;
	height: 300px;
	float: right;
}
section.login .contener .right small{
	color: #828282;
	font-size: 12px;
	padding-top: 20px;
	display: block;
}
.login p{
	padding: 20px 0;
}
.login p a{
	color: #f3e4a2;
}
.login p a:hover{
	text-decoration: underline;
}
.login form input[type=password]{
	width: 180px;
	height: 28px;
	box-shadow: 0px 0px 0px 1px #f3e4a2;
	background: transparent;
	color: #fff;
}
.login form input[type=submit]{
	width: 32px;
	height: 32px;
	background: rgb(245,242,222);
	background: -moz-linear-gradient(top,  rgb(245,242,222) 7%, rgb(162,135,87) 81%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgb(245,242,222)), color-stop(81%,rgb(162,135,87)));
	background: -webkit-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -o-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -ms-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: linear-gradient(to bottom,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2de', endColorstr='#a28757',GradientType=0 );
	color: #000;
	text-shadow: 1px 1px 0px #e1ceb4;
	cursor: pointer;
}
.login form input[type=submit]:hover{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );

}
/* zasady */
.zasady p{
	padding: 20px 0;
}
.zasady a.regulamin{
	color: #f3e4a2;
	background: url(../img/document_text.png) no-repeat center left;
	padding: 6px 0px 6px 20px;
}
.zasady a.regulamin:hover{
	color: #fcf3c4;
}

/* kontakt */
section.kontakt .contener .content ul li{
	padding: 15px 0;
}
section.kontakt textarea{
	width: 400px;
	height: 150px;
	padding: 20px;
	background: transparent;
	color: #fff;
	border: 1px solid #f3e4a2;
	font-family: 'AvikoLajt', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
section.kontakt input[type=submit]{
	padding: 5px 20px;
	background: rgb(245,242,222);
	background: -moz-linear-gradient(top,  rgb(245,242,222) 7%, rgb(162,135,87) 81%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgb(245,242,222)), color-stop(81%,rgb(162,135,87)));
	background: -webkit-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -o-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -ms-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: linear-gradient(to bottom,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2de', endColorstr='#a28757',GradientType=0 );
	color: #000;
	text-shadow: 1px 1px 0px #e1ceb4;
	font-size: 13px;
	cursor: pointer;
	margin: 10px 0 20px;
}
section.kontakt input[type=submit]:hover{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
}
.p-hide{
	display: none;
	color: #8ce2ff;
}
/* twoje dane */
section.dane form{
	width: 620px;
	padding: 40px 0;
}
section.dane form span{
	width: 190px;
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
}
section.dane form span p{
	width: 180px;
}
section.dane form span input[type=text],
section.dane form span input[type=email],
section.dane form span select{
	width: 160px;
	border: 1px solid #f3e4a2;
	font-size: 12px;
	background: transparent;
	color: #fff;
	padding: 5px 10px;
}
section.dane form span select{
	width: 180px;
}
section.dane form span select option{
	color: #000;
}
section.dane input[type=submit]{
	padding: 5px 20px; 
	background: rgb(245,242,222);
	background: -moz-linear-gradient(top,  rgb(245,242,222) 7%, rgb(162,135,87) 81%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgb(245,242,222)), color-stop(81%,rgb(162,135,87)));
	background: -webkit-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -o-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -ms-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: linear-gradient(to bottom,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2de', endColorstr='#a28757',GradientType=0 );
	color: #000;
	text-shadow: 1px 1px 0px #e1ceb4;
	font-size: 13px;
	cursor: pointer;
	margin: 20px 0;
}
section.dane input[type=submit]:hover{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
}
section.dane input[type=radio]{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
section.dane label{
	padding-left: 15px;
}
section.dane .korespondencyjny{
	display: none;
}
/*
  Zestawienia sprzedaży i premie
 * */
section.zestawienia p,
section.zestawienia ul{
	padding-top: 15px;
}
section.zestawienia .ukryj{
	display: none;
}
section.zestawienia button.pokaz{
	padding: 5px 20px;
	background: rgb(245,242,222);
	background: -moz-linear-gradient(top,  rgb(245,242,222) 7%, rgb(162,135,87) 81%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgb(245,242,222)), color-stop(81%,rgb(162,135,87)));
	background: -webkit-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -o-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -ms-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: linear-gradient(to bottom,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2de', endColorstr='#a28757',GradientType=0 );
	color: #000;
	text-shadow: 1px 1px 0px #e1ceb4;
	font-size: 13px;
	cursor: pointer;
	margin: 10px 0 20px;
}
section.zestawienia button.pokaz:hover{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
}
section.zestawienia button.pokaz .c2{
	display: none;
}
section.zestawienia button.pokaz.active .c1{
	display: none;
}
section.zestawienia button.pokaz.active .c2{
	display: block;
}
section.zestawienia .tab{
	width: 820px;
	border: 1px solid #8C7000;
	padding: 10px;
	margin-top: 20px;
}
section.zestawienia .tab .miesiac{
	width: 100%;
	border-bottom: 1px solid #818181;
	padding: 20px 0 10px;
}
section.zestawienia .tab .miesiac:last-of-type{
	border-bottom: none;
}
section.zestawienia .tab .miesiac h1{
	margin: 0 0 5px 6px;
}
section.zestawienia .tab .miesiac a{
	font-size: 12px;
	margin: 5px 2px;
	padding: 3px 3px;
	color: #818181;
	text-transform: uppercase;
}
section.zestawienia .tab .miesiac a.active{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
	color: #000;
}
section.zestawienia .tab .miesiac a:hover{
	color: #fff; 
}
section.zestawienia .tab .miesiac a.active:hover{
	color: #000;
}
section.zestawienia .tab table{
	width: 100%;
	background: #000;
}
section.zestawienia .tab table th{
	text-align: left;
	padding: 5px;
	font-size: 10px;
	color: #e8c581;
}
section.zestawienia .tab table td{
	text-align: left;
	padding: 5px;
	font-size: 12px;
	color: #fff;
}
section.zestawienia .tab table tr td:first-of-type{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
	color: #000;
}
section.zestawienia .tab table td input{
	width: 90%;
	background: #000;
	color: #fff;
	padding: 4px 5%;
}
section.zestawienia .tab table td input:hover{
	background: rgba(255,255,255,0.2);
}
section.zestawienia .tab table td input:focus{
	background: rgba(255,255,255,0.2);
	box-shadow: 0px 0px 0px 1px #8C7000;
}

section.zestawienia p.zamkniety{
	background: url(../img/lock_closed.png) no-repeat center left;
	padding: 7px 0 2px 20px;
}
section.zestawienia p.otwarty{
	background: url(../img/lock_open.png) no-repeat center left;
	padding: 7px 0 2px 20px;
}
section.zestawienia input[type=submit]{
	padding: 5px 20px;
	background: rgb(245,242,222);
	background: -moz-linear-gradient(top,  rgb(245,242,222) 7%, rgb(162,135,87) 81%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgb(245,242,222)), color-stop(81%,rgb(162,135,87)));
	background: -webkit-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -o-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -ms-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: linear-gradient(to bottom,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2de', endColorstr='#a28757',GradientType=0 );
	color: #000;
	text-shadow: 1px 1px 0px #e1ceb4;
	font-size: 13px;
	cursor: pointer;
	margin: 10px 5px 20px;
	float: right;
}
section.zestawienia input[type=submit]:hover{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
}
section.zestawienia .stan{
	display: none;
	position: relative;
}
section.zestawienia .stan.active{
	display: block;
}
.loader-1,
.loader-2{
	display: none;
	margin: 0 auto;
}
.loader-2, .loader-1{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 0;
	left: 0;
}
.loader-2 img, .loader-1 img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -24px;
}
::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder {
    color:    #fff;
}
::-moz-placeholder {
    color:    #fff;
}
:-ms-input-placeholder {
    color:    #fff;
}
section.zestawienia input[type="file"]{
    z-index: 999;
    line-height: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    margin: 0;
    padding: 0;
    left: 0;
    visibility: hidden;
}
section.zestawienia .add-photo-btn{
    padding: 6px 20px;
	background: rgb(245,242,222);
	background: -moz-linear-gradient(top,  rgb(245,242,222) 7%, rgb(162,135,87) 81%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgb(245,242,222)), color-stop(81%,rgb(162,135,87)));
	background: -webkit-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -o-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: -ms-linear-gradient(top,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	background: linear-gradient(to bottom,  rgb(245,242,222) 7%,rgb(162,135,87) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2de', endColorstr='#a28757',GradientType=0 );
	color: #000;
	text-shadow: 1px 1px 0px #e1ceb4;
	font-size: 13px;
	cursor: pointer;
	margin: 10px 5px 20px;
	float: right;
}
section.zestawienia .add-photo-btn:hover{
	background: rgb(245,242,227);
	background: -moz-linear-gradient(top,  rgb(245,242,227) 0%, rgb(207,183,141) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,242,227)), color-stop(100%,rgb(207,183,141)));
	background: -webkit-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -o-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: -ms-linear-gradient(top,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	background: linear-gradient(to bottom,  rgb(245,242,227) 0%,rgb(207,183,141) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2e3', endColorstr='#cfb78d',GradientType=0 );
}
section.zestawienia .add-photo-btn span{
	display: none;
}
#uploadBtn{
	display: none;
}
/*
 Ładowanie
 * */
.ladowanie {
	width: 100%;
  	height: 100%;
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 99999;
  	background: #000;
}
.wrap {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  transform: scale(2);
}
.wrap .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  box-shadow: 0 0 25px 38.46153846153846px #030403 inset;
}
.wrap .cogWheel {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
}
.wrap .cogWheel.one {
  left: -6.25px;
  -webkit-animation: rotLeft 1s infinite linear;
}
.wrap .cogWheel.one .one:before {
  border: none;
}
.wrap .cogWheel.two {
  right: -6.25px;
  margin-top: -23.80952380952381px;
  transform: rotate(196deg);
  -webkit-animation: rotRight 1s infinite linear;
}
.wrap .cogWheel.two .one:before {
  border: none;
}
.wrap .cogWheel .cog {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
}
.wrap .cogWheel .cog:after {
  display: block;
  position: absolute;
  content: ' ';
  border: 2px solid #fff;
  border-left: none;
  height: 8.620689655172415px;
  width: 5px;
  right: -8.620689655172415px;
  top: -4.310344827586207px;
}
.wrap .cogWheel .cog:before {
  display: block;
  position: absolute;
  content: ' ';
  border-left: 2px solid #fff;
  height: 10px;
  width: 4.166666666666667px;
  right: -5.555555555555555px;
  top: -12.5px;
  transform: rotate(-20deg);
}
.wrap .cogWheel .cog.one {
  transform: rotate(-80deg);
}
.wrap .cogWheel .cog.two {
  transform: rotate(-40deg);
}
.wrap .cogWheel .cog.three {
  transform: rotate(0deg);
}
.wrap .cogWheel .cog.four {
  transform: rotate(40deg);
}
.wrap .cogWheel .cog.five {
  transform: rotate(80deg);
}
@-moz-keyframes rotLeft {
  from {
    transform: rotate(-30deg);
  }
  to {
    transform: rotate(10deg);
  }
}
@-webkit-keyframes rotLeft {
  from {
    transform: rotate(-30deg);
  }
  to {
    transform: rotate(10deg);
  }
}
@-o-keyframes rotLeft {
  from {
    transform: rotate(-30deg);
  }
  to {
    transform: rotate(10deg);
  }
}
@keyframes rotLeft {
  from {
    transform: rotate(-30deg);
  }
  to {
    transform: rotate(10deg);
  }
}
@-moz-keyframes rotRight {
  from {
    transform: rotate(-174deg);
  }
  to {
    transform: rotate(-214deg);
  }
}
@-webkit-keyframes rotRight {
  from {
    transform: rotate(-174deg);
  }
  to {
    transform: rotate(-214deg);
  }
}
@-o-keyframes rotRight {
  from {
    transform: rotate(-174deg);
  }
  to {
    transform: rotate(-214deg);
  }
}
@keyframes rotRight {
  from {
    transform: rotate(-174deg);
  }
  to {
    transform: rotate(-214deg);
  }
}
.green-delight h1{
	line-height: 1.2;
}
.green-delight p{
	margin-bottom: 15px;
}
.green-delight .products{
	text-align: center;
}
.green-delight .item{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	max-width: 290px;
	margin: 30px 10px;
}
.green-delight .item__image{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.green-delight .item__header{
	font-size: 18px;
	color: #f3e4a2;
}
.green-delight .item__text{
	font-size: 14px;
	margin: 0;
}
.green-delight .box{
	margin: 15px 70px 50px 70px;
	padding: 15px;
	border: 1px solid #8C7000;
	text-align: center;
}
.green-delight ul li{
	list-style-image: url(../img/bullet.png);
	padding: 3px 0;
	margin-left: 17px;
	margin-bottom: 10px;
}
.green-delight .header .left{
	width: 60%;
	display: inline-block;
	padding-right: 30px;
	box-sizing: border-box;
}
.green-delight .header .right{
	width: 38%;
	display: inline-block;
}
.green-delight .header img{
	max-width: 100%;
	height: auto;
}
.green-delight .ranking{
	margin-top: 50px;
	text-align: center;
}
.green-delight .table{
	width: 500px;
	padding: 15px 30px;
	display: inline-block;
	border: 1px solid #8C7000;
}
.green-delight table{
	width: 100%;
}
.green-delight td, .green-delight th{
	padding: 10px 5px;
	border-bottom: 1px solid #707070;
}
.green-delight tr:last-child td, .green-delight tr:last-child th{
	border: none;
}
.green-delight td:first-child, .green-delight th:first-child{
	text-align: left;
}
.green-delight td:last-child, .green-delight th:last-child{
	text-align: right;
}
.green-delight th{
	color: #f3e4a2;
}
.green-delight h3{
	font-weight: normal;
	font-size: 20px;
}