/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,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;}

/* -------------------------------------------- */
/* ------------------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: RopaSansPro-Regular;
src: url('../font/ropasanspro-regular-webfont.eot');
src: url('../font/ropasanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/ropasanspro-regular-webfont.woff') format('woff'),
url('../font/ropasanspro-regular-webfont.ttf') format('truetype');
src: url(../font/RopaSansPro-Regular.otf);
}

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



@font-face {
	font-family: DSOpiumNew; 
	src: url(../font/DSOpiumNew.otf); 
}
@font-face {
	font-family: HELVETICANEUECYR; 
	src: url(../font/HELVETICANEUECYR.OTF); 
}
@font-face {
	font-family: HELVETICANEUECYR-BOLD; 
	src: url(../font/HELVETICANEUECYR-BOLD.OTF); 
}
@font-face {
	font-family: roboto-regular; 
	src: url(../font/RobotoCondensed-Regular.otf); 
}
@font-face {
	font-family: "Bebas Neue Light"; 
	src: url(../font/BebasNeueLight.otf); 
}
@font-face {
	font-family: "BebasNeueBook"; 
	src: url(../font/BebasNeueBook.otf); 
}
@font-face {
	font-family: "BebasNeueRegular"; 
	src: url(../font/BebasNeueRegular.otf); 
}
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('../font/BebasNeueRegular.eot');
  src: url('../font/BebasNeueRegular.woff2') format('woff2'),
       url('../font/BebasNeueRegular.woff') format('woff'),
       url('../font/BebasNeueRegular.ttf') format('truetype'),
       url('../font/BebasNeueRegular.svg#BebasNeueRegular') format('svg'),
       url('../font/BebasNeueRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
color: #444;
font: 17px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 
}


a{color: #4E1401;text-decoration: none;transition: all .35s ease;}
a:hover {color: #AD330B; text-decoration: none;}

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 { 
margin-bottom:0px;
background:url(../images/menu-bg.jpg);
}
#topline {
display:block;
height: 2px;
background:#fff;	
}
#gamburger {
padding: 0px;
background:#b3d7f7;
}
#PhoneTopMini {
text-align:center;
font-size: 42px;
color:#3f7394;
font-family: RopaSansPro-Regular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;	
}
.topmenu {	
text-align:center;
font-size: 26px;
text-transform:uppercase;
background:none;
padding: 10px 0;
font-family: BebasNeueRegular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
.topmenu a{
color:#fff;
transition: all .35s ease;
}
.topmenu a:hover{
color:#ffed00;
}
.toptext1 {
font-family: RopaSansPro-Regular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;	
color:#527200;
font-size: 28px;	
margin-top:190px;
}
.toptext-mini {
font-family: RopaSansPro-Regular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;	
color:#527200;
font-size: 28px;	
}
.topaddress {	
font-family: RopaSansPro-Regular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;	
text-align:center;
font-size: 42px;
text-transform:uppercase;
margin: 180px 0 0 0;
color:#3f7394;
}
.topaddress a {	
font-size: 36px;
color: #326201;
}
.header-sml {display:none;}
.header-big {display:block;}
/* ------------------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:16px;	
text-align:left;
line-height:24px;
}
h1 {
color:#b04747; 
font-size: 30px;
margin: 40px 0 20px 0;
text-align:left;
font-weight:normal;
}
p.narrow {
font-size:20px; 
color: #4a5121; 
font-family: Arial Narrow;
}
p.narrow2 {
font-size:18px; 
color: #68696a; 
font-family: Arial Narrow;
}
h2  {
font-family: RopaSansPro-Regular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;	
color:#ca283f; 
font-size: 30px;
margin: 40px 0 5px 0;
font-weight:normal;
}
a:link h2 {
color:#398c36; 	
transition: all .35s ease;
}
a:hover h2 {
color:#5AB856; 	
}
strong {
color:#7D3809; 	
}
em {
color:#9A5006; 	
}
hr {
color:#e0e0e0; 	
border: 1px solid #e0e0e0; 
border-collapse:collapse;
}
#content td {
	 padding: 5px;
	 border: 1px solid #D9D9D9;
	 font-size:14px;
	 }
#content td:hover {
background:#FFFDDC;
	 }
#content tr:hover {
	background:#FBFAE9;
}
.more {
padding:10px;
background:#f1f1f1;	
text-align:right;
color:a5aece;
}
a.buttons {
	text-transform:uppercase; 
	font: 13px; 
	color:#FFFFFF;
	padding: 5px;
	background:#863302;
font-family: "roboto-regular", sans-serif; 	
transition: all .35s ease;
}
a.buttons:hover  {
	background:#F6B386;
}
#submit {
	text-transform:uppercase; 
	font: 13px; 
	color:#FFFFFF;
	padding: 5px;
	background:#BD4012;
	transition: all .35s ease;
}
#submit:hover  {
	background:#FD5518;
}
.paginator a {
	transition: all .35s ease;
	padding: 5px;
	border: 1px solid;
	background:#E8E8E8;
}
a .imglink {
transition: all .35s ease;
}
a:hover .imglink {	
transform: scale(1.03);
}

.copy, .copy a {
color:#633902;	
}
#back-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999999999;
opacity: 0.5;
transform: scale(0.7);
transition: all .35s ease;	
}
#back-top:hover{
opacity: 1;
transform: scale(1);
}
#wacap {
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 999999999;
opacity: 0.9;
transform: scale(0.7);
transition: all .35s ease;	
}
#wacap:hover{
opacity: 1;
transform: scale(1);
}
.obratka {
font-family:Arial Narrow; 
font-size: 16px; 
color: #336584; 
width: 100%; 
padding: 5px; 
background:#f0f1ed;	
}
.obratka-butt {
font-family: RopaSansPro-Regular;
font-size: 28px; 
color: #fff; 
width: 100%; 
padding: 5px; 
background:#f35c33;	
transition: all .35s ease;
}
.obratka-butt:hover {
background:#9dd325;	
}
a .morebutton {
text-align:center; color:#83955c; font-size:20px;  font-family: RopaSansPro-Regular;	
background:#dbecb5; padding: 5px;
transition: all .35s ease;
}
a .morebutton:hover {
background:#f35c33;
color:#fff;
}
a.zayavkabutton {
text-align:center; color:#fff; font-size:25px;  font-family: RopaSansPro-Regular;	
background:#890d1f; padding: 10px;
transition: all .35s ease;
text-transform:uppercase;
}
a.zayavkabutton:hover {
background:#7ab001;
color:#fff;
}
.spice {
text-align:center;	
display: inline-block;
width: 280px;
height: 320px;
padding: 20px;
}
.spice img{
border-radius: 50%;
}
.spice h2{
color: #fff;
}
.spice a:link h2{
margin: 0px;
color: #fff;
font-size: 24px;
}
.spice a:hover h2{
color: #FF7905;
}

.spice2 {
text-align:center;	
display: inline-block;
width: 150px;
height: 200px;
padding: 20px;
}
.spice2 img{
border-radius: 50%;
}
.spice2 h2{
color: #fff;
font-size: 32px;
margin: 0;
line-height:34px;
}
#spices2 h3{
color: #fff;
margin: 10px;
font-family: RopaSansPro-Regular;	
font-size: 22px;
line-height:24px;
}
#spices2 a, .spices2 a h3{
color: #fff;
}
#spices2 a:hover h3{
color: #FF7905;
}