a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; }

body, html { height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

b, strong { font-weight: 700; }

img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, td, th { font-weight: 400; vertical-align: top; text-align: left; }

q { quotes: none; }

q:after, q:before { content: ""; content: none; }

small, sub, sup { font-size: 75%; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

svg { overflow: hidden; }

body { margin: 0; padding: 0; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

h1 { font-size: 20px; }

h2 { font-size: 15px; }

h3 { font-size: 14px; }

h4 { font-size: 13px; }

h5 { font-size: 12px; }

h6 { font-size: 11px; }

ol { list-style: decimal; }

ul { list-style: disc; }

li { display: list-item; margin: 0; padding: 0; }

@media screen and (min-width: 768px) and (max-width: 1024px) { #main .header { height: 410px; }
  #main .header .header-content .background .image-content { height: 320px; }
  #main .header .header-content .background .image-content img { width: auto; min-width: 1005px; min-height: 320px; }
  #main .header .header-content .top .logo-content { height: 185px; padding-top: 25px; }
  #navigation { top: 245px; }
  #navigation .navigation-content .navigation-wrapper { padding: 0 12px; }
  #navigation .navigation-content .navigation-wrapper ul { width: 750px; }
  #navigation .navigation-content .navigation-wrapper ul li { margin: 0 10px; }
  #navigation .navigation-content .navigation-wrapper ul li a div { border: 2px solid #fff; }
  #navigation .navigation-content .navigation-wrapper ul li a div img { width: 125px; height: 125px; }
  #navigation.sticky .navigation-content { width: 750px; }
  #navigation.sticky .navigation-content .navigation-wrapper { width: 440px; }
  #content { width: 750px; }
  #content p.intro { margin: 15px 0 20px 0; padding: 0 10px; }
  #content p.intro .image { width: 285px; height: 280px; }
  #content p.intro .text { width: 58%; }
  #content .block .block-content .block-inner { width: 48%; min-width: 320px; margin: 0 0 10px 0; }
  #content .block .block-content .block-inner .search { margin: 10px 0; padding: 10px 15px; }
  #content .block .block-content .block-inner .search input[type=text] { float: left; width: 510px; min-width: 430px; height: 52px; }
  #content .block .block-content .block-inner .search button[type=button] { width: 165px; margin-right: 7px; }
  #content .block .block-content .block-inner .search button[type=submit], #content .block .block-content .block-inner .search input[type=submit] { float: left; width: 210px; min-width: 140px; height: 52px; margin: 10px 0 10px 0; }
  #content .block .block-content .block-inner .search.buttons-50 button[type=button] { width: 250px; }
  #content .block .block-content .block-inner .suggestions { display: none; }
  #content .block .block-content .block-inner.map { width: 100%; margin-top: 200px; }
  #content .block .block-content .block-inner.map .google-map { width: 100%; height: 400px; }
  #content .block .block-content .block-inner:nth-child(3) { width: 100%; padding: 0 20px 0 34px; }
  #content .block .block-content .overview ul li { width: 50%; min-width: 295px; margin: 10px 0; padding: 0 20px; }
  #content .block .block-content .overview-simple ul li { width: 25%; }
  #content .block .block-content .overview-simple ul li a { height: 160px; }
  #content .block .block-content .overview-simple ul li:nth-of-type(5n+1) { clear: none; }
  #content .block .block-content .overview-simple ul li:nth-of-type(4n+1) { clear: both; }
  #content .block.advertisement .block-content ul li { margin: 0 15px 0 0; }
  #content .block.advertisement .block-content ul li a img { width: 235px; height: auto; }
  #content .block.news .block-content ul li { width: 360px; margin: 0 15px 40px 0; }
  #content .block.news .block-content ul li a.read-more { position: relative; right: initial; bottom: initial; font-size: .9em; }
  #content .block.news .block-content ul li:last-child { margin-right: 0; }
  #content .block.brands .block-content { padding-left: 0; }
  #content .block.brands .block-content ul.content li { width: 25%; min-width: 160px; margin: 0 0 5px 0; text-align: center; }
  #content .block.search .block-content .block-inner.search { position: absolute; top: 45px; left: 0; width: 100%; }
  #content .block.search .block-content .block-inner.search .search { height: auto; }
  #content .block.shop .block-content .block-inner { min-width: 260px; }
  #content .block.shop .block-content .block-inner .swiper { width: 450px; height: 317px; }
  #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide img { width: 450px; height: 317px; }
  #content .block.shop .block-content .block-inner .swiper .arrow { height: 317px; }
  #content .block.shop .block-content .block-inner .brands { width: 450px; }
  #content .block.shop .block-content .block-inner .brands .brands-content ul li { width: 140px; }
  #content .block.shop .block-content .block-inner .brands .brands-content .brand-select { display: none; }
  #content .block.shop .block-content .block-inner .stories { width: 450px; padding: 10px 0; }
  #content .block.shop .block-content .block-inner .stories ul li { position: relative; width: 100%; margin: 0 0 15px 0; }
  #content .block.shop .block-content .block-inner .stories ul li h4 { margin-bottom: 0; padding: 0; }
  #content .block.shop .block-content .block-inner .stories ul li .text { width: 100%; }
  #content .block.shop .block-content .block-inner .stories ul li .grade { position: absolute; top: 5px; right: 0; }
  #content .block.shop .block-content .block-inner .reviews { margin: 0 0 10px 0; padding: 0 0 10px 0; }
  #content .block.shop .block-content .block-inner .reviews .grade { width: 100px; }
  #content .block.shop .block-content .block-inner .connections ul li a img { width: 200px; }
  #content .block.shop .block-content .block-inner:first-child { width: 260px; }
  #content .block.shop .block-content .block-inner:last-child { width: 465px; padding: 15px 0 0 15px; }
  #share { display: none; }
  #footer { padding: 0 0 80px 0; }
  #footer .footer-content { width: 750px; } }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; }

body, html { height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

b, strong { font-weight: 700; }

img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, td, th { font-weight: 400; vertical-align: top; text-align: left; }

q { quotes: none; }

q:after, q:before { content: ""; content: none; }

small, sub, sup { font-size: 75%; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

svg { overflow: hidden; }

body { margin: 0; padding: 0; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

h1 { font-size: 20px; }

h2 { font-size: 15px; }

h3 { font-size: 14px; }

h4 { font-size: 13px; }

h5 { font-size: 12px; }

h6 { font-size: 11px; }

ol { list-style: decimal; }

ul { list-style: disc; }

li { display: list-item; margin: 0; padding: 0; }

@media screen and (max-width: 767px) { #main .header { height: 222px; }
  #main .header .header-content .background .gradient { top: 100px; height: 50px; }
  #main .header .header-content .background .image-content { height: 223px; }
  #main .header .header-content .background .image-content img { width: auto; height: 100%; min-width: 500px; min-height: 0; }
  #main .header .header-content .navigation-mobile { z-index: 4; display: block; position: absolute; top: 10px; left: 10px; background: 0 0; }
  #main .header .header-content .navigation-mobile a { float: left; }
  #main .header .header-content .top { height: 50px; background: 0 0; }
  #main .header .header-content .top ul li { margin-top: 10px; }
  #main .header .header-content .top .logo-content { width: 106px; height: 118px; padding-top: 15px; }
  #main .header .header-content .top .logo-content .logo { width: 104px; height: 101px; background: url(/Frontend/Images/framework/logos/logo-top-small.png) no-repeat center center; }
  #navigation { top: 220px; }
  #navigation .navigation-content .navigation-wrapper { padding: 0 12px; }
  #navigation .navigation-content .navigation-wrapper ul { display: none; }
  #navigation.sticky { padding: 5px 0; height: 55px; background-color: rgba(255, 255, 255, 0.8); }
  #navigation.sticky .navigation-mobile { display: block; }
  #navigation.sticky .social-mobile { display: block; }
  #navigation.sticky .social-mobile ul { list-style: none; float: right; min-width: 158px; }
  #navigation.sticky .social-mobile ul li { list-style: none; float: left; margin: 5px 20px 0 0; }
  #navigation.sticky .social-mobile ul li a { display: block; width: 32px; height: 32px; }
  #navigation.sticky .navigation-content { width: auto; min-width: 300px; margin: 0 auto; }
  #navigation.sticky .navigation-content .logo-sticky { display: none; }
  #navigation.sticky .navigation-content .navigation-wrapper { display: none; }
  #content { width: auto; min-width: 300px; }
  #content p.intro { padding: 0; }
  #content p.intro .image { float: none; width: 205px; height: 200px; margin: 5px auto; }
  #content p.intro .text { float: none; width: 100%; padding: 0 10px; text-align: center; }
  #content .block { padding: 0; }
  #content .block .block-content { padding: 10px 2px 10px 2px; }
  #content .block .block-content .block-inner { width: 100%; margin: 0 0 10px 0; }
  #content .block .block-content .block-inner img { width: 100%; height: auto; }
  #content .block .block-content .block-inner .search { margin: 10px 0; padding: 10px; }
  #content .block .block-content .block-inner .search input[type=text] { height: 52px; }
  #content .block .block-content .block-inner .search button[type=button] { width: 30%; margin: 0 5% 0 0; }
  #content .block .block-content .block-inner .search button[type=submit], #content .block .block-content .block-inner .search input[type=submit] { height: 52px; }
  #content .block .block-content .block-inner .search.buttons-50 button[type=button] { width: 48%; margin-right: 2%; }
  #content .block .block-content .block-inner .suggestions { display: block; position: relative; top: auto; left: auto; width: auto; height: auto; overflow-y: auto; }
  #content .block .block-content .block-inner .suggestions h2 { margin: 40px 0 20px 0; padding: 0 0 5px 0; font-size: .8em; border-bottom: 2px solid #000; text-transform: uppercase; text-align: center; }
  #content .block .block-content .block-inner .suggestions ul li { margin: 0 0 10px 0; padding: 0 0 10px 0; }
  #content .block .block-content .block-inner .suggestions ul li div { position: relative; max-height: 150px; overflow: hidden; }
  #content .block .block-content .block-inner .suggestions ul li div img { display: inline-block; width: 100%; height: auto; margin: 0; -moz-border-radius: 0 5px 0 0; -khtml-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
  #content .block .block-content .block-inner .suggestions ul li div .review { display: inline-block; position: absolute; top: 0; right: 0; width: 100px; padding: 20px 0; color: #fff; font-family: 'Roboto Slab',serif; font-weight: 700; font-size: 2em; background: #ef732b; text-align: center; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  #content .block .block-content .block-inner .suggestions ul li div:last-of-type { width: 100%; }
  #content .block .block-content .block-inner .suggestions ul li h3 { margin: 5px 0; padding: 10px 5px 0 5px; font-size: 1.3em; }
  #content .block .block-content .block-inner .suggestions ul li h3 a { display: block; min-height: 30px; height: auto; padding-top: 2px; padding-right: 40px; background: url(/Frontend/Images/framework/buttons/btn-readmore.png) no-repeat right center; }
  #content .block .block-content .block-inner .suggestions ul li p { display: block; margin: 0; padding: 0 5px; font-family: 'Roboto Slab',serif; font-weight: 700; font-size: .8em; }
  #content .block .block-content .block-inner .suggestions ul li p:nth-of-type(1), #content .block .block-content .block-inner .suggestions ul li p:nth-of-type(2) { padding: 0 5px; line-height: 25px; }
  #content .block .block-content .block-inner.map { display: none; }
  #content .block .block-content .block-inner:nth-child(3) { width: 100%; margin: 10px 0; padding: 0; }
  #content .block .block-content .overview ul li { width: 100%; min-width: 215px; margin: 10px 0; padding: 0 20px; }
  #content .block .block-content .overview ul li .image img { width: 220px; height: 215px; }
  #content .block .block-content .overview-simple ul { margin: 0; }
  #content .block .block-content .overview-simple ul li { width: 50%; min-width: 0; }
  #content .block .block-content .overview-simple ul li a { width: 50%; height: 120px; padding: 2px 2px 2px 0; }
  #content .block .block-content .overview-simple ul li a img { width: 110px; }
  #content .block .block-content .overview-simple ul li:nth-of-type(5n+1) { clear: none; }
  #content .block .block-content .overview-simple ul li:nth-of-type(4n+1) { clear: none; }
  #content .block .block-content .overview-simple ul li:nth-of-type(2n+1) { clear: both; }
  #content .block.advertisement .block-content ul li { width: 32.9%; margin: 0 2px 0 0; padding: 0; }
  #content .block.advertisement .block-content ul li a img { width: 100%; }
  #content .block.advertisement .block-content ul li:last-child { margin-right: 0; }
  #content .block.advertisement.two .block-content ul li { width: 49.5%; }
  #content .block.advertisement.full .block-content ul li { width: 100%; }
  #content .block.news .block-content ul li { width: 100%; margin: 0 0 40px 0; }
  #content .block.news .block-content ul li a img { width: 100%; height: auto; }
  #content .block.news .block-content ul li h2 { width: 100%; padding: 0; }
  #content .block.news .block-content ul li p { width: 100%; padding: 0; text-align: justify; }
  #content .block.news .block-content ul li a.read-more { position: relative; display: block; margin: 5px 0 0 0; }
  #content .block.news .block-content ul li:last-child { margin-right: 0; }
  #content .block.brands .block-content { padding-left: 0; }
  #content .block.brands .block-content ul.content li { width: 33%; min-width: 0; margin: 0 0 5px 0; text-align: center; }
  #content .block.brands .block-content ul.content li a img { width: 80px; height: 80px; }
  #content .block.search .block-content .block-inner.search { width: 100%; }
  #content .block.search .block-content .block-inner.search .search { height: auto; }
  #content .block.shop .block-content { position: relative; }
  #content .block.shop .block-content p.intro { margin-bottom: 35px; }
  #content .block.shop .block-content .block-inner { width: 100%; padding: 0 10px; }
  #content .block.shop .block-content .block-inner .contact-wrapper { width: 100%; padding: 0; }
  #content .block.shop .block-content .block-inner .information-wrapper { width: 100%; padding: 0; }
  #content .block.shop .block-content .block-inner .swiper { width: 100%; height: 100%; margin: 20px 0 0 0; padding: 5px 0 10px 0; background: #000; overflow: hidden; }
  #content .block.shop .block-content .block-inner .swiper .swiper-container { height: 300px; }
  #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide .slide-content-block { position: relative; }
  #content .block.shop .block-content .block-inner .swiper .swiper-container .swiper-wrapper .swiper-slide img { width: auto; height: 100%; }
  #content .block.shop .block-content .block-inner .swiper .arrow { width: 8%; height: 295px; }
  #content .block.shop .block-content .block-inner .swiper .arrow.arrow-left { left: 0; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background: url(/Frontend/Images/framework/buttons/btn-slide-left.png) no-repeat -50% center; }
  #content .block.shop .block-content .block-inner .swiper .arrow.arrow-right { right: 0; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2)); background: url(/Frontend/Images/framework/buttons/btn-slide-right.png) no-repeat 150% center; }
  #content .block.shop .block-content .block-inner .brands { width: 100%; margin: 0; }
  #content .block.shop .block-content .block-inner .brands .brands-content { padding: 10px 25px 0 25px; height: 85px; }
  #content .block.shop .block-content .block-inner .brands .brands-content ul { display: none; }
  #content .block.shop .block-content .block-inner .brands .brands-content .brand-select { display: block; width: 100%; padding: 10px; }
  #content .block.shop .block-content .block-inner .brands .button-more { display: none; }
  #content .block.shop .block-content .block-inner .stories { width: 100%; margin: 0; padding: 10px 0; }
  #content .block.shop .block-content .block-inner .stories ul li { position: relative; width: 100%; margin: 0 0 15px 0; }
  #content .block.shop .block-content .block-inner .stories ul li h4 { margin-bottom: 0; padding: 0; }
  #content .block.shop .block-content .block-inner .stories ul li .text { width: 100%; }
  #content .block.shop .block-content .block-inner .stories ul li .grade { position: absolute; top: 5px; right: 0; }
  #content .block.shop .block-content .block-inner .paging-wrapper { margin: 30px 0 0 17%; }
  #content .block.shop .block-content .block-inner .reviews a, #content .block.shop .block-content .block-inner .reviews h4 { width: 100%; max-width: 160px; }
  #content .block.shop .block-content .block-inner .reviews p { padding-top: 5px; height: 55px; }
  #content .block.shop .block-content .block-inner .social-links { clear: both; }
  #content .block.shop .block-content .block-inner .times h4 { margin: 0; }
  #content .block.shop .block-content .block-inner .connections { margin: 20px 0 0 0; }
  #content .block.shop .block-content .block-inner .connections ul li a { margin: 0 5px 0 0; }
  #content .block.shop .block-content .block-inner .connections ul li a img { width: 150px; margin: 0; }
  #content .block.shop .block-content .block-inner:first-child { width: 100%; }
  #content .block.shop .block-content .block-inner:last-child { width: 100%; padding: 15px 0 0 0; }
  #content .block.shop .block-content .block-inner.side { float: left; width: auto; }
  #content a.popup-link .play-button { position: absolute; top: 40%; left: 40%; width: 69px; height: 69px; margin: 0 auto 0 auto; border: 2px solid #fff; background: url(/Frontend/Images/framework/buttons/btn-play.png) no-repeat 27px center #4f4f4f; -moz-border-radius: 90px; -khtml-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px; background-color: rgba(0, 0, 0, 0.6); -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; }
  #content a.read-more { font-size: 1em; }
  #share-buttons { float: none; width: 270px; margin: 0 auto; }
  #footer { padding: 0 0 150px 0; }
  #footer .footer-content { position: relative; width: auto; min-width: 300px; padding: 0; text-align: center; }
  #footer .footer-content .logo { width: 145px; margin: 20px 0 0 0; padding: 0; }
  #footer .footer-content .footer-navigation { float: none; width: 100%; height: 55px; padding: 0; }
  #footer .footer-content .footer-navigation .navigation { display: none; }
  #footer .footer-content .footer-navigation .links { clear: both; width: 100%; padding: 0; text-align: center; }
  #footer .footer-content .footer-navigation .links .actions { clear: both; float: none; height: 100%; width: 100%; margin: 0; }
  #footer .footer-content .footer-navigation .links .actions ul { display: inline-block; margin: 10px 0 0 0; }
  #footer .footer-content .footer-navigation .links .socials { clear: both; float: none; display: block; height: 100%; width: 100%; margin: 0; }
  #footer .footer-content .footer-navigation .links .socials ul { display: inline-block; margin: 20px 0 0 0; } }