/* ------------------Reset--------------------- */
* {}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,button,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol, ul {list-style:outside square; margin-left:20px;}
blockquote, q {quotes:none;}
table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;box-sizing:border-box;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */
/*@font-face {
font-family: 'DSOpiumNew';
src: url('../font/DSOpiumNew.eot');
src: url('../font/DSOpiumNew.eot?#iefix') format('embedded-opentype'),
url('../font/DSOpiumNew.woff2') format('woff2'),
url('../font/DSOpiumNew.woff') format('woff'),
url('../font/DSOpiumNew.ttf') format('truetype');
}*/

@font-face{ 
font-family: exo2extralight;
src: url('../font/exo2extralight.eot');
src: url('../font/exo2extralight.eot?#iefix') format('embedded-opentype'),
url('../font/exo2extralight.woff') format('woff'),
url('../font/exo2extralight.ttf') format('truetype');
/*src: url(../font/exo2extralight.otf);*/
}

@font-face{ 
font-family: exo2light;
src: url('../font/exo2light.eot');
src: url('../font/exo2light.eot?#iefix') format('embedded-opentype'),
url('../font/exo2light.woff') format('woff'),
url('../font/exo2light.ttf') format('truetype');
/*src: url(../font/exo2light.otf);*/
}

@font-face{ 
font-family: exo2medium;
src: url('../font/exo2medium.eot');
src: url('../font/exo2medium.eot?#iefix') format('embedded-opentype'),
url('../font/exo2medium.woff') format('woff'),
url('../font/exo2medium.ttf') format('truetype');
/*src: url(../font/exo2medium.otf);*/
}


/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
color: #636363;
font: 15px Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, sans-serif; 
}


