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,
main, 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; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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; }

* { outline: none; }

html { -webkit-text-size-adjust: none; }
body { font-family: 'Roboto', Arial, Tahoma, sans-serif; background: #fff; line-height: 1; font-size: 14px; font-weight: 300; color: #141414; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 26px; line-height: 30px; margin-bottom: 30px; }
h1:first-letter { text-transform: uppercase; }
h2 { font-size: 22px; line-height: 26px; margin: 30px 0 20px 0 }
h3 { font-size: 18px; line-height: 24px; margin: 30px 0 20px 0; }

h4 { font-size: 18px; line-height: 24px; margin: 30px 0 20px 0; }

h6 { font-size: 18px; line-height: 24px; margin: 0 0 20px 0; }



a { color: #141414; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
a:hover { color: #ed1c24; text-decoration: none; }

textarea,
select,
input { font-family: 'Roboto', Arial, Tahoma, sans-serif; font-weight: 300; border: 1px solid #f0f0f0; margin: 0; padding: 5px 10px; font-size: 14px; line-height: 22px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 10px 0; }

input.full { width: 100%; }

textarea { width: 100%; resize: vertical; }

textarea:focus,
select:focus,
input:focus{ outline: none; }

strong, b { font-weight: 500; }


.wrap { width: 100%; max-width: 1180px; margin: 0 auto; }

  .wrap.main { overflow: hidden; margin: 0 auto 40px auto; }
  .wrap aside { float: left; width: 23%; }
  .wrap .content { float: right; width: 74%; overflow: hidden; }

  .wrap .content .content_top { overflow: hidden; }
  .wrap .content .content_top h2 { font-size: 18px; line-height: 24px; margin: 0 0 20px 0 }
  .wrap .content .content_top .item { width: 100%; padding: 15px 20px; border: 1px solid #f0f0f0; border-top: 0; overflow: hidden; }
  .wrap .content .content_top .item:first-of-type { border-top: 2px solid #f0f0f0; }
  .wrap .content .content_top .item .short { float: left; }
  .wrap .content .content_top .item .short .title { font-weight: 400; line-height: 18px; }
  .wrap .content .content_top .item .short .title:first-letter { text-transform: uppercase; }
  .wrap .content .content_top .item .short .rat { margin: 5px 0 0 0; }
  .wrap .content .content_top .item .short .txt { font-size: 13px; line-height: 20px; color: #808080; margin: 5px 0 0 0; }
  .wrap .content .content_top .col_l,
  .wrap .content .content_top .col_r { width: 48.8636%; }
  .wrap .content .content_top .col_l { float: left; }
  .wrap .content .content_top .col_r { float: right; }


aside {  }

  aside .menu { font-size: 15px; }
  aside .menu .title { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0 0 20px 0; border-bottom: 2px solid #f0f0f0; padding: 0 0 20px 0; }
  aside .menu ul {  }
  aside .menu ul li { border-bottom: 1px solid #f0f0f0; background: transparent url("../images/arrow.png") 100% center no-repeat; }
  aside .menu ul li.active a { color: #ed1c24; }
  aside .menu ul li a { padding: 10px 0; display: block; line-height: 18px; }
  aside .menu ul li.fa a:before { float: left; content: ""; display: inline-block; width: 20px; height: 20px; background-position: center center; background-size: 18px 18px; background-repeat: no-repeat; margin: 0 10px 0 0; }
  aside .menu ul li.fa.fa-cutlery a:before { background-image: url("../images/svg/fa-cutlery.svg"); }
  aside .menu ul li.fa.fa-cutlery-europe a:before { background-image: url("../images/svg/fa-cutlery-europe.svg"); }
  aside .menu ul li.fa.fa-car a:before { background-image: url("../images/svg/fa-car.svg"); }
  aside .menu ul li.fa.fa-scissors a:before { background-image: url("../images/svg/fa-scissors.svg"); }
  aside .menu ul li.fa.fa-shopping-basket a:before { background-image: url("../images/svg/fa-shopping-basket.svg"); }
  aside .menu ul li.fa.fa-smile-o a:before { background-image: url("../images/svg/fa-smile-o.svg"); }
  aside .menu ul li.fa.fa-plus a:before { background-image: url("../images/svg/fa-plus.svg"); }
  aside .menu ul li.fa.fa-paw a:before { background-image: url("../images/svg/fa-paw.svg"); }
  aside .menu ul li.fa.fa-futbol-o a:before { background-image: url("../images/svg/fa-futbol-o.svg"); }
  aside .menu ul li.fa.fa-film a:before { background-image: url("../images/svg/fa-film.svg"); }
  aside .menu ul li.fa.fa-users a:before { background-image: url("../images/svg/fa-users.svg"); }
  aside .menu ul li.fa.fa-list a:before { background-image: url("../images/svg/fa-list.svg"); }
  aside .menu ul li.fa.fa-medkit a:before { background-image: url("../images/svg/fa-medkit.svg"); }



.speedbar { color: #808080; font-size: 11px; margin: 0 0 20px 0; }

  .speedbar a { color: #808080; }
  .speedbar .separator { display: inline-block; width: 3px; height: 3px; background: #808080; overflow: hidden; text-indent: -1000px; margin: 0 15px 2px 15px; }



.info { border: 1px solid #f0f0f0; background: #fff; padding: 2.3809%; overflow: hidden; }

  .info .title { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0 0 10px 0; }


.rat { display: inline-block; position: relative; width: 91px; height: 14px; background: url("../images/rat.png") 0 -14px; margin: 5px 0 0 0; }

  .rat .rat_line { position: absolute; top: 0; left: 0; height: 14px; background: url("../images/rat.png") 0 0;}
  .rat .rat_line.r_0 { width: 0; }
  .rat .rat_line.r_1 { width: 17px; }
  .rat .rat_line.r_2 { width: 36px; }
  .rat .rat_line.r_3 { width: 55px; }
  .rat .rat_line.r_4 { width: 74px; }
  .rat .rat_line.r_5 { width: 91px; }


.rating { width: 100%; color: #808080; font-size: 11px; line-height: 16px; overflow: hidden; }

  .rating .rat { float: left; margin: 0 10px 0 0; }
  .rating span { float: left; display: inline-block; }


.read { cursor: pointer; font-size: 13px; line-height: 35px; background: #dbe7fb; border-radius: 3px; padding: 2px 20px; display: inline-block; border: none; }

  .read:hover { background: #ed1c24; color: #fff; }



.navigation { font-size: 0; text-align: center; margin: 30px 0 0 0; }

  .navigation a,
  .navigation span { min-width: 40px; height: 40px; margin: 2px; border-radius: 20px; border: 1px solid #f0f0f0; display: inline-block; padding: 0 10px; line-height: 38px; font-size: 14px; }
  .navigation span { border: 1px solid #dbe7fb; background: #dbe7fb; }
  .navigation span.nav_ext { border: 1px solid #fff; background: #fff; color: #bfbdbd; }
  .navigation a:hover { border: 1px solid #ed1c24; background: #ed1c24; color: #fff; }
  .navigation a span { display: none; }
  .navigation span span { display: none; }



header { -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.05); box-shadow: 0 0 20px 20px rgba(0,0,0,0.05); margin: 0 0 40px 0; }

  header .top { width: 100%; border-bottom: 1px solid #f0f0f0; padding: 15px 0; overflow: hidden; }
  header .top .logo { float: left; display: inline-block; width: 138px; height: 37px; background: url("../images/logo.png") no-repeat; }
  header .top .search { float: left; width: 440px; border: 1px solid #e8e8e8; border-radius: 3px; overflow: hidden; margin-left: 25px; }
  header .top .search input { float: left; width: calc(100% - 75px); margin: 0 0 0 10px; height: 35px; border: 0px; }
  header .top .search button { cursor: pointer; float: right; width: 35px; height: 35px; border: none; background: url("../images/svg/search.svg") no-repeat center center; background-size: auto 20px; margin: 0 10px; padding: 0; }
  header .top .links { float: left; font-size: 12px; }
  header .top .links ul { line-height: 37px; }
  header .top .links ul li { display: inline-block; margin-left: 25px; }
  header .top .links ul li a { color: #808080; }
  header .top .links ul li a:hover { color: #ed1c24; }
  header .top .links ul li.active { color: #808080; }
  header .top .links ul li.active a { color: #ed1c24; }
  header .top .login { float: right; }
  header .top .login .in { width: auto; height: 37px; background: #dbe7fb; display: inline-block; line-height: 37px; padding: 0 25px; border-radius: 3px; color: #000; }
  header .top .login .in:hover { background: #ed1c24; color: #fff; }
  header .menu { width: 100%; border-bottom: 1px solid #dddddd; }
  header .menu ul {  }
  header .menu ul li { position: relative; display: inline-block; border-bottom: 2px solid #fff; }
  header .menu ul li a { color: #808080; padding: 18px 18px 16px 18px; display: block; }
  header .menu ul li a:hover { color: #ed1c24; }
  header .menu ul li.active { border-bottom: 2px solid #ed1c24; }
  header .menu ul li.active a { color: #000; }
  header .menu ul li.flexMenu-viewMore {  }
  header .menu ul li.flexMenu-allInPopup.active { border-bottom: 2px solid #fff; }
  header .menu ul li.flexMenu-allInPopup.active .flexMenu-popup { right: auto; }
  header .menu ul li .flexMenu-popup .active { position: relative; border-bottom: 1px solid #f2f7ff; }
  header .menu ul li .flexMenu-popup .active:after { content: ""; position: absolute; top: 15px; left: 7px; width: 4px; height: 4px; border-radius: 50%; background: #ed1c24; }
  header .menu ul li.flexMenu-allInPopup > a { border-bottom: 12px double #dbe7fb; border-top: 4px solid #dbe7fb; content: ""; height: 4px; width: 30px; display: inline-block; margin: 14px 0 12px 0; padding: 2px; }
  header .menu ul li.flexMenu-allInPopup.active > a { border-color: #ed1c24; }
  header .menu ul li ul { z-index: 100; width: 300px; background: #dbe7fb; position: absolute; top: 51px; right: 0; -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.05); box-shadow: 0 0 50px 50px rgba(0,0,0,0.05); }
  header .menu ul li ul li { width: 100%; height: auto; margin: 0 0 0 0; border-bottom: 1px solid #f2f7ff; }
  header .menu ul li ul li:last-child { border-bottom: 0; }
  header .menu ul li ul li a { display: block; color: #000 !important; padding: 10px 20px; }
  header .menu ul li ul li a:hover { background: #ed1c24; color: #fff !important; }



footer { background: #e8e8e8; padding: 40px 0; color: #808080; font-size: 13px; line-height: 20px; }

  footer {  }
  footer .logo { display: inline-block; width: 138px; height: 37px; background: url("../images/logo.png") no-repeat; opacity: 0.2; }

.more_reviews { clear: both; width: 100%; background: #f8f8f8; padding: 40px 0; overflow: hidden; }




.comment,
.short_card,
.short_review { position: relative; border: 1px solid #f0f0f0; background: #fff; margin: 0 0 10px 0; padding: 2.3809%; overflow: hidden; }

.short_card:last-child,
.short_review:last-child { margin-bottom: 0; }

  .comment { border: 0; margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #f0f0f0; }

  .short_review.short_review_full_new {  }

  .comment .text,
  .short_review.short_review_full_new .text { width: 100%; }

  .short_review.short_review_full_new .text .short { margin: 0 0 0 0; }
  .short_review.short_review_full_new .text .short .txt { font-size: 14px; line-height: 22px; color: #000; text-align: left; }
  .short_review.short_review_full_new .read { clear: both; margin: 20px 0 0 0; }


  .short_card .photo,
  .short_review .photo { float: left; width: 19.0476%; overflow: hidden; }

  .short_card .photo .pic,
  .short_review .photo .pic { width: 100%; }

  .short_card .photo .pic img,
  .short_review .photo .pic img { width: 100%; max-width: 200px; }

  .short_review .photo .title { font-size: 16px; line-height: 20px; font-weight: 400; }


  .short_card .text,
  .short_review .text { float: right; width: 78.5714%; }

  .comment .text .author,
  .short_review .text .author { overflow: hidden; margin: 0 0 10px 0; }

  .comment .text .author .ava,
  .short_review .text .author .ava { float: left; width: 64px; height: 64px; background: #f0f0f0; border-radius: 50%; margin: 0 20px 0 0; overflow: hidden; }

  .comment .text .author .ava { width: 44px; height: 44px; }

  .comment .text .author .ava img,
  .short_review .text .author .ava img { width: 100%; }

  .comment .text .author .name,
  .short_review .text .author .name { float: left; display: table; height: 65px; }

  .comment .text .author .name { height: 44px; }

  .comment .text .author .name .table,
  .short_review .text .author .name .table { display: table-cell; vertical-align: middle; }

  .comment .text .author .name span,
  .short_review .text .author .name span { font-size: 11px; color: #808080; }

  .short_review .text .author .name .rat {  }
  .short_review .text .author .name .rat .rat_line {  }

  .short_review .text .author .photo_rev { float: right; font-size: 0; margin: 0 0 0 0; }
  .short_review .text .author .photo_rev a.pic { vertical-align: top; margin: 0 5px 0 0; display: inline-block; width: 62px; height: 62px; }
  .short_review .text .author .photo_rev a.pic:last-child { margin: 0 0 0 0; }
  .short_review .text .author .photo_rev a.pic img { display: block; width: 100%; height: auto; border: 1px solid #f0f0f0; }
  .short_review .text .author .photo_rev a.more { background: #474747 url("../images/svg/no_photo.svg") no-repeat center 8px; background-size: auto 30px; line-height: 85px; color: #fff; text-align: center; font-size: 11px; }

  .comment .text .short,
  .short_card .text .short,
  .short_review .text .short { margin: 0 0 20px 0; }

  .short_card .text .short .title,
  .short_review .text .short .title { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0 0 10px 0; }

  .short_review .text .short .pm { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 20px 0; padding: 20px 0; overflow: hidden; }

  .short_review .text .short .pm .plus,
  .short_review .text .short .pm .minus { float: left; position: relative; width: 50%; padding: 0 0 0 30px; line-height: 18px; text-align: left; }

  .short_review .text .short .pm .plus:after,
  .short_review .text .short .pm .minus:after { position: absolute; content: ""; top: 0; left: 0; width: 18px; height: 18px; background: url("../images/like_dislike.png") no-repeat; }

  .short_review .text .short .pm .plus { color: #3a9d02; }
  .short_review .text .short .pm .plus:after { background-position: 0 0; }

  .short_review .text .short .pm .minus { color: #ed1b24; }
  .short_review .text .short .pm .minus:after { background-position: -18px 0; }




  .comment .text .short .txt,
  .short_review .text .short .txt { font-size: 13px; line-height: 20px; color: #808080; }

  .comment .text .short .txt p,
  .short_review .text .short .txt p { margin-bottom: 20px; }

  .comment .text .short .txt p:last-child,
  .short_review .text .short .txt p:last-child { margin-bottom: 0; }

  .comment .text .short .functions { font-size: 11px; color: #808080; padding: 10px 0 0 0; }
  .comment .text .short .functions a { background: #dbe7fb; padding: 2px 5px; border-radius: 3px; }

  .short_card .text .short .short_rev { font-size: 13px; margin: 10px 0 0 0; }
  .short_card .text .short .short_rev .txt { width: 100%; background: #fffef7; border-radius: 5px; border: 1px solid #f0f0f0; padding: 10px 20px; line-height: 20px; }
  .short_card .text .short .short_rev .aut { margin: 10px 0 0 0; }
  .short_card .text .short .short_rev .aut span { font-size: 11px; color: #808080; }


.full_story { overflow: hidden; margin-bottom: 30px; }

  .full_story h1 { margin-bottom: 20px; }

  .full_story .col_c { width: 100%; font-size: 14px; line-height: 22px; }
  .full_story .col_c p { margin: 0 0 10px 0; }
  .full_story .col_c p input { margin: 0 0 0 0; }

  .full_story .col_r { float: right; width: 25%; text-align: center; }
  .full_story .col_r img { max-width: 100%; border: 1px solid #f0f0f0; }

  .full_story .col_l { float: left; width: 71%; }
  .full_story .col_l .rating { margin: 0 0 20px 0; }
  .full_story .col_l .text { line-height: 20px; }
  .full_story .col_l .read { margin: 20px 0 0 0; }

  .full_story table {  }
  .full_story table tr {  }
  .full_story table tr td { padding: 10px; border: 1px solid #f0f0f0; }




.modal_div { width: 300px; border-radius: 10px; background: #fff; position: fixed; top: 45%; left: 50%; margin-top: -150px; margin-left: -150px; display: none; opacity: 0; z-index: 5; padding: 60px 40px 40px 40px; text-align: center; }
.modal_div .modal_close { width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; text-align: center; border: 1px solid #f0f0f0; border-radius: 50%; line-height: 28px; }

.modal_div input { width: 100%; }
.modal_div .read { margin: 0 0 10px 0; }
.modal_div p { margin: 0 0 5px 0; }

#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}

.stuck_banner { position: fixed; bottom: 20px; left: 20px; z-index: 10; text-align: right; }
.stuck_banner.close { display: none; }

.stuck_banner_center .close_stuck_banner_center,
.stuck_banner .close_stuck_banner { cursor: pointer; width: 40px; height: 40px; background: #000; color: #fff; line-height: 40px; font-size: 24px; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; border-radius: 50%; }

.stuck_banner_center { position: fixed; bottom: 20px; width: 50%; left: 25%; z-index: 10; background: #fff; z-index: 10000; text-align: right; }
.stuck_banner_center.close { display: none; }

@media screen and (max-width: 768px) {
  .stuck_banner_center {
    width: 100%;
    left:0;
  }
}