/* ------------------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;}
blockquote, q {quotes:none;}
ul {list-style:outside square; margin-left:20px;}
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---------------------- */

.gentium-plus-regular {
  font-family: "Gentium Plus", serif;
  font-weight: 400;
  font-style: normal;
}

.gentium-plus-bold {
  font-family: "Gentium Plus", serif;
  font-weight: 700;
  font-style: normal;
}

.gentium-plus-regular-italic {
  font-family: "Gentium Plus", serif;
  font-weight: 400;
  font-style: italic;
}

.gentium-plus-bold-italic {
  font-family: "Gentium Plus", serif;
  font-weight: 700;
  font-style: italic;
}



/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
color: #636363;
font: 17px Roboto, sans-serif, arial;
}


button.buttonLink,a{color: #888;text-decoration: none;transition: all .35s ease;cursor: pointer;}
button.buttonLink:hover,a:hover {color: #01299B 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 { 

}
.topmenu {
display:block;
margin: 30px 10px 10px 10px;
}
.phone-top a{
padding: 15px 15px;
color: #333;
line-height: 34px;
}
.topmenu a{
padding: 15px 15px;
color: #333;

}
.topmenu a:hover, .phone-top a:hover {
color: #0D0DA5;
}

/* ------------------slider-------------------- */
p.caption {
color:#fff;
font-size: 48px;
position:relative; 
top: -150px;
float: right;
margin: 0 20px 0px 0;
}
/* ------------------Footer-------------------- */

footer {
background:#264a7f;
}
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;
color: #626262;
font-size: 18px;
}

#Content ul, ul {
/*list-style:inside;*/
list-style-type:square;
margin-bottom: 20px;
}
#Content li, li {
line-height:24px;
margin-top: 10px;
/*list-style-type: none;	*/
}

h1 {
color:#333; 
margin: 15px 0;
text-align:center;
  font-family: "Gentium Plus", serif;
  font-weight: 400;
  font-style: normal;
font-size: 36px;
}

h2  {
color:#333;
font-size: 24px;
margin: 10px 0 5px 0;
font-weight:normal;
font-family: "Roboto", sans-serif, "Franklin Gothic Bold", "Arial Black", sans-serif;
text-align:center;
line-height: 36px;
font-weight:400;
}

a:link h2 {
color:#01299B 	
transition: all .35s ease;
}
a:hover h2 {
color:#01299B 	
}
h3, h3 a  {
color:#01299B;
font-size: 18px;
margin: 10px 0 5px 0;
font-weight:normal;
font-family: "Roboto", sans-serif, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
strong {

}
em {
color:#01299B; 	
}
hr {
color:#0033CC; 	
border: 1px solid #0033CC; 
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 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:#264a7f;
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:#264a7f;
	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 #ccc;
	background:#fff;
	margin: 5px;
}
.paginator a {
	transition: all .35s ease;
	padding: 5px;
	border: 1px solid #ccc;
	background:#fff;
	margin: 5px;
}
.paginator a:hover {
	transition: all .35s ease;
	background:#ccc;
	border: 1px solid #ccc;
}
a .imglink {
transition: all .35s ease;
}
a:hover .imglink {
	transform: scale(1.03);
	text-align: center;
}
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);
}


#feedback * {
box-sizing:border-box;
}
#feedback input, #feedback textarea, #feedback select {
border: 1px solid #000066;
background:#F3F3F3; 
padding: 22px 10px; 
font-size: 22px; 
border-radius: 10px;
color:#0B65D2;
transition: all .35s ease;
box-sizing:border-box;
text-align:center;
width: 100%;
}
#feedback input:focus, #feedback textarea:focus, #feedback select:focus {
background:#fff; 
}
#send {
	background:#CDDDFE;
}
#send:hover {
	background:#9BCDFB;
}
#submit {
	text-transform:uppercase; 
	font: 13px; 
	color:#fff !important;
	padding: 15px;
	background:#264a7f; 
	transition: all .35s ease;
	cursor:pointer;
}
#submit:hover {
	background:#CADFA6;
	color:#FFFFFF;
}

button.bigbutt,
a.bigbutt {
	display:block;
	padding: 20px 10px;
	color:#fff;
	background:#7FB226;
	border: 1px solid #999999;
	text-align:center;
	font-size: 18px;
	transition: all .35s ease;
	max-width: 600px;
	margin: 20px auto;
	border-radius: 20px;
	cursor: pointer;
	text-transform: uppercase;
	text-align:center;
	box-sizing:border-box;
	font-size: 22px;
}
button.bigbutt:hover,
a.bigbutt:hover {
	background:#0D0DA5;
	color:#fff;
}

.bxslider p {
margin: 0px 40px 0px 50px;
text-align:justify;
}

a .razdelbutt-container {
display:block;
height: 300px;
border: 1px solid #264a7f;	
overflow:hidden;
transition: all .35s ease;
}
a:hover .razdelbutt-container {
border: 1px solid #355E9A;	
overflow:hidden;
}
.razdelbutt-top {
display:block;
height: 250px;
overflow:hidden;
background: #fff;
}
.razdelbutt-bot {
display:block;
height: 50px;
background: #264a7f;
color: #fff;
font-size: 22px;
padding: 10px;
font-family: RopaSansProRegular, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
transition: all .35s ease;
}
a:hover .razdelbutt-bot {
background: #355E9A;
}