button.buttonLink,a{color: #888;text-decoration: none;transition: all .35s ease;cursor: pointer;}
button.buttonLink:hover,a:hover {color: #78b200; text-decoration: none; opacity:1;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;transition: all .35s ease;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
html{}
.zerogrid {

}
#header { 
background:url(../images/header-bg.png) bottom center no-repeat #FFFFFF;
border-top: 5px solid #78b200;
}

.sectiontitle a {
display:block;
padding: 20px;
font-family: exo2light, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, sans-serif;
font-size:19px;
text-transform:uppercase;
text-align:center;
background:#78b200;	
color:#fff;
}
.sectiontitle a:hover {
background:#91D503;		
}

/* ------------------slider-------------------- */
p.caption {
color:#fff;
font-size: 48px;
position:relative; 
top: -150px;
float: right;
margin: 0 20px 0px 0;
}
/* ------------------Footer-------------------- */
#botmenu a {
line-height:24px; 
color:#766887;	
font-size: 20px;
}
#botmenu a:hover {
color:#AD1A0B;	
}
footer {padding:0px 0px; }
footer a {color:#ffffff;transition: all .35s ease;}
footer a:hover {color:#FFA600;}
footer .box{}
footer .heading{ padding:5px; border-bottom:3px double #ffffff;}
footer .heading h2{font-size:22px; font-weight:normal; display:inline; padding:0 10px;}
footer .content{padding:15px}

.copyright{text-align:center; margin-top:20px; background:#000; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }
.zerogrid {
/*	background:#FFFFFF;*/
}

/* SS */
.content p, p {
margin-bottom:15px;	
text-align:left;
line-height:24px;
}
.content ul {
list-style:inside;
list-style-type:square;
margin-bottom: 20px;
}
.content li {
line-height:24px;
/*list-style-type: none;	*/
}

h1 {
color:#78b200; 
font-size: 20px;
margin: 30px 0;
text-align:center;
font-family: exo2light, arial, helvetica;
font-weight:normal;
text-transform:uppercase;
}

h2  {
color:#78b200;
text-transform: uppercase;
font-size: 22px;
margin: 10px 0 5px 0;
font-weight:normal;
font-family: exo2light, arial, helvetica;
}

a:link h2 {
color:#78b200; 	
transition: all .35s ease;
}
a:hover h2 {
color:#8ACC02; 	
}
h3, h3 a  {
color:#78b200;
font-size: 18px;
margin: 10px 0 5px 0;
font-weight:normal;
font-family: exo2light, arial, helvetica;
}
strong {
color:#517702; 	
}
em {
color:#6B9E02; 	
}
hr {
color:#78b200; 	
border: 1px solid #78b200; 
border-collapse:collapse;
border-top: #fff;
}
#content td {
	 padding: 5px;
	 border: 1px solid #D9D9D9;
	 font-size:14px;
	 }
#content td:hover {
background:#FFFDDC;
	 }
#content tr:hover {
	background:#FBFAE9;
}
table.ss 
{
border-collapse:collapse;
border: 1px solid #DBF7D3;
width: 100%
}
table.ss  tr
{
border: 1px solid #DEFBDC;
}
table.ss td
{
border: 1px solid #DEFBDC;
padding: 5px;
}
table.ss .tovar-status-zakaz td {
	background: #FFF7E0;
}
table.ss .tovar-status-net td {
	background: #FFE9E9;
}
table.ss tr:hover
{
background:#F6FFF6;
}
table.ss td:hover
{
background:#F7F7F7;
}

a .more {
padding:10px;
background:#ebebeb;	
text-align:left;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#2D5CB0;
transition: all .35s ease;
}
a:hover .more {
background:#eee;	
color:#fff;
}
a.buttons {
	text-transform:uppercase; 
	font: 13px; 
	color:#FFFFFF;
	padding: 5px;
	background:#863302;
font-family: Rubik-Regular, sans-serif; 	
transition: all .35s ease;
}
a.buttons:hover  {
	background:#F6B386;
}
#submit {
	text-transform:uppercase; 
	font: 13px; 
	color:#FFFFFF;
	padding: 5px;
	background:#78b200;
	transition: all .35s ease;
}
#submit:hover  {
	background:#85C403;
}
.paginator {
display:block;
text-align:center;
}
.paginator span {
	transition: all .35s ease;
	padding: 5px;
	border: 1px solid #666;
	background:#fff;
	margin: 5px;
}
.paginator a {
	transition: all .35s ease;
	padding: 5px;
	border: 1px solid #78B200;
	background:#fff;
	margin: 5px;
}
.paginator a:hover {
	transition: all .35s ease;
	background:#F4FFEB;
	border: 1px solid #78B200;
}
a .imglink {
transition: all .35s ease;
}
a:hover .imglink {	
transform: scale(1.03);
}
a .imglinktrans {
transition: all .35s ease;
opacity: 0.5;
}
a:hover .imglinktrans {	
transform: scale(1.03);
opacity: 1;
}

.copy, .copy a {
color:#633902;	
}
#back-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 999999999;
opacity: 0.5;
transform: scale(0.7);
transition: all .35s ease;	
}
#back-top:hover{
opacity: 1;
transform: scale(1);
}

.tovar-block
{
display:inline-block;
width: 285px;
height: 285px;
text-align:center;
overflow:hidden;
background:#fff;
padding: 8px;
transition: all .35s ease;	
margin: 10px 0;
box-sizing:border-box;
}
a:hover .tovar-block
{
background:#ecf5e9;
}

.tovar-photo
{
display:block;
width: 269px;
height: 210;
transition: all .35s ease;
box-sizing:border-box;
}
a:hover .tovar-photo
{
}
.tovar-title
{
display:block;
text-align: center;
color:#737b69;
font-size: 19px;
font-family: exo2light, arial, helvetica;
margin-top: 10px;
box-sizing:border-box;
}
a:hover .tovar-title
{
color:#22271a;
}

