@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');

#navbar { padding: 0; }
.navbar { margin-bottom: 0; }
.navbar-inverse { background: transparent; border: 0; }
.navbar-toggle { background: #291924; }
.clear { clear: both; overflow: hidden; content: '.'; display: block; }
img { max-width: 100%; height: auto; }
/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:10px; margin-right:10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/
.dropdown-menu { box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25); }

a { color: #362724; }
a:hover { color: #362724; }


body { font-family: 'PT Sans', sans-serif; color: #515151; font-size: 16px;  }
h1, .h1, h2, .h2, h3, .h3 { font-size: 38px; font-weight: bold; text-align: center; color: #46adf4;  
text-transform: uppercase; background: url(../img/h.png) 50% 50% no-repeat; padding-bottom: 0; margin-bottom: 40px; clear: both;
}
h2, .h2 { font-size: 36px; background: url(../img/h2.png) 0 100% no-repeat; text-align: left; padding-bottom: 15px; }
h3, .h3 { font-size: 18px; background: url(../img/h3.png) 0 100% no-repeat; text-align: left; padding-bottom: 15px; color: #515151;  
margin-bottom: 15px; }

#breadcrumbs { background: #f7fafd; border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; font-size: 13px;
padding: 15px 0; }
#breadcrumbs a { color: #51c44e; }

#subheader { background: #f9f9f9; color: #5b5b5b; border-bottom: solid 1px #e2e2e2; }
#subheader p { margin: 0; margin: 15px 0; padding-left: 20px; padding-right: 30px; font-size: 15px;  }
#subheader .slogan { float: left; border-right: solid 1px #c0dbe2; margin-right: 20px; padding-left: 0; }
#subheader .phone { float: left; background: url(/img/subheader/phone.png) 0px 50% no-repeat; 
border-right: solid 1px #c0dbe2; margin-right: 20px; }
#subheader .email { float: left; background: url(/img/subheader/email.png) 0px 50% no-repeat; }
#subheader .lang { float: right; background: url(/img/subheader/lang.png) 0px 50% no-repeat;  }
#subheader form { padding: 0; float: right;  }
#subheader form#search { max-width: 240px; border: 0;  }                           
#subheader form#search #str { width: 100%; background: #fcfcfc; padding: 15px 20px; border: 0; border-left: solid 1px #e2e2e2; }
#subheader #search input[type=submit] { display: block; float: right; width: 52px; height: 52px; 
background: url(/img/subheader/search.png); margin: 0; margin-top: -52px; z-index: 9; position: relative; border: 0; 
padding: 0; }
#subheader #lang a { padding: 0 5px; }
#subheader #lang a.active { color: #20c5f7; }

#header { z-index: 2; width: 100%; padding: 10px 0; background: #fff;  }
#header a.logo { float: left; display: block; width: 160px; height: 56px; background: url(/img/logo.png) 0px 0px no-repeat; 
z-index: 2; position: relative; }
#header ul { margin: 0; list-style-type: none; float: right; padding: 0;  }
#header ul li { float: left; max-width: 200px; background: url(/img/sep.png) right 50% no-repeat;  }
#header ul li a { display: block; text-decoration: none; padding: 18px 40px; background: none; color: #515151;
font-weight: normal; font-size: 16px; text-transform: uppercase; }
#header ul li.active a { color: #51c44e; } 
#header ul li:hover a { color: #51c44e; }
#header i { }
/*
#header ul li ul li { max-width: 999px; }
#header ul li ul li a { padding: 10px 20px 10px;   background: url(../img/satin.png);  }
#header ul li ul li a:hover { background: #fff; color: #3562a9; }
#header ul li:hover, #header ul li:hover ul  { background: #ff8736;  }
#header ul li:hover a { color: #fff; }
*/
#slide { background: #f7fafd; border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; padding: 30px 0; }
.b3 { margin-top: 30px; }

#content { padding: 40px 0; }