.razdel {
overflow:hidden;
text-align:center;
width: 350px;
height:380px;
display: inline-block;
margin: 20px;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
font-family: "Roboto Condensed", sans-serif, Arial, helvetica;
}
.RazdelTitle {
  font-family: "Gentium Plus", serif;
  font-weight: 400;
  font-style: normal !important;
  font-size: 30px !important;
  text-align:center !important;
  color:#008428 !important;
  text-transform:uppercase;
  margin: 20px 0 0 0;
}
.RazdelTxt {
font-size: 16px !important;
color: #597199 !important;
text-align:center !important;
}

.razdel:hover p{
color: #008428 !important;
}

.photo_box {
display: inline-block;
margin: 5px;
width: 200px;
height:250px;
overflow:hidden;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.photo_arc {
overflow:hidden;
text-align:center;
width: 200px;
max-height:200px;
font-family: "Roboto Condensed", sans-serif, Arial, helvetica;
background:#F6F6F6;
}
.photo_txt {
text-align:center;
margin-top: 10px;
font-size: 13px;
line-height: 16px;
font-family: "Roboto Condensed", sans-serif, Arial, helvetica;
color:#3c485c;
padding: 3px;
}

.randomfoto {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.business {
display:inline-block;
width: 230px;
height:180px;
text-align:center;
margin: 20px 40px;
}

.preim {
padding: 60px 0; background: url(../images/preim-bg.jpg) right top no-repeat;
}
.preim p{
font-size: 22px;
color:#777;
line-height: 42px;
font-weight:300;
}
.preim p span{
font-size: 14px !important;
color:#77bc19;
margin: 0 50px 0 0;
}

#fotoblock {
display: block;
margin: 15px;
width: 100%;
height:212px;
overflow:hidden;
text-align:center;
}


#categorylist {

}

.category_card {
display: inline-block;
margin: 15px 15px;
width: 300px;
height:240px;
overflow:hidden;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.category_card:hover {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}
.category_img{
display:block;
}
.category_name {
display:block;
font-size:20px;
font-family: "Roboto Condensed", sans-serif, Arial, helvetica;
text-align:center;
padding: 5px;
color:#01299B
}


.tovar_card {
display: inline-block;
margin: 15px 15px;
width: 260px;
height:600px;
overflow:hidden;
border-radius: 10px;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.tovar_card:hover {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}
.tovar_img{
display:block;
}
.tovar_name {
display:block;
font-size:18px;
font-family: "Roboto Condensed", sans-serif, Arial, helvetica;
text-align:center;
padding: 5px;
color:#01299B
}
.tovar_txt p{
text-align:center !important;
display:block;
font-family: "Roboto Condensed", sans-serif, Arial, helvetica !important;
font-size: 17px !important;
padding: 5px;
line-height:normal !important;
}
.tovar_txt p:hover{
color:#01299B !important;
}

.category_list {
margin: 60px 0;
text-align:center;
}
/* .category_item {
display:inline-block;
margin: 5px;
padding: 10px;

overflow:hidden;
font-size: 18px;
text-transform:uppercase;
background: linear-gradient(#3FAA00, #369001);
border-radius: 5px;
border: 1px solid #0DB31A;
color: #fff;
transition: all .35s ease;
}
.category_item:hover {
background: linear-gradient(#10D200, #0DAA00);
} */
.category_item {
display:inline-block;
margin: 5px;
padding: 10px;

overflow:hidden;
font-size: 18px;
text-transform:uppercase;
background: #fff;
border-radius: 5px;
border: 1px solid #01299B;
color: #820078;
transition: all .35s ease;
}
.category_item:hover {
background: #eee;
}
.category_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 350px;
height: 50px;
text-align:center;
}

#wacap {
    position: fixed;
    bottom: 150px;
    right: 5px;
    z-index: 999999999;
opacity: 0.9;
transform: scale(0.7);
transition: all .35s ease;	
}
#wacap:hover{
opacity: 1;
transform: scale(1);
}

.social a {
padding: 5px 7px;
}

.carusel-strah {
margin: 5px;
}
.carusel-strah img {
border-radius: 10px;
}

#search-top-button:focus {
background:#fff !important; 
}

.cart_sticker {
padding: 5px;
margin: 5px;
border-radius: 15px;
border: #0D0DA5 3px solid;
color: #0D0DA5;
background: #F9FD9F;
line-height: 42px;
}
.cart_sticker:hover{
background: #0D0DA5;
color: #fff;
}

.lang {
padding: 5px;
margin: 5px;
border-radius: 5px;
border: #0D0DA5 1px solid;
color: #0D0DA5;
background: #fff;
line-height: 42px;
}
.lang:hover{
background: #0D0DA5;
color: #fff;
}

.apteki_list {
margin: 20px 10px;
padding: 20px;
border-radius: 15px;
background:#DFF7FF;
}

@media only screen and (max-width: 1300px) {

.preim {
padding: 30px 0; background: none;
}
}