#tovar-content table
{
border-collapse:collapse;
border: 1px solid #95E9F7;
width: 100%
}
#tovar-content tr
{
border: 1px solid #A8EEF9;
}
#tovar-content td
{
border: 1px solid #A8EEF9;
padding: 5px;
}
#tovar-content tr:hover
{
background:#F9FAF9;
}
#tovar-content td:hover
{
background:#FbFcFb;
}
#tovar-content .price
{
font-family: exo2medium, arial, helvetica;
font-size: 24px;
color:#78b200;
}
#tovar-content .price span
{
font-family: exo2light, arial, helvetica;
font-size: 24px;
color:#737b69;
}
a.plusminus img{
transition: all .35s ease;	
}
a.plusminus:hover img{
transform: scale(1.5);
background:#DEFB92;
}
button.bigbutt,
a.bigbutt {
	display:block;
	padding: 12px;
	color:#78b200;
	background:#ааа;
	border: 1px solid #78b200;
	text-align:center;
	font-size: 15px;
	transition: all .35s ease;
	width: 100%;
	cursor: pointer;
}
button.bigbutt:hover,
a.bigbutt:hover {
	background:#78b200;
	color:#fff;
}
a.catmenu {
display:inline-block;
width:260px;
height:40px;
text-align:center;
margin: 5px;
transition: all .35s ease;
background: #fff url(../images/catico.png) left center no-repeat;
border-radius: 10px;
padding: 10px 10px 7px 45px;
overflow:hidden;
}
a.catmenu:hover {
transform: scale(1.02);
}
a.catmenu div{
line-height: 18px;
}
ul.categories_menu {
text-align:center;
margin:0;
padding:0;	
}
a.newslenta img {
transition: all .35s ease;	
}
a.newslenta:hover img {
border-radius: 30px;
}
a.newslenta p {
font-size:17px; 
color:#486676;
}
a.newslenta:hover p {
font-size:17px; 
color:#557484;
}

#feedback * {
box-sizing:border-box;
}
#feedback input, #feedback textarea, #feedback select {
width: 100%; 
border: 1px solid #78b200;
background:#fff; 
padding: 5px; 
font-size: 16px; 
color:#78b200;
transition: all .35s ease;
box-sizing:border-box;
}
#feedback input:focus, #feedback textarea:focus, #feedback select:focus {
background:#fafafa; 
}
#submit {
	text-transform:uppercase; 
	font: 13px; 
	color:#78b200;
	padding: 5px;
	background:#fff;
	transition: all .35s ease;
}
#submit:hover  {
	background:#78b200;
	color:#fff;
}

a.cart > div , input {
border: 1px solid #CFCFCF;
background:#fff;

}
a.cart:hover > div, input:focus {
border: 1px solid #78b200;
background:#FBFFF4;
}

#sale {
background:url(../images/sale-bg.jpg) top; 
background-size:cover;
padding: 0 0 40px 0;	
}

.tovar-block-sale
{
display:inline-block;
width: 270px;
height: 450px;
text-align:center;
overflow:hidden;
background:#fff;
transition: all .35s ease;	
margin: 8px ;
box-sizing:border-box;
border: 1px solid #F8FFED;
}
.tovar-block-sale:hover
{
background:#F8FFED;
border: 1px solid #78b200;
}

.tovar-photo-sale
{
display:block;
width: 269px;
height: 210;
transition: all .35s ease;
box-sizing:border-box;
}
.tovar-title-sale
{
display:block;
text-align: center;
color:#737b69;
font-size: 19px;
font-family: exo2light, arial, helvetica;
margin-top: 10px;
transition: all .35s ease;
height:80px;

}
.tovar-title-sale p
{
text-align: center;
}	
.tovar-block-sale:hover .tovar-title-sale
{
color:#22271a;
}
.tovar-block-sale .price-new
{
font-family: exo2medium, arial, helvetica;
font-size: 22px;
color:#78b200;
}
.tovar-block-sale .price-old
{
font-family: exo2medium, arial, helvetica;
font-size: 19px;
color:#737b69;
text-decoration:line-through;
}
.tovar-block-sale span
{
font-family: exo2light, arial, helvetica;
font-size: 14px;
color:#737b69;
}
.percent {
display:block;
position:absolute;
float: right;
width: 43px;
height: 43px;
background: url(../images/percent.png) bottom left no-repeat;
margin: 10px 0 0 215px;
z-index:800;
}
.tovar-status {
display:block;
position:absolute;
float: left;
width: 70px;
height: 18px;
margin: 10px 0 0 10px;
color: #78b200;
border: 1px solid #78b200;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
background:#F8F8F8;
z-index:80;
}