#footer { background: #eff0f4; padding: 50px 0 30px 0; background-size: cover; /*overflow: hidden;*/ line-height: 17px;  
font-size: 14px; font-weight: 300; }
#footer .logo { display: block; width: 262px; height: 91px; background: url("/img/footer/logo.png") 0 0 no-repeat;   }
#footer .announc { margin-top: 20px; font-size: 12px; }
#footer ul { list-style-type: none;  }
#footer a { color: inherit; }
#footer a:hover { color: #ff8736; text-decoration: none; }
#footer p { margin: 0; clear: both; }
#footer ul li { list-style-type: none; background: url(/img/marker.png) 0 2px no-repeat; padding-left: 20px; 
padding-bottom: 10px; margin-left: 0; }
#footer .phone, #footer .place, #footer .email, #footer .time { background: url("/img/footer/phone.png") 3px 2px no-repeat; padding-left: 25px;
padding-bottom: 5px; margin-bottom: 10px; } 
#footer .place { background: url("/img/footer/place.png") 3px 5px no-repeat; } 
#footer .email { background: url("/img/footer/email.png") 3px 5px no-repeat; } 
#footer .time { background: url("/img/footer/time.png") 3px 5px no-repeat; } 
#footer .f, #footer .g, #footer .y { background: url("/img/footer/f.png") 5px 50% no-repeat; 
padding-left: 30px; padding-bottom: 5px; margin-bottom: 10px; }
#footer .g { background: url("/img/footer/g.png") 5px 50% no-repeat; }
#footer .y { background: url("/img/footer/y.png") 5px 50% no-repeat; }

#copy { color: #515151; background: #dcdcdf; text-align: center; padding: 20px 0; font-size: 13px; }
#copy .weblux { color: #515151;  }
#copy .weblux a { color: #515151; }

#company .item { display: block; background: #f9f9f9; border: solid 1px #e2e2e2; font-size: 24px; color: #46adf4; font-weight: bold; 
overflow: hidden; text-align: center; padding: 30px 10px; min-height: 240px; margin-bottom: 30px; }
#company .item { text-decoration: none; }
#company .item img { display: block; margin: 0 auto; margin-top: 20px;  }
#company .item:hover { background: #fff; color: #51c44e; }



#reviews .review { background: #f9f9f9; padding: 20px; position: relative;  border: solid 1px #e2e2e2;
margin-bottom: 20px; margin-top: 10px; overflow: hidden; font-size: 16px; }
#reviews p.name { color: #515151; padding-top: 0px; margin-bottom: 0; font-size: 18px; font-weight: bold; 
font-style: italic;  }
#reviews p.place { color: #46adf4; padding: 0; font-size: 13px;  }
#reviews a.but { margin-top: 40px; }
#reviews .name, #reviews .place { float: right; padding: 0; clear: both; }
#reviews .review.admin { margin-left: 100px; }



#page { line-height: 24px; }
#page > ul { margin-left: 15px; list-style-type: square; font-size: 15px; line-height: 17px; }


#about { margin-bottom: 50px; }
#about h3 { font-size: 21px;  text-transform: uppercase; font-weight: 600; margin-bottom: 10px; text-align: center; }
#about img { display: block; margin: 15px auto; min-height: 80px; }
#about p { text-align: center; margin-bottom: 5px; }

#faq dt, #faq dd { padding-left: 60px; background: url(../img/faq/q.png) 0 0 no-repeat; padding-top: 5px; }
#faq dt { font-size: 24px; font-weight: bold; text-transform: uppercase; color: #515151; min-height: 52px;  }
#faq dd { background: url(../img/faq/a.png) 0 0 no-repeat; border-bottom: solid 1px #e2e2e2; padding-bottom: 20px; margin-bottom: 20px; }


#contacts .phone, #contacts .place, #contacts .email { padding-left: 20px; background: url(../img/footer/phone.png) 0 50% no-repeat; 
margin-bottom: 20px; }
#contacts .place { background: url(../img/footer/place.png) 0 50% no-repeat;  }
#contacts .email { background: url(../img/footer/email.png) 0 50% no-repeat;  }
#contacts form { background: #46adf4; padding: 20px; }
#contacts form label { color: #fff; }
#contacts form h3 { text-align: center; color: #fff; }
#contacts h2 { font-size: 24px; text-transform: none; background: 0; margin-bottom: 10px; }


#products, #categories {  overflow: hidden; }
#products .item, #categories .item { border: solid 1px #fafafa; display: block; background: #f7fafd; overflow: hidden; margin-bottom: 20px; text-align: center;}
#products .item:hover .name, #categories .item:hover .name  { color: #51c44e; }
#products .item:hover, #categories .item:hover { border-color: #eee; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }
#products .item .name, #categories .item .name { display: block; font-weight: bold; font-size: 18px; color: #515151; padding: 10px; text-align: center; } 
#products .item a:hover, #categories .item a:hover { opacity: 0.9; text-decoration: none; }
#products .item a.photo, #categories .item a.photo { display: block; }
#products .item img, #categories .item img { padding: 20px; max-height: 208px; }
#products .item .price { color: #51c44e; font-size: 20px; font-weight: bold; }

#categories .item .name { font-size: 24px; }


#side { text-align: center; }
#side .section { background: #46adf4; padding: 20px 15px; margin-bottom: 30px; }
#side h3 { font-size: 24px; font-weight: bold;  text-align: center; text-transform: none; color: #fff; margin: 0; }
#side label { color: #fff; }

#product { }
#product .next { float: right; }
#product .prev { float: left; }
#product .content { padding-top: 0; }
#product .photo { border: solid 1px #e2e2e2; }
#product .photos a { display: block; width: 110px; float: left; margin-right: 15px; margin-top: 15px; border: solid 1px #e2e2e2; }
#product .photos a:last-child { margin-right: 0; }
#product .price { font-size: 36px; font-weight: bold; color: #46adf4; } 
#product h1 { text-align: left; background: 0; color: #515151; margin: 0 0 20px; clear: both; }
#product h3 { text-transform: none; font-size: 18px; background: 0; padding: 0; }

#tabs { margin-top: 30px; } 
#tabs ul { margin: 0; padding-left: 20px; }
#tabs ul li a { color: #515151; font-weight: 700; padding: 10px 30px; outline: 0; border-radius: 2px; }
#tabs ul li a:hover { background: none; border-color: transparent; }
#tabs ul li.active a { background: transparent; border: solid 1px #d1dde7; border-bottom-color: #fff; color: #46adf4; }
#tabs h2 { font-size: 24px; background: 0;  color: #515151; text-transform: none; margin-bottom: 0px; }
#tabs table td, #tabs table th { text-align: center; }

#blog .date { display: block; background: url(/img/calendar.png) 0 50% no-repeat; font-size: 13px; color: #a1a1a1;
padding-left: 20px;   }
#blog h3 { font-size: 24px; text-align: left; display: block; color: #515151;
text-align: left; background: 0;  margin: 0; }
#blog .item { font-size: 14px; line-height: 20px; }
#blog .item img { margin-top: 20px; margin-bottom: 10px; }
#blog .item .more { float: left; background: url(/img/more.png) 100% 50% no-repeat; padding-right: 20px;
text-transform: uppercase; font-weight: bold; color: #51c44e;  }
#blog .links { overflow: hidden; }
#blog .photo img { max-height: 300px; }

#blog .share { border-bottom: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; overflow: hidden; padding: 15px 0; 
margin: 20px 0;}
#blog .share a { display: block; float: left; width: 27px; height: 20px; background: url(../img/share.png); margin: 0 0 0 10px;
opacity: 1;  }
#blog .share .h3 { float: left; margin: 0; padding: 1px 0; background: 0; font-size: 15px; font-weight: normal; text-transform: none;
margin-right: 20px; }
#blog a.g { background-position-x: -144px; }
#blog h3 a { color: #515151; font-weight: bold; font-size: 18px; }
#blog #more h3 { position: static; display: inline; padding: 0; }
#blog .h3.read { float: none; }