.tovar-status-est>strong:after{
content: "В наличии";
font-family: exo2medium, arial, helvetica;
color: #78b200;
font-size: 18px;
}
.tovar-status-net>strong:after{
content: "Отсутствует";
color: #AD1A0B;
font-family: exo2medium, arial, helvetica;
font-size: 18px;
}
.tovar-status-zakaz>strong:after{
content: "Предзаказ";
color: #EB7400;
font-family: exo2medium, arial, helvetica;
font-size: 18px;
}
.tovar-status-est {
}
.tovar-status-est>div{
display:block;
position:absolute;
float: left;
width: 70px;
height: 18px;
margin: 10px 0 0 10px;
color: #78b200;
border: 1px solid #78b200;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
background:#F8F8F8;
z-index:80;
}

.tovar-status-est>div>span:before{
content: "В наличии";
color: #78b200;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
}
.tovar-status-net {

}
.tovar-status-net>div {
display:block;
position:absolute;
float: left;
width: 70px;
height: 18px;
margin: 10px 0 0 10px;
color: #AD1A0B;
border: 1px solid #AD1A0B;
background:#FFE9E9;
z-index:80;
}
.tovar-status-net>div>span:before{
content: "Отсутствует";
color: #AD1A0B;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
}
.tovar-status-zakaz {
}
.tovar-status-zakaz>div {
display:block;
position:absolute;
float: left;
width: 70px;
height: 18px;
margin: 10px 0 0 10px;
color: #EB7400;
border: 1px solid #EB7400;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
background:#FFF7E0;
z-index:80;
}
.tovar-status-zakaz>div>span:before{
content: "Предзаказ";
color: #EB7400;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
}

.srok{
display:block;
height: 12px;
padding: 2px 7px;
color: #666;
font-family: exo2medium, arial, helvetica;
font-size: 12px;
z-index:80;
}

a.buybutton {
padding: 15px 50px;
font-family: exo2light, arial, helvetica;
font-size: 16px;
color:#78b200;
border: 1px solid #78b200;
background: #fff;
margin: 50px 0 0 0;
}
a.buybutton:hover {
color:#fff;
background: #78b200;
}

#menubot {
}
#menubot p {
font-family: exo2medium, arial, helvetica;
font-size: 15px;
color:#525252;
text-transform:uppercase;
padding: 5px;
margin: 0;
}
#menubot a {
font-family: exo2light, arial, helvetica;
font-size: 15px;
color:#525252;
transition: all .35s ease;
padding: 5px;
display:block;
}
#menubot a:hover {
color:#78b200;
}

.sectioninner {
background:#78b200;
padding: 10px 0;
text-align:center
}
.sectioninner a{
color:#fff;
font-family: exo2light, arial, helvetica;
font-size: 18px;
transition: all .35s ease;
display:inline-block;
padding: 10px;
margin:5px;
width: 210px;
border: 1px #fff solid;
border-radius: 10px;
height: 40px;
text-align:center;
}
.sectioninner a:hover{
color:#f5efb2;
border: 1px #f5efb2 solid;
background:#6FA400;
}



#popupBasket {
	position: fixed;
	top: 0;
	left: 40px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #78B200;
	z-index: 1000;
}
#popupBasket p {
	padding: 10px;
	margin:0;
	color: #78B200;
}