#gallery a { display: block; background: #f9f9f9; position: relative; /*max-width: 450px;*/ margin: 0 auto; margin-bottom: 25px; 
padding: 20px; border: solid 1px #e2e2e2; text-decoration: none;  }
#gallery a p { margin-bottom: 5px; }
#gallery a img {  opacity: 0.9; width: 100%; margin-bottom: 10px;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }

form { margin-left: 0px; font-family: 'PT Sans'; max-width: 500px; padding: 15px; }
form p { margin: 10px 0; }
form label { display: block; width: 100%; float: left; text-align: left; padding: 5px; padding-bottom: 0; padding-right: 20px; 
font-family: inherit; font-size: 15px; font-weight: 600; color: #777; }
form label i { padding: 0 4px;  background: url(../img/r.png) 100% 0 no-repeat; }
input[type=text], input[type=submit], textarea, select, .but { padding: 10px; border: solid 1px #e2e2e2; font-family: inherit; 
font-size: 15px; background-color: #fff; color: #333; border-radius: 0; width: 100%; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
                                                  
input:hover, textarea:hover,  
input:focus, textarea:focus {  background-color: #fff; }
input[type=submit], .but { background: #51c44e; color: #fff; cursor: pointer; text-transform: uppercase; margin: 7px auto; 
display: block; padding: 15px 30px; font-weight: bold; }
input[type=submit]:hover, .but:hover { background-color: #46adf4; text-decoration: none; color: #fff; }
.but { display: inline-block; overflow: hidden; font-weight: bold; width: auto; }

.box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #333; z-index: 9; background: url(../img/satin.png); }
.box span { display: block; opacity: 0.95; padding: 50px; position: fixed; width: 500px; z-index: 10000;
top: 50%; margin-top: -150px; left: 50%; margin-left: -250px; z-index: 99; text-align: center;
 /*background:#e3e3e3 url(../img/close.png) 97% 20% no-repeat;*/ border-radius: 10px; cursor: pointer;
 box-shadow: 10px 10px 20px #777; 
 background:#fff url(../img/msg/ok.png) 50% 20px no-repeat; padding-top: 140px;
 }
.box .error, .send { text-decoration: none; text-align: center;  font-size: 32px !important;  } 
.box .error { color: #ff0000; background:#fff url(../img/msg/error.png) 50% 20px no-repeat; }
.box .send { color: #00aa00; }

.form { max-width: 500px; /*margin: 0 auto;*/ }
.form label { float: none; width: 100%; padding: 0; }

.form h3 { font-size: 30px; }


table { border-collapse: collapse; width: 100%; margin: 10px 0; }
table th, table td { text-align: left; padding: 10px 20px; }
table th { padding-right: 20px; width: 300px; }
table td { }
table tr { border-bottom: solid 1px #e2e2e2; }
table tr:nth-child(odd) { background-color: #f9f9f9; }
table tr:hover { background-color: #e7ffe6;  }

   








#navbar { position: relative; overflow: visible;  border: 0; box-shadow: none; }
.navbar {  }
#menu ul { width: auto; border: none; }
#menu ul li { display: block; float: none;  }



@media (max-width : 1200px){
  #footer .logo { display: block; width: 162px; background-size: contain;   }
}

@media (min-width : 992px){
  
  .nav > li:hover > .dropdown-menu { display: block; opacity: 1.0; }
   
}

@media (max-width : 991px){

  
}

@media (max-width : 767px){
  
  #header #menu { float: none; }
  #header #menu li { display: block; clear: both; float: none; max-width: 999px; background: none; }
  #header #menu li a { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; }
  #header #menu li ul { position: relative; width: 100%; }
  #header #menu li ul li a { padding-left: 50px; }
  #navbar { padding: 0; }
}