@charset "utf-8";
@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPTBook.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPTDemi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaPTHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
select::-ms-value {background: none;color:#000;}
::-webkit-input-placeholder {color:#908990;font-weight:400;}
:-moz-placeholder {color:#908990;font-weight:400;}
::-moz-placeholder {color:#908990;font-weight:400;}
:-ms-input-placeholder {color:#908990;font-weight:400;}
::-ms-input-placeholder {color:#908990;font-weight:400;}
::placeholder {color:#908990;font-weight:400;}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;}
body,html {max-width:100%;min-width:320px;overflow-x:hidden;text-align:center;font-family:'Futura',sans-serif;font-size:18px;line-height:30px;margin:0;padding:0;background:#fff;color:#5e5e5e;font-weight:400;min-height:100vh;letter-spacing: .02em;font-style:normal;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;}
.noscroll .content, .noscroll .footer {filter:blur(5px)}
a {text-decoration:underline;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#e71b1b;}
a:hover {text-decoration:none;color:#e71b1b;}
.clear, hr {clear:both;float:none;display:block;border:0;margin:0;padding:0;}
h1,h2,h3,h4,p,ul,li, img {margin: 0;padding: 0;display:block;list-style:none;}
img {width:auto;max-width:100%;height:auto;}
h1, h2, h3, h4 {font-weight:900;color:#211d21;letter-spacing: .1em;}
h2 {font-size: 48px;line-height:60px;text-transform: uppercase;}
h2.small {font-size:36px;line-height:50px;}
ul:after, .bg:after, .inner:after, form:after, .overswiper:after, .txt:after, .overprice:after {display:block;content:'';clear:both;float:none;}
strong, b {font-weight:900;}
sup {font-size: .4em!important;}
table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.bg {padding: 20px;width:1360px;margin:auto;box-sizing: border-box;max-width:100%;}
.inner {padding: 20px;clear:both;float:none;box-sizing: border-box;}
.col80, .col75, .col70, .col66, .col65, .col60, .col55, .col50, .col33, .col45, .col40, .col35, .col30, .col25, .col20, .col16, .col15 {float:left;width: 50%;}
.col80 {width:80%;}
.col70 {width:70%;}
.col75 {width:75%;}
.col66 {width: 66.666666%;}
.col65 {width:65%;}
.col60 {width:60%;}
.col55 {width:55%;}
.col50 {width:50%;}
.col45 {width:45%;}
.col40 {width:40%;}
.col35 {width:35%;}
.col33 {width: 33.333333%;}
.col30 {width:30%;}
.col25 {width:25%;}
.col20 {width:20%;}
.col16 {width: 16.666666%}
.col15 {width:15%;}
.taright {text-align:right!important;}
.taleft {text-align:left!important;}
.fright {float: right!important;}
.fleft {float:left!important;}
.tacenter {text-align:center!important;}
.inline {float: none;display: inline-block;margin-left:-2px;margin-right:-2px;vertical-align:middle;}
.flex {display: flex;flex-wrap: wrap;float:none;box-sizing:border-box;}
.red {color:#e71b1b!important;}

.tag {position:absolute;top:-100px;left:0;display: block;}

label {display: block;font-size: 18px;line-height:24px;color:#2a2c6c;font-weight:700;margin-bottom:4px;}

input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:'Futura',sans-serif;border:0;padding:10px;height:50px;line-height:30px;font-size:18px;color:#282828;border-radius: 0;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background-color:#fff;resize:none;padding-left:20px;padding-right:20px;font-weight:400;display: block;border-radius: 0;border: 1px solid #e8e8e8;border-radius: 0;box-shadow: 0;}
input[type="checkbox"], input[type="radio"], input[type="submit"] {display:none!important;visibility:hidden!important;}
textarea {min-height:107px;}
input:focus, textarea:focus , select:focus {}

.btn, button {padding:15px;line-height: 20px;font-size: 16px;color:#fff;border-radius: 0;border:0;min-height:50px;display: block;font-weight:900;background: #e71b1b;font-family:'Futura',sans-serif;cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;padding-left:30px;padding-right:30px;box-sizing: border-box;text-transform:uppercase;letter-spacing: .1em;text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-border-fit:border !important; -webkit-appearance: none;box-shadow: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;display: inline-block;}
.btn:hover, button:hover {text-decoration: none;background:#211d21;color:#fff;}

.btn.negative, button.negative {background:#fff;color:#e71b1b;}
.btn.negative:not(.opacity):hover, button.negative:not(.opacity):hover {color:#211d21;}
.btn.negative.black, button.negative.black {color:#211d21}

.arrow:after, .arrow.back:before, .cartbtn:before, .ic_plus:before {display: inline-block;vertical-align:top;width:25px;height:20px;background: url(../img/ic_arrow_white.svg) no-repeat right center;background-size: 13px auto;content:'';margin-top:-1px;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.ic_plus:before {background-image: url(../img/ic_plus_filter.svg);background-size: 10px auto;background-position: left center;width:20px;}
.arrow.back:before {transform: rotate(180deg);}
.cartbtn:before {background-image: url(../img/kosik_white.svg);width: 27px;background-size: 27px;margin-right:14px;height:24px;margin-top:-3px;margin-bottom:-2px}
.negative.arrow:after, .negative.arrow.back:before {background-image: url(../img/ic_arrow_red.svg)}
.negative.arrow:not(.opacity):hover:after, .negative.arrow.back:not(.opacity):hover:before {background-image: url(../img/ic_arrow_black.svg)}
.negative.black.arrow:after, .negative.black.arrow.back:before {background-image: url(../img/ic_arrow_black.svg)}
.btn.transparent {background-color:transparent;}
.nopad {padding-left:0!important;padding-right:0!important;}
.opacity {opacity: .27}
.opacity:hover {opacity:1}

.cartbtn {padding-top:20px;padding-bottom:20px;}

.btn.arrow.back:after {display: none;}

.abs {position:absolute;top:0;left:0;}
.btn.abs {top:10px;left:-10px;z-index: 4;}

.btn.negative.black:not(.opacity):hover, button.negative.black:not(.opacity):hover {background:#e71b1b;color:#fff;}
.btn.negative.black.arrow:not(.opacity):hover:after, button.negative.black.arrow:not(.opacity):hover:after {background-image: url(../img/ic_arrow_white.svg)}


/* Header */                        
.fix {position:fixed;min-width:320px;width:100%;z-index: 99;top:0;left:0;right:0;background:transparent;border:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.fix {max-height:100%;overflow-x: hidden;}
.fix .header:before {display: block;height:1px;position:absolute;bottom:0;left:0;right:0;background:#f0f0f0;content:'';}
.fix .header {background:#fff;}
.scroll .fix {box-shadow: 0 0 10px rgba(0,0,0,.1)}
.fix .header .bg, .fix .header .inner {width:100%;padding:0;}
.fix .logo {display: block;width: 170px;height:100px;background:#e71b1b url(../img/m9_logo_white.svg) no-repeat center center;background-size: 114px auto;text-align:left;overflow:hidden;text-indent:-9999px;line-height:100px;float: left;}
.fix .maskot {display: block;position:absolute;top:0;left:157px;float: left;font-size: 18px;line-height:20px;color:#211d21;padding-top:30px;padding-bottom:30px;padding-left:70px;text-align:left;background: url(../img/maskot.svg) no-repeat 0 16px;background-size: 59px auto;text-decoration: none;}
.fix .ic_menu {display: none;}
.fix .menu {float: left;padding-top:25px;padding-bottom:25px;margin-left:220px;}
.fix .menu ul {margin-left:-24px;margin-right:-24px;}
.fix .menu ul li {display: block;float: left;margin-left:24px;margin-right:24px;}
.fix .menu ul li a {display: block;font-size: 18px;color:#282828;line-height:20px;padding-top:15px;padding-bottom:15px;font-weight:900;text-transform: uppercase;text-decoration: none;letter-spacing: .1em}
.fix .menu ul li a:before, .categories h2:before {background: #e71b1b;width:0;height:3px;left:50%;bottom:0;margin-left:-25px;content:'';display: block;position:absolute;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.fix .menu ul li a.active:before, .fix .menu ul li a:hover:before, .categories h2:before {width: 50px;}
.categories h2:before {left:0;margin:0;}
.blueline:before {background-color:#3ca4f4!important;}
.yellowline:before {background-color:#f5cc0c!important;}
.tealline:before {background-color:#25b8c5!important;}

.fix .contactmenu {display: block;float: right;}
.fix .contactmenu ul li {float: left;padding-top:25px;padding-bottom:25px;}
.fix .contactmenu ul li:not(.noicon) {border-left:1px solid #f0f0f0;width: 90px;}
.fix .contactmenu ul li:not(.noicon) a {display: block;font-size: 16px;line-height:20px;padding-top:30px;background-repeat: no-repeat;background-position: top center;color:#282828;text-decoration: none;background-size: 27px auto;letter-spacing: .06em;}
.fix .contactmenu ul li a.ic_cart {background-image: url(../img/ic_cart.svg)}
.fix .contactmenu ul li a.ic_search {background-image: url(../img/ic_search.svg)}
.fix .contactmenu ul li a.ic_pin {background-image: url(../img/ic_pin.svg)}
.fix .contactmenu ul li a.ic_news {background-image: url(../img/ic_news.svg)}
.fix .contactmenu ul li a.ic_contact {background-image: url(../img/ic_contact.svg)}
.fix .contactmenu ul li.noicon {margin-right:20px;}
.fix .contactmenu ul li a em {display: block;position:absolute;top: 12px;right:26px;min-width: 10px;height:18px;border-radius: 18px;background:#e71b1b;text-align:center;color:#fff;font-style:normal;font-size: 12px;line-height:18px;font-weight:900;padding-left:4px;padding-right:4px;float: left;}
.fix .contactmenu .btn {display: block;}
.fix .mobilemenu {display: none;}

div.search {display: none;min-height:calc(100vh - 100px)}
.closesearch {background:rgba(0,0,0,.6);position:absolute;top:0;left:0;right:0;bottom:0;}
.searchbox {background: #f7f7f7;padding-top:40px;padding-bottom:40px;}
div.search.opened {display: block;}
div.search .inner {text-align:left;}
div.search p {margin-bottom:15px;}
div.search ul {margin:-7px;margin-top:0;margin-bottom:30px;}
div.search ul li a {display: block;}
div.search ul li {display: inline-block;border: 1px solid #e6e6e6;margin: 7px;margin-top:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
div.search ul li:hover {background:#fff;border-color:#fff;box-shadow: 0 0 35px rgba(0,0,0,.12);}
div.search .list {margin-bottom:0;}
div.search input {font-size: 60px;letter-spacing: .06em;padding:0;height:80px;line-height:80px;border:0;background:transparent;margin-top:-10px;margin-bottom:70px;}

/* Content */
.content {padding-top:100px;}

/* Section */
.section {padding-top:50px;padding-bottom:50px;}
.section h2 {margin-bottom:20px;}
.section p {margin-bottom:40px;}
.detail p {margin-bottom:20px;}
.graybg {background:#f7f7f7;}
.darkgraybg {background:#e9e9e9;}
.whitebg {background:#fff!important;}
.redbg {background:#e71b1b;}
.section .max540 {width: 580px;max-width:100%;}
.list {margin: -20px;}
.list .item {width: calc(20% - 40px);}
.products .list .item {width: calc(25% - 40px)}
.news .list .item {width: calc(33.3333% - 40px);}

@media only screen and (min-width:921px){
.news .list .item:not(.itemnewslarge) {margin:0;padding:20px;margin-bottom:20px;width:33.3333%}
.news .list .item:not(.itemnewslarge):hover {background:#fff;box-shadow: 0 0 35px rgba(0,0,0,.12)}
.news .list .item:not(.itemnewslarge) {border-bottom:0;}
.news .list .item.itemnews:not(.itemnewslarge):after {position:absolute;bottom:0;height:1px;left:20px;right:20px;background:#f0f0f0;content:'';display: block;}
.news .list .item.itemnews:not(.itemnewslarge):hover:after {opacity:0;}
}

.products .list {margin-bottom:0;}
.news .list {margin-bottom:-20px;}
.detail {padding-top:0;padding-bottom:40px}
.single {padding-top:0;padding-bottom:0;}
.order {padding-top:20px;}
.detailnews .bg {padding-top:0;}
.detailnews .breadcrumbs {margin-bottom:0}

.txt h1 {font-size: 60px;line-height:72px;text-transform: uppercase;margin-bottom:25px;}
.txt p, .tab p.large {font-size: 22px;line-height:32px;color:#4a4a4a;margin-bottom:35px;width:1000px;max-width:100%;}
.txt2 {display: block;column-gap: 80px;column-count: 2;margin-bottom:20px;}
.tab h2 {font-size: 24px;line-height:34px;margin-bottom: 20px;text-transform:uppercase;}
.txt2 h3, .tab h3 {font-size: 22px;line-height:32px;margin-bottom:20px;text-transform: uppercase;}
.txt2 p, .tab p {font-size: 18px;line-height:30px;margin-bottom:30px;}
.tab p {color:#4a4a4a;}
.txt2 img {margin-bottom:30px;width:100%;}
.txt.tacenter p {margin-left:auto;margin-right:auto;}

.product .txt h1 {font-size: 40px;line-height:48px;text-transform: none;letter-spacing:0;padding-top:16px;margin-bottom:12px}
.product .txt {width: 550px;max-width: 100%;}
.product ul.code {display: block;border-bottom:1px solid #f0f0f0;padding-bottom:30px;margin-bottom:27px;}
.product ul.code li {display: inline-block;padding-left:16px;padding-right:16px;border-right: 1px solid #4a4a4a;line-height:20px;}
.product ul.code li:first-child {padding-left:0;}
.product ul.code li:last-child {border:0;padding-right:0;}

/* Breadcrumbs */
.breadcrumbs {margin-bottom:10px;}
.breadcrumbs ul {margin-left:-20px;margin-right:-20px; }
.breadcrumbs ul li {display: inline-block;margin-left:18px;margin-right:18px;}
.breadcrumbs ul li:before {display: block;width: 10px;height:10px;position:absolute;top:50%;right:-25px;background: url(../img/ic_arrow_small_red.svg) no-repeat center center;background-size: 9px auto;content:'';margin-top:-5px;}
.breadcrumbs ul li:last-child:before {display: none;}
.breadcrumbs ul li a {color:#5e5e5e;text-decoration: none;}
.breadcrumbs ul li:last-child a {color:#bbbbbb;}

/* Headimg */
.headimg {display: block;width:100%;height:300px;background-repeat: no-repeat;background-size: cover;background-position:center center;background-color:#f7f7f7}

/* Promo */
.promo {width: 1280px;margin:auto;max-width:100%}
.promo .swiper-slide, .swiperwhy .swiper-slide {min-height:700px;align-items: flex-end;background:#5e5e5e;overflow:hidden;}
.promo .swiper-slide .over, .promo .swiper-slide .img, .swiperwhy .swiper-slide .img {opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;display:block;background:#000;}
.promo .swiper-slide .over {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.promo .swiper-slide .img:after {display: block;position:absolute;top:0;left:0;right:0;bottom:0;content:'';background: url(../img/gradient.png) no-repeat left bottom;background-size: 100% auto;}
.promo .swiper-slide .img, .swiperwhy .swiper-slide .img {background-repeat: no-repeat;background-size: cover;background-position: center center;opacity:1}
.promo .swiper-slide:not(.swiper-slide-active) .over {opacity: .2}
.promo .swiper-slide:not(.swiper-slide-active) .img {filter:blur(5px);top:-10px;left:-10px;right:-10px;bottom:-10px;}
.promo .swiper-slide .inner {text-align:left;width:100%;padding:80px;opacity: 1;}
.promo .swiper-slide:not(.swiper-slide-active) .inner {opacity: 0;}
.promo .swiper-slide .inner h2 {color:#fff;margin-bottom:40px;width: 650px;max-width:100%;margin-left:0;}
.promo .swiper-slide .inner h2 span {font-weight:400;}

.prev, .next {display: block;width: 60px;height:60px;background: rgba(0,0,0,.25) url(../img/ic_arrow_white.svg) no-repeat center center;background-size: 18px auto;position:Absolute;top:50%;right:0;margin-top:-30px;text-align:left;overflow:hidden;text-indent:-9999px;outline:none;}
.prev {transform: rotate(180deg);left:0;right:auto;}

.pag_slider, .pag_swiperwhy, .pag_gallery {width: 60px;height:60px;position:absolute;bottom:80px;right:80px;line-height:60px;display: block;text-align:center;color:#fff;font-size:18px;letter-spacing:0;}
.promo .swiper-slide:not(.swiper-slide-active) .pag_slider, .gallery .swiper-slide:not(.swiper-slide-active) .pag_gallery {display: none;}
.pag_slider .swiper-pagination-current, .pag_swiperwhy .swiper-pagination-current, .pag_gallery .swiper-pagination-current {font-weight:900}

.circle__box {width: 60px;height: 60px;margin: 0;position: absolute;bottom:80px;right:80px;display: block;}
.circle__wrapper {width: 30px;height: 60px;position: absolute;top: 0;overflow: hidden;}
.circle__wrapper--right {right: 0;}
.circle__wrapper--left {left: 0;}
.circle__whole {width: 56px;height: 56px; border: 2px solid transparent;border-radius: 50%;position: absolute;top: 0;transform: rotate(-135deg);}
.circle__right {border-top: 2px solid #fff;border-right: 2px solid #fff;right: 1px;}
.circle__left {border-bottom: 2px solid #fff;border-left: 2px solid #fff;left: 1px;}
.swiper-slide-active .circle__right { animation: circleRight 10s linear forwards;}
.swiper-slide-active .circle__left { animation: circleLeft 10s linear forwards;}

@keyframes circleRight {
  0% {
    transform: rotate(-135deg);
  }
  50%,
  100% {
    transform: rotate(45deg);
  }
}

@keyframes circleLeft {
  0%,
  50% {
    transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}

/* Categories */
.categories .bg, .categories .inner {padding-top:0;padding-bottom:0;}
.categories .col25 {padding:50px;text-align:left;box-sizing: border-box;float: none;}
.categories h2 {font-size: 28px;line-height:30px;padding-bottom:23px;margin-bottom:20px;}
.categories ul li {line-height:22px;margin-bottom:20px;}
.categories ul li:last-child {margin-bottom:0;}
.categories ul li a {color:#5e5e5e;text-decoration:none;background-repeat: no-repeat;background-position: -13px center;background-size: 13px auto;}
.categories .col25:before {display: block;position:absolute;top:50px;bottom:50px;left:0;width:1px;background:#eeeeee;content:'';}
.categories .col25 .img {position:Absolute;top:0;left:0;right:0;bottom:0;opacity:0;display: block;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.categories .col25:hover .img {opacity: .25}
.categories .col25:hover {background:#e71b1b}
.categories .col25:hover:before {display: none;}
.categories .col25:hover h2, .categories .col25:hover ul li a {color:#fff;}
.categories .col25:hover h2:before {background:#fff!important;}
.categories .col25:hover ul li a:hover {padding-left:22px;background-image: url(../img/ic_arrow_white.svg);background-position: left center;}

/* About */
.about {z-index: 3;}
.about .map {padding-bottom:85%;background:#818181;margin-top:-30px;margin-bottom:-150px;overflow:hidden;}
.about .map .iframe, .about .map div {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:0;outline:none;}
.about .col50.fright .inner, .partner .col50.fright .inner {padding-left:0;}

/* Partner */
.partner {padding-top:120px;padding-bottom:80px;}
.partner .img {display: block;position:Absolute;top:0;left:0;bottom:0;width:50%;background: url(../img/img_partner.jpg) no-repeat right center;background-size: cover;}
.why .img {background-image: url(../img/img_partners.png);background-size: auto 93%;background-position: bottom right;width: 45%}
ul.num {margin-left:-15px;margin-right:-35px;margin-bottom:35px;counter-reset: li}
ul.num li {display: inline-block;margin-left:15px;margin-right:15px;line-height:22px;counter-increment: li;padding-left:40px;vertical-align:top;margin-bottom:15px;}
ul.num.col4 li {width: calc(25% - 34px);box-sizing:border-box;padding-left:56px;}
ul.num.col4 {padding-top:30px}
ul.num li strong {display: block;color:#211d21;letter-spacing: .1em}
ul.num li:before {content: counter(li,decimal);display: block;position:absolute;top:50%;left:0;width: 24px;height:24px;line-height:24px;color:#fff;font-weight:900;background:#c11414;text-align:center;border: 3px solid #e71b1b;border-radius: 100%;margin-top:-15px;font-size: 14px;}
ul.num.col4 li:before {border-width: 4px;width: 32px;height:32px;line-height:32px;margin-top:-20px;font-size:18px;}

/* Items */
.items h2 {margin-bottom:35px}
.btn.fright {top:7px;}

.item {padding: 20px;width:calc(100% - 40px);box-sizing: border-box;margin: 20px;text-align:center;text-decoration: none;display: block;background:#f7f7f7;}
.item .img {padding-bottom:100%;margin-bottom:30px;background-color:transparent;mix-blend-mode: multiply;background-repeat: no-repeat;background-size: cover;background-position: center center;display: block}
.item:hover {background:#fff;box-shadow: 0 0 35px rgba(0,0,0,.12)}
.item .cat {display: block;font-size: 14px;color:#5e5e5e;letter-spacing:.1em;line-height:24px;}
.item h3 {font-size: 18px;color:#211d21;line-height:24px;letter-spacing:.1em;min-height:48px;}
.item.smaller h3 {font-size: 16px;line-height:22px;min-height:44px;}
.item .price {display: block;padding-top:12px;}
.item .price strong, .item .price s {display: inline-block;white-space: nowrap;font-size: 16px;line-height:20px;}
.item .price s {font-size:14px;color:#5e5e5e;font-weight:400;}

.itemcat, .itemnews, .itemstore {border-bottom:1px solid #f0f0f0;background:transparent;padding:0;padding-bottom:9px;}
.itemcat:hover, .itemstore:hover {border-color:#fff;background:#fff;}
.itemcat .img, .itemstore .img {padding-bottom:69%;margin-bottom:34px;}
.itemcat h3 {font-size: 16px;text-transform:uppercase;}

.itemnews {text-align:left;padding-bottom:20px;}
.itemnews h3 {font-size: 24px;line-height:30px;text-transform: uppercase;font-weight:600;margin-bottom:11px;}
.itemnews .img {padding-bottom:43%;margin-bottom:20px;}
.itemnews:hover {box-shadow: none;background:transparent;}
.itemnews .date, .txt .date {display: block;font-size: 16px;font-weight:400;color:#bbbbbb;line-height:30px;}
.item .btn {padding-left:0;padding-right:0;}

.itemnewslarge {width: calc(100% - 40px)!important;padding:0;border:0;margin-bottom:60px;margin-top:0;}
.itemnewslarge .whitebox {display: block;position:Absolute;bottom:-15px;left:0;padding-top:20px;padding-right:35px;background:#fff;float: left;width: 560px;max-width:100%;box-sizing:border-box;}
.itemnewslarge h3 {font-size: 30px;line-height:36px;min-height:1px;margin-bottom:2px;}
.itemnewslarge .img {margin:0}
.itemnewslarge h1 {margin-bottom:1px;font-size: 48px;line-height:60px;text-transform: uppercase;font-weight:600;}
.detailnews .itemnewslarge {margin-bottom:70px;}

.list .itemstore {width: calc(50% - 40px);padding: 0;}
.itemstore .img {margin:0;padding-bottom:58%;}
.itemstore .title, .itemstore .desc {display: block;padding: 25px;}
.itemstore .desc {padding: 21px;padding-lefT:0;padding-right:0;}
.itemstore .title {position:absolute;left:0;bottom:0;right:0;text-align:left;}
.itemstore .title h3 {color:#fff;font-size:36px;line-height:42px;text-transform: uppercase;}
.itemstore .title .date {color:#fff;text-transform: uppercase;font-size: 18px;letter-spacing: .02em}
.itemstore .img:before {display: block;position:Absolute;top:0;left:0;bottom:0;right:0;content:'';background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}

.itemstore ul {margin-left:-10px;margin-right:-10px;}
.itemstore ul li.icon {padding-left:36px;background-position: left center;background-repeat: no-repeat;}
.itemstore ul li.ic_pin {color:#5e5e5e;background-image: url(../img/ic_pin.svg);background-size: 25px auto;}
.itemstore ul li.ic_time {background-image: url(../img/ic_time.svg);background-size: 25px auto;}
.itemstore ul li {display: inline-block;margin-left:10px;margin-right:10px;vertical-align:middle;}

.graybg.stores .list .itemstore {width: calc(33.3333% - 40px);background:#fff;}
.graybg.stores .list .itemstore .img {padding-bottom:90%;}
.graybg.stores .list .itemstore ul {margin-left:15px;margin-right:15px;padding-right:100px;}
.graybg.stores .list .itemstore ul li {display: block;text-align:left;}
.graybg.stores .list .itemstore ul li.icon {padding-top:3px;padding-bottom:3px;}
.graybg.stores .list .itemstore ul li:last-child {position:absolute;top:50%;right:0;margin-top:-25px;}
.graybg.stores .list .itemstore .desc {padding-top:28px;padding-bottom:28px;}

ul.address {margin-left:-50px;margin-right:-50px;width: calc(100% + 100px);padding-top:20px;padding-bottom:20px;}
ul.address li {width: 33.3333%;padding-left:50px;padding-right:50px;border-right:1px solid #f0f0f0;box-sizing:border-box;}
ul.address li:last-child {border:0}
ul.address h3 {font-weight:600;text-transform: uppercase;font-size: 24px;line-height:30px;margin-bottom:20px;}
ul.address li p {margin:0;}
ul.address li .icon {display: block;width: 50px;height:50px;background-repeat: no-repeat;background-position: center center;margin:auto;margin-bottom:10px;}
ul.address li .ic_pin {background-image: url(../img/ic_pin.svg);background-size: 30px auto;}
ul.address li .ic_time {background-image: url(../img/ic_time.svg);background-size: 30px auto;}
ul.address li .ic_contact {background-image: url(../img/ic_contact.svg);background-size: 28px auto;}

.overhidden {overflow:hidden;}
.swiper-slide .item {margin: 0;width:100%;}
.pag_items {display: block;height:13px;padding-top:37px;margin-bottom:-7px;}
.pag_items .swiper-pagination-bullet {display: inline-block;height:3px;background:#ececec;border:0;outline:0;width:50px;margin:5px;cursor:pointer;}
.pag_items .swiper-pagination-bullet-active {background:#e71b1b;}

/* Actions */
.actions {padding-bottom:80px;}
.actions h2 {margin-bottom:35px;}
.action {padding-bottom:72%;width:100%;display: block;overflow:hidden;}
.action:after {display: block;position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:#000;opacity:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.action:hover:after {opacity:.25}
.action .img {position:absolute;display: block;top:-10px;left:-10px;right:-10px;bottom:-10px;background-repeat: no-repeat;background-size: cover;background-position: center center;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.action:hover .img {filter:blur(5px);}
.action .desc {position:absolute;bottom:0;right:0;left:0;display: block;padding:40px;text-align:left;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.action .desc h3 {font-size: 24px;line-height:36px;color:#fff;font-weight:400;letter-spacing:.1em;text-transform: uppercase;}
.action:hover .desc {opacity:0;}
.action .desc h3 strong {display: block}
.action .btn {position: absolute;float: left;display: block;top:50%;left:50%;transform: translate(-50%,-50%);opacity:0;z-index: 3}
.action:hover .btn {opacity:1;}

/* Newsletter */
.newsletter {padding-top:20px;padding-bottom:20px;}
.newsletter:before {display: block;width: 1px;position:absolute;top:0;left:50%;bottom:0;background:#f2f2f2;content:'';}
.newsletter h3, .brands h3 {font-size: 24px;line-height:36px;font-weight:600;letter-spacing:.1em;text-transform: uppercase;margin-bottom:20px;}
.newsletter p {font-size: 16px;line-height:26px;width:430px;max-width:100%;margin-bottom:20px;}
.newsletter .inner {text-align:left;width: 600px;max-width:100%;}
.newsletter input {margin-bottom:35px;}
.newsletter .col50:After {display: block;clear:both;float: none;content:''}
.newsletter .fbbox {padding-top:27px;}

label.checkbox {color:#5e5e5e;font-size: 18px;line-height:30px;padding-top:10px;padding-bottom:10px;font-weight:400;}
label.checkbox {display: inline-block;padding-left:30px;} 
label.checkbox .checkmark {position:absolute;top:15px;left:0;width: 18px;height:18px;border: 1px solid #e8e8e8;display: block;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
label.checkbox .checkmark:before {display: block;position:absolute;top:50%;left:50%;width: 12px;height:12px;background:#e71b1b;margin-top:-6px;margin-left:-6px;content:'';opacity:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
label.checkbox input:checked ~ .checkmark:before {opacity:1}
label.checkbox input:checked ~ .checkmark {border-color: #e71b1b;}

/* Filter */
.filter {text-align:left;padding-top:12px;padding-bottom:12px;}
.filter h4 {font-size: 16px;line-height:20px;text-transform: uppercase;font-weight:600;margin-bottom:12px;}
.filter .checkboxesimg {margin-left:-8px;margin-right:-8px;margin-bottom:22px;}
.filter .checkboxesimg:After {display: block;float: none;clear: both;content:''}
.filter .checkboximg {display: block;float: left;margin: 8px;}
.filter .checkboximg .checkmark {display: inline-block;border: 1px solid #f0f0f0;padding: 15px;padding-left:25px;padding-right:25px;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;}
.filter .checkboximg .checkmark:before {display: block;position:absolute;top:-1px;right:-1px;width: 16px;height:16px;background:#e71b1b url(../img/krizek-filtr_white.svg) no-repeat center center;background-size: 8px auto;content:'';opacity:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.filter .checkboximg .checkmark img {display: block;height:28px;width:auto;margin:0;}
.filter .checkboximg input:checked ~ .checkmark {border-color:#e71b1b}
.filter .checkboximg input:checked ~ .checkmark:before {opacity:1;}

/* Paging */
@media only screen and (min-width:1201px){
.paging.fright {position:absolute;top:20px;right:20px;}
}
.paging ul li {margin-left:6px;margin-right:6px;}
.paging ul li:first-child {margin-left:0;margin-right:22px;}
.paging ul li:last-child {margin-right:0;margin-left: 22px;}
.paging ul li a:not(.btn) {font-size: 16px;font-weight:900;color:#e71b1b;line-height:20px;padding-top:15px;padding-bottom:15px;display: block;text-decoration: none}
.paging ul li a:not(.btn):hover {color:#211d21}
.paging ul li a.active {color:#5e5e5e;font-weight:400;}
.paging ul li {float: left;}
.paging ul li.off {opacity: .5;filter: grayscale(100%)}

/* Why */
.why {padding-top:80px;padding-bottom:10px;}
.why h2, .interest h2, .swiperwhy .swiper-slide h2 {font-size: 36px;line-height:48px;}
.why p {margin-bottom:30px;}
.why p strong {color:#211d21;}
.why .sign {display: block;float: right;margin-top:-60px;margin-bottom:30px;}

/* Interest */
.interest {color:#fff;padding-top:70px;padding-bottom:80px;}
.interest h2, .swiperwhy .swiper-slide h2 {color:#fff;}
.interest p {font-size: 22px;line-height:32px;width:820px;max-width: 100%;margin-left: auto;margin-right:auto;}

/* Brands */
.brands, .brands .bg, .brands .inner {padding-top:0;padding-bottom:0;}
.brands .box {background:#f7f7f7;margin:0;padding:60px;}
.brands .box ul li {display: inline-block;width:calc(20% - 4px);box-sizing: border-box;margin:0;margin-left:-2px;margin-right:-2px;padding:30px;vertical-align:middle;margin-bottom:-10px;}
.brands .box ul li a {display: inline-block;max-width:100%;margin:auto;}
.brands .box ul li a img {display: block;mix-blend-mode: multiply;}

.navi .btn {top:auto!important;}

.swiperwhy .swiper-slide {min-height:800px;align-items: flex-end;}
.swiperwhy .swiper-slide .bg {display:block;padding-bottom:60px;display: flex;align-items:flex-end;height:100%;}
.swiperwhy .swiper-slide .inner {text-align:center;width:100%;}
.swiperwhy .swiper-slide .img:after {display: block;position:absolute;top:0;left:0;right:0;bottom:0;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );content:'';}

.swiperwhy .swiper-slide .pag_swiperwhy, .swiperwhy .swiper-slide .circle__box {right:40px;}

.swiperwhy .bg.nptop {padding-top:0;padding-bottom:0;height:0;}
.swiperwhy .swiperwhy_prev {left: 40px;top:-400px;background-color:rgba(0,0,0,.5)}
.swiperwhy .swiperwhy_next {right:40px;top:-400px;background-color:rgba(0,0,0,.5)}


/* TableCart */
.tablecart {margin-bottom:40px;}
.tablecart tr th, .tablecart tr td {padding:10px;border-bottom:1px solid #f0f0f0;text-align:left;}
.tablecart tr th {font-size: 16px;line-height:20px;color:#bbbbbb;font-weight:400}
.tablecart tr td {padding-top:20px;padding-bottom:20px;font-size: 18px;line-height:22px;}
.tablecart tr td {white-space: nowrap;}
.tablecart tr td .img {display: block;width: 100px;height:100px;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.tablecart tr td a.title {font-weight:900;color:#211d21;letter-spacing: .1em;text-decoration:none;}
.green {color:#29a941!important;}

.tablecart tr td:first-child {padding-left:0;padding-right:20px;width:100px;}
.tablecart tr td:last-child {padding-right:0;width:13px;}
.tablecart tr td .ic_remove {display: block;width: 13px;height:13px;background: url(../img/krizek-red.svg) no-repeat center center;background-size: contain;overflow:hidden;text-align:left;text-indent:-9999px}

.graybox {padding: 40px;background:#f7f7f7;margin-bottom:20px;padding-top:31px;padding-bottom:31px;}
.product .graybox {padding-left:30px;padding-right:30px;width: 550px;max-width:100%;box-sizing:border-box;margin-bottom:0}
.support {padding-right:230px;box-sizing:border-box;}
.product .support {padding-right:200px;}
.support h3 {font-size: 18px;line-height:30px;font-weight:900;color:#3e3e3e;text-transform: uppercase;margin-bottom:10px;}
.support p {font-size: 16px;line-height:24px;margin:0;color:#4a4a4a}
.support .img {width:182px;height:180px;background: url(../img/img_support.png) no-repeat bottom right;background-size: contain;position:absolute;right:90px;bottom:-31px;display: block;}
.product .support .img {right:46px;}
.support .name strong {display: inline-block;line-height:20px;padding-bottom:4px;}
.support .name {display: block;position:Absolute;top:-15px;right:26px;width: 90px;font-size: 14px;color:#727272;line-height:16px;text-align:right;border-bottom:1px solid #e5e5e5;padding-bottom:10px;}
.product .support .name {right:-15px;}
.total ul li {line-height:36px;}
.total ul li:after, .graybox:after {display: block;clear:both;float:none;content:''}
.total ul li span {float: left;display: block;text-align:right;width: calc(100% - 200px)}
.total ul li .price {width: 180px;padding-left:20px;}
.total ul li.large {font-size: 24px;}
.total ul li.large .price {font-weight:600;}

.overprice {padding-top:15px;padding-bottom:26px;}
.pricefull {letter-spacing:.1em;line-height:24px;float: left;}
.pricefull strong {font-size: 28px;}
.stock {float: right;line-height:24px;padding-left:28px;background: url(../img/ic_stock.svg) no-repeat left 6px;background-size: 19px auto;padding-top:3px;}
.stock:hover {text-decoration: underline;cursor: default;}
.stock .info {display: block;position:absolute;width: 276px;background:#fff;padding:20px;box-sizing:border-box;bottom:calc(100% + 20px);left:50%;margin-left:-138px;box-shadow: 0 0 35px rgba(0,0,0,.12);text-align:left;color:#282828;display:none}
.stock:hover .info {display: block;}
.stock .info:before {display: block;position:Absolute;bottom:-10px;left:50%;margin-left:-10px;background:#fff;width: 20px;height:20px;transform: rotate(45deg);content:''}
.stock .info ul li {display: block;padding-left:28px;text-align:left;background: url(../img/ic_pin.svg) no-repeat left center;background-size: 18px auto;}

.product button {margin-top:9px;}

.product:after {display: block;position:absolute;left:0;top:0;bottom:0;width:50%;background:#fff;content:'';}
.product .col50.top {z-index: 9;}

/* Gallery */
.gallery {padding-bottom:calc(100% + 20px);margin-left:-20px;margin-top:25px;}
.gallery .swiper-container {position:absolute;top:0;left:0;bottom:0;right:0;}
.gallery .swiper-slide .img {position:absolute;top:0;left:0;bottom:0;right:0;background-repeat: no-repeat;background-size: contain;background-position: center center}
.gallery .pag_gallery, .gallery .circle__box{right:20px;bottom:20px}

/* Tabs */
.tabs, .nopadtop {padding-top:0;}
ul.switch {white-space: nowrap;text-align:left;border-bottom:1px solid #e5e5e5;}
ul.switch li {display: inline-block;white-space: nowrap;font-size: 16px;color:#282828;text-transform: uppercase;letter-spacing: .1em;margin-left:23px;margin-right:23px;cursor:pointer;line-height:110px;}
ul.switch li:first-child {margin-left:0;}
ul.switch li:last-child {margin-right:0;}
ul.switch li.active {font-weight:900}
ul.switch li:before {display: block;width:0;height:3px;background:#e71b1b;position:absolute;bottom:-1px;left:0;content:'';-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
ul.switch li.active:before {width:50px;}
.tab img {margin-top:10px;margin-bottom:10px;}
.tab {padding-top:35px;}
.tab:not(.active) {display: none;}
.tab p:last-child {margin-bottom:0}
.tab h2, .tab h3 {font-weight:600}
.tab:after, .tab .col50:after {display:block;float: none;clear: both;content:''}
.tab .max600 {width:640px;max-width:100%}

table.tech {margin-top:30px;}
table.tech tr td, table.tech tr th {text-align:left;font-weight:400;font-size: 18px;color:#4a4a4a;line-height:30px;padding:10px;}
table.tech tr th {padding-left:20px;}
table.tech tr td {padding-right:20px;font-weight:600;}
table.tech tr:nth-child(odd) {background:#fff;}

ul.files {margin:0;margin-top:-15px;}
ul.files li {margin: 20px;width: calc(50% - 40px);padding:20px;padding-top:25px;padding-bottom:25px;background:#fff;text-align:left;padding-left:80px;box-sizing: border-box;line-height:25px;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;min-height:100px;}
ul.files li:before {display: block;width:70px;position:absolute;top:0;left:10px;height:100px;background: url(../img/ic_pdf.svg) no-repeat center center;background-size: 36px auto;content:''}
ul.files li:hover {box-shadow: 0 0 35px rgba(0,0,0,.12);}
ul.files li a {display: block;position:absolute;top:0;left:0;bottom:0;right:0;}
ul.files li .title {color:#4a4a4a;display: block;font-weight:600}
ul.files li .filesize {color:#727272;font-size: 16px;}
ul.files li .ic_down {font-weight:900;letter-spacing: .1em;text-transform: uppercase;display: inline-block;margin-right:14px;padding-right:22px;background: url(../img/ic_download.svg) no-repeat right center;background-size: 14px auto;}

/* Order */
.order .bg {width: 680px;}
.order .graybox {padding: 30px;padding-top:20px;padding-bottom:20px;margin:0;margin-bottom:20px;}
.order .total ul li .title {text-align:left;}
.order .total ul li:last-child {border-top:1px solid #e8e8e8;padding-top:15px;margin-top:15px;}
.order .total ul li:last-child .price {font-weight:600;}
.order h3, .layer h3 {font-size: 24px;line-height:30px;text-transform: uppercase;margin-bottom:20px;}

.checkboxes {text-align:left;}
.checkboxes label.checkbox {margin-bottom:0;padding-top:5px;padding-bottom:5px;}
.checkboxes label.checkbox .checkmark {top:10px;}

.inputs {margin-bottom:20px;}
.inputs .inner {padding: 15px;padding-bottom:10px;}
.inputs {margin-left:-15px;margin-right:-15px;}
.inputs label:not(.checkbox) {text-align:center;font-size:16px;color:#bbbbbb;font-weight:400;display: block;}
.inputs input {text-align:center;letter-spacing: .1em;}
.inputs:after {display: block;clear: both;float: none;content:''}

.radioboxes {margin-right:-2px;padding-top:23px;}
.radioboxes .radiobox {width: 50%;padding: 15px;box-sizing: border-box;margin-left:-1px;margin-bottom:-1px;}
.radiobox {font-size: 14px;font-weight:400;color:#5e5e5e;font-size: 14px;line-height:24px;}
.radiobox strong {font-size: 18px;display: block;color:#211d21;font-weight:600;text-transform: uppercase;letter-spacing: .1em;}
.radiobox .checkmark {display: block;position:absolute;top:0;left:0;right:0;bottom:0;border: 1px solid #f0f0f0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.radiobox input:checked ~ .checkmark {border-color: #e71b1b;z-index: 9;}

/* Footer */
.footer {background:#1f262f;color:#fff}
.footer a {color:#fff;text-decoration: none;}
.footer ul {margin-left:-20px;margin-right:-20px;}
.footer ul li {font-size: 16px;line-height:20px;display: inline-block;margin-left:20px;margin-right:20px;letter-spacing: .06em}
.footer .menu ul {margin-left:-25px;margin-right:-25px;}
.footer .menu ul li {font-weight:900;text-transform: uppercase;margin-left:25px;margin-right:25px;letter-spacing: .1em;}
.footer .menu {float: left;margin-bottom:40px;}
.footer .contactmenu {float: right;margin-bottom:40px;}
.footer .hline {display:block;height:1px;background:#323b46;clear:both;float: none;margin-bottom:30px;}
.footer p.copy {float: left;display: block;color:#6c7683;line-height:30px;padding-left:70px;background: url(../img/m9_logo_white.svg) no-repeat left center; background-size: 46px auto;}
.footer .ic_fb {padding-left: 45px;line-height:30px;background: url(../img/ic_fb.svg) no-repeat left center;display: block;float: right;background-size: 28px auto;}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: center;display: flex; justify-content: center;flex-shrink: 0;}
.swiper-button-disabled {opacity: 0;}

/* Layer */
.layer {position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:rgba(0,0,0,.4);display:none;z-index:99;text-align:center;height:100%;}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.movie_layer .closelayer, .layer .closelayer {position:absolute;top:0;left:0;bottom:0;right:0;}
.layer .over {max-width: 100%;box-sizing: border-box;display: block;padding: 0;margin: auto;padding:20px;}
.layer .ic_close {position:absolute;top:30px;right:30px;background-image: url(../img/krizek-red.svg);background-size: contain;display: block;overflow:hidden;text-align:left;text-indent:-9999px;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;z-index: 9999;cursor:pointer;}
.layer .box {background:#fff;width: 1060px;max-width:100%;box-sizing: border-box;text-align:center;padding: 30px;min-height:50%;height:auto;max-height:none}
.layer .box .cont {display: block;}

.layer h2 {font-size: 36px;line-height:40px;color:#211d21;text-transform: uppercase;font-weight:900;margin-bottom:10px;}
.layer .radioboxes .radiobox {width: 25%;}
.layer .radioboxes {padding-top:0;}
.layer .inputs {margin-bottom:0}
.layer .inputs .inner {padding-bottom:0;}
.layer .btn {top:0!important;}

@media only screen and (max-width:1700px){
.fix .logo {width: 148px;background-size: 100px auto;}
.fix .maskot {display: none;}
.fix .menu {margin-left:0}
.fix .menu ul {margin-left: 15px;margin-right:-15px;}
.fix .menu ul li a {font-size: 16px;}
.fix .contactmenu ul li:not(.noicon) {width: 80px;}
.fix .contactmenu ul li:not(.noicon) a {font-size: 15px;}
.fix .menu ul li {margin-left:15px;margin-right:15px;}
.fix .contactmenu ul li a em {right:21px;}
}

@media only screen and (max-width:1290px){
.fix .logo {width: 90px;height:60px;background-size: 60px auto;}
.fix .menu {display: none;}
.fix .contactmenu .desktop {display: none;}
.fix .contactmenu {margin-left:0;margin-right:8px;}
.fix .contactmenu ul li {padding-top:10px;padding-bottom:6px;}
.fix .contactmenu ul li:not(.noicon) {width:auto;border:0}
.fix .contactmenu ul li:not(.noicon) a {font-size: 9px;font-weight:900;text-transform: uppercase;letter-spacing:.06em;background-size: 22px auto;padding-top:24px;padding-left:8px;padding-right:8px;}
.fix .ic_menu {display: block;width: 58px;height:20px;float: right;border-left:1px solid #f0f0f0;font-size: 9px;font-weight:900;color:#e71b1b;text-transform: uppercase;line-height:20px;padding-top:34px;padding-bottom:6px;text-decoration:none}
.fix .ic_menu:before, .fix .ic_menu:after {width: 28px;height:2px;background:#e71b1b;content:'';position:absolute;top:17px;left:50%;margin-left:-14px;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.fix .ic_menu:after {top:25px}
.fix .contactmenu ul li a em {right:0;}
.opened .fix .ic_menu:before {transform: rotate(45deg);top:21px}
.opened .fix .ic_menu:after {transform: rotate(-45deg);top:21px}

.opened .fix .mobilemenu {display: block;clear:both;float: none;padding:15px;padding-top:27px;padding-bottom:30px}
.opened .fix {height:100%;overflow-x: hidden;bottom:0;background:#1f262f;}
.fix .mobilemenu {text-align:left;}
.fix .mobilemenu {color:#fff;}
.fix .mobilemenu:after {display: block;clear:both;float: none;content:'';}
.fix .mobilemenu ul {margin-bottom:30px;}
.fix .mobilemenu li.submenu {margin-bottom:15px;}
.fix .mobilemenu li.submenu.last {margin-bottom:30px;}
.fix .mobilemenu li.submenu strong {display: block;text-transform: uppercase;line-height:38px;padding-right:15px;background:url(../img/ic_plus_menu.svg) no-repeat right center;background-size: 14px auto;}
.fix .mobilemenu li.submenu:hover strong {background-image: url(../img/ic_minus_menu.svg);}
.fix .mobilemenu li.submenu strong:before {display: block;position:absolute;bottom:0;left:0;width:30px;height:3px;background:#e71b1b;content:''}
.fix .mobilemenu li.submenu ul {display: none;padding-top:12px;padding-bottom:0;margin-bottom:0;}
.fix .mobilemenu li.submenu:hover ul {display: block;}
.fix .mobilemenu a:not(.btn,.ic_fb) {color:#9ca5b0;line-height:36px;text-decoration: none;}
.fix .mobilemenu a.ic_fb {display: inline-block;min-height:40px;line-height:20px;padding-top:10px;padding-bottom:10px;color:#fff;padding-left:40px;text-decoration:none;background: url(../img/ic_fb.svg) no-repeat left center;background-size: 28px auto;box-sizing: border-box;}


.content {padding-top:60px;}
.categories .bg, .categories .inner {padding-left:0;padding-right:0;}
.graybg.stores .list .itemstore ul {padding:0;}
.itemstore .btn {display: none;}
.why .sign {float: none;margin:auto;margin-top:-30px;}
.why .img {background-size: 100% auto;}
.cart .graybox {background:transparent;padding:0;}
.cart .graybox .col50 {float: none!important;width:100%;}
.cart .graybox .total {margin-bottom:20px;}
.cart .graybox .support {background:#f7f7f7;padding:30px;padding-bottom:50px;position:relative;padding-right:80px;}
.cart .graybox .support .img {width:85px;height:131px;top:auto;right:0;bottom:0;background-image: url(../img/img_support_mobile.png);}
.cart .graybox .support .name {top: auto;bottom: 20px;right:75px;width:auto;padding-right:80px;padding-bottom:0;border:0}
.cart .graybox .support .name br {display: none}
.cart .graybox .support .name:after {width: 70px;height:1px;background:#e5e5e5;position:absolute;top:50%;right:0;position:absolute;content:''}
.tablecart {margin-bottom:0}
}

@media only screen and (max-width:1100px){
.categories .col25 {width:50%;}
}

@media only screen and (min-width:921px){
.mobile {display: none!important;}
}

@media only screen and (max-width:920px){
input, select, textarea {font-size: 16px;}
.desktop {display: none!important;}
h2, h2.small, .why h2, .swiperwhy .swiper-slide .inner h2, .interest h2, .layer h2 {font-size: 22px;line-height:30px}
.section p {font-size: 16px;line-height:26px;}
.section, .partner {padding:0}
.bg {padding-left:0;padding-right:0;}
.inner {padding: 15px;}
.interest {padding-top:15px;padding-bottom:15px;}
.promo .swiper-slide {min-height:340px;}
.promo .swiper-slide .img:after {background-image: url(../img/gradient_mobile.png)}
.promo .prev, .promo .next, .promo .btn, .partner .img, .swiperwhy .swiperwhy_prev, .swiperwhy .swiperwhy_next {display: none;}
.promo .swiper-slide .inner, .swiperwhy .swiper-slide .inner {padding:15px;text-align:center;padding-bottom:50px;}
.swiperwhy .swiper-slide .bg {padding:0;}
.promo .swiper-slide .inner h2 {width:100%;font-size: 28px;line-height:36px;margin-bottom:0}
.promo .circle__box, .swiperwhy .circle__box {display: none;}
.promo .pag_slider, .pag_swiperwhy, .pag_gallerym {bottom:12px;height:auto;width:auto;left:0;right:0;line-height:16px;position:absolute;}
.promo .pag_slider .swiper-pagination-bullet, .pag_swiperwhy .swiper-pagination-bullet, .pag_gallerym .swiper-pagination-bullet {display: inline-block;width:8px;height:8px;border-radius: 12px;border: 2px solid #fff;margin-left:3px;margin-right:3px;vertical-align:middle;opacity: .3}
.promo .pag_slider .swiper-pagination-bullet-active, .pag_swiperwhy .swiper-pagination-bullet-active, .pag_gallerym .swiper-pagination-bullet-active {width: 12px;height:12px;border-radius: 16px;opacity:1;}
.swiperwhy .swiper-slide {min-height: 540px;}
.actions .col50 {width: 100%;}
.actions .action {margin-bottom:-15px}
.actions .btn.fright, .newsletter:before , .items .btn.fright{display: none;}
.actions h2.fleft, .newsletter .inner.fright, .about .col50, .partner .col50, h2.fleft {float: none!important;}
.newsletter .col50, .about .col50, .partner .col50 {width:100%;}
.newsletter .inner {margin-left:auto;margin-right:auto;}
.about .map {margin:-15px;margin-top:0;margin-bottom:-35px;height:320px;padding-bottom:0}
.about .inner, .partner .inner {padding:15px;text-align:center!important;width:100%;}
.about .col50.fright .inner, .partner .col50.fright .inner {padding-left:15px;}
ul.num {white-space: nowrap;overflow-y: hidden;padding-left:15px;padding-right:15px;margin-left:-15px;margin-right:-15px}
ul.num li {text-align:left}
ul.num.col4 li {width:auto;}
.btn, button {font-size: 14px;min-height:40px;padding:20px;padding-top:10px;padding-bottom:10px;}
.newsletter .inner {text-align:center}
.newsletter p {width:100%}
.newsletter h3, .brands h3 {font-size: 18px;line-height:24px;font-weight:900}
.newsletter .fbbox {padding-top:7px;}
.newsletter .col50:nth-child(2) {border-top:1px solid #f2f2f2;margin-top:25px;padding-top:25px}
label.checkbox {display: block;text-align:left;font-size:14px;}
.newsletter button {float: none!important;}
.newsletter input {margin-bottom:5px;text-align:center}
.action .desc h3 {font-size: 18px;line-height:24px;}
.action .desc {padding:20px;text-align:center;padding-top:25%;}
.actions .mobile .btn {margin-top:10px;margin-bottom:-10px;}

.searchbox {padding-top:0;padding-bottom:0;}
div.search .inner {text-align:center}
div.search p {font-size: 14px}
div.search input {font-size: 34px;line-height:50px;height:50px;margin-bottom:15px;text-align:center;}
div.search ul {margin-bottom:15px;}

.headimg {height:100px;}

.breadcrumbs {text-align:center!important;font-size: 14px;}
.breadcrumbs ul {margin-left:-15px;margin-right:-15px;overflow-y:hidden;white-space:nowrap;}
.breadcrumbs ul li {margin-left:13px;margin-right:13px;}
.breadcrumbs ul li a {}
.detail .bg, .single .bg {padding-top:0;padding-bottom:10px}
.single .bg {padding-bottom:0}
.breadcrumbs ul li:before {right:-20px}
.txt h1 {font-size: 28px;line-height:35px;margin-bottom:15px;}
.txt.taleft {text-align:center!important;}
.txt p {margin-bottom:15px;}
.tab {padding-top:0;}
.tab h3 {font-size: 16px;line-height:26px;margin-bottom:15px;}
.tab p.large {font-size: 16px;line-height:26px;}
.tab h2 {font-size: 18px;line-height:30px;margin-bottom:15px;}
.tabs .nopadtop {padding-top:0;}
ul.switch {overflow-y: hidden;margin-right:-15px;}
ul.switch li {line-height:79px;font-size: 14px;margin-left:10px;margin-right:10px;}

table.tech tr td, table.tech tr th {line-height:25px;padding:5px;font-size: 14px;}
table.tech tr th {padding-left:10px;}
table.tech tr td {padding-right:10px;}

ul.files {margin:0;padding-top:3px;padding-bottom:13px;margin-left:15px;margin-right:15px;}
ul.files li {margin:7px;margin-left:0;margin-right:0;width:100%;padding:15px;padding-left:70px;min-height:1px;} 
ul.files li:before {left:0;bottom: 0;height:auto;}
ul.files li .title {font-size: 16px;line-height:20px;}
ul.files li .ic_down, ul.files li .filesize {font-size: 14px;}
ul.files li .ic_down {background-size: 12px auto;padding-right:18px;margin-right:7px;}

.brands .box {padding:15px;padding-top:30px;padding-bottom:30px;margin-left:-15px;margin-right:-15px}
.brands .box ul li {width:calc(50% - 4px) }

.items h2, .actions h2 {margin-bottom:0;}
.items .bg {padding-bottom:10px;}
.list .item, .products .list .item {width: calc(50% - 14px);}
.list .itemstore {width: calc(100% - 14px)}
.item {margin:7px;padding:15px;padding-bottom:20px;}
.itemcat, .itemnews, .itemstore {padding:0;padding-bottom:15px}
.list {margin: -7px;}
.item h3, .item.smaller h3 {font-size: 14px;line-height:18px;min-height:1px;}
.itemcat h3 {font-size: 12px;}
.item .cat {font-size: 12px;line-height:16px;margin-bottom:4px;}
.item .img {margin-bottom:20px;}
.itemcat .img, .itemstore .img {margin-bottom:15px;}
.item .price s {font-size: 12px;line-height:18px;display: block;}
.item .price strong {font-size:14px;display:block;line-height:18px;}
.itemnewslarge {width: calc(100% - 14px)!important;}
.itemnewslarge .img {padding-bottom:110%;}
.news .list .item {width: calc(100% - 14px);}
.itemnews .date {font-size: 14px}
.itemnews {padding-bottom:5px}
.itemnewslarge {padding-bottom:0;margin-bottom:22px}
.itemnewslarge .whitebox {bottom:-15px;padding-top:10px;padding-right:10px;width: calc(100% - 40px)}
.itemnews .img {margin-bottom:10px}
.itemnewslarge .img {margin-bottom:0}
.itemnewslarge h3, .itemnews h3 {font-size: 18px;line-height:24px;margin-bottom:0}

.itemstore .title {padding:15px;}
.itemstore .desc, .graybg.stores .list .itemstore .desc {padding: 0;padding-bottom:15px;}
.graybg.stores .list .itemstore ul {padding:0;margin-left:5px;margin-right:5px;}
.itemstore ul {text-align:left;display:block;}
.itemstore ul li.icon {padding-left:25px;background-size: 17px auto;font-size:16px}
.itemstore:hover {background-color:transparent;box-shadow:none}
.itemstore .title h3 {font-size: 22px;line-height:28px;}

.stores .map {margin:-15px;margin-bottom:0;margin-top:-25px;}
.stores .map img {width:100%;height:auto;}
.graybg.stores .list .itemstore {width: calc(100% - 14px)}
.graybg.stores .list .itemstore .img {padding-bottom:58%}

.detailnews .list {margin:-15px;margin-bottom:24px}
.detailnews .list .itemnewslarge {padding:0;margin:0;width:100%!important;}
.detailnews .itemnewslarge .img {width:100%;padding-bottom:100%}
.detailnews  .txt.taleft {text-align:left!important;}
.detailnews  .txt.taleft:not(.txt2) p {font-size: 18px;line-height:30px;}
.txt2 {column-count: 1;margin-top:-15px;margin-bottom:0}
.txt2 h3, .tab h3 {font-size: 18px;line-height:24px;}

.news h2.small, .stores h2.small {margin-bottom:0;font-size: 24px;line-height:30px;font-weight:600}
.txt p.mobiletop {margin-top:-10px;margin-bottom:45px;}
ul.address {width: 100%;margin:0;padding:0;}
ul.address li {margin:0;display: block;width:100%;padding-left:0;padding-right:0;border:0;border-bottom: 1px solid #f0f0f0;padding-bottom:20px;margin-bottom:25px;}
ul.address li:last-child {border:0;padding-bottom:0;margin:0;}
ul.address h3 {font-size: 18px;margin-bottom:10px;line-height:26px;}
ul.address li .icon {background-size: 25px auto;width:30px;height:30px;}
.btn.detailstore {margin-bottom:15px;}

.filter {text-align:center}
.filter .checkboxesimg {margin-bottom:0}
.filter .checkboximg {width: calc(50% - 16px)}
.filter .checkboximg .checkmark {display: block;padding-top:10px;padding-bottom:10px;}
.filter .checkboximg .checkmark img {margin-lefT:auto;margin-right:auto;height:20px;}
.filter h4 {text-align:center;font-size: 14px;margin-bottom:6px;}

.products p.totalproducts {text-align:center!important;font-size: 14px;margin-bottom:8px;}

.why h2 {margin-bottom:10px}
.why p {margin-bottom:20px;}
.why .sign {width: 250px;height:auto;margin-top:-20px;}
.why .img {height:240px;width:100%;float: none;position:relative;background-position: bottom center;background-size:auto 100%;display: block;margin-top:-25px}


.partner .btn {margin-bottom:5px;}
ul.num {margin-bottom: 20px;margin-top:-10px;}
.about .btn {margin-bottom:10px;}
.about p {margin-bottom:25px;}

.paging.fright {float: none!important;padding-top:15px}
.paging ul li {float:none;display: inline-block;vertical-align:middle;}
.paging ul li a.btn {width: 38px;text-indent:-9999px;height:38px;border: 1px solid #e71b1b;overflow:hidden;display: block;}
.paging ul li a.btn:after, .paging ul li a.btn:before {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-position: center center;margin:0;}

.paging ul li:first-child {margin-left:0;margin-right:16px;}
.paging ul li:last-child {margin-right:0;margin-left: 16px;}

.news h1 {margin-bottom:0;}

.inputs label:not(.checkbox) {font-size: 14px;}
.inputs {margin-bottom:0}
.order h3, .layer h3 {font-size: 18px;line-height:26px;margin-bottom:0;}
.inputs .inner {padding-bottom:5px;padding-top:10px;}
.order .txt h1 {padding-top:15px;margin-bottom:-10px;}
.total ul li {font-size: 16px;line-height:30px;}
.order .graybox {padding-left:15px;padding-right:15px;}
.navi {padding-top:5px;padding-bottom:5px;}
.navi .btn {float: none!important;display: inline-block;}
.navi .back {margin-top:15px;}

.total ul li {font-size: 14px;}
.total ul li.large {font-size: 18px;line-height:26px;}
.total ul li .title {text-align:left;}
.total ul li span {width: calc(100% - 130px);}
.total ul li .price {width: 120px;padding-left:10px}

.cart .graybox .support {padding-left:15px;padding-right:80px;padding-top:15px;}
.cart .graybox {margin-bottom:10px;}
.support h3 {font-size: 14px;}
.support p {font-size: 14px;line-height:20px;}

.cart h1 {margin-bottom: 20px}
.tablecart {margin-bottom:-10px;}
.tablecart tr td .img {width: 80px;height:80px;}
.tablecart tr td {padding-left:0;padding-right:0;font-size: 14px;line-height:20px;padding-top:20px;padding-bottom:20px;}
.tablecart tr td:first-child {width: 80px;padding-right:12px;}
.tablecart tr:first-child td {border-top: 1px solid #f0f0f0;}
.tablecart tr td a.title {display: inline-block;margin-right:-13px;}

.tab .col50 {width: 100%;}
.tab img {width:100%;height:auto;}

.product .col50 {width:100%}
.product:after {display: none;}
.product .bg {padding-bottom:0}
.product .txt {width:100%}
.product .txt.taleft {text-align:left!important;}
.overprice {padding-bottom:0;padding-top:0}
.pricefull {font-size: 14px;float: none;margin-bottom:7px;}
.pricefull strong {font-size: 22px;}
.stock {float: none;}

.product .txt h1 {font-size:24px;line-height:30px;padding-top:0}
.product ul.code li {font-size: 14px;padding-left:8px;padding-right:12px;line-height:14px;}
.product ul.code {padding-bottom:0;border:0;margin-bottom:10px;}
.product .txt h1 {margin-bottom:2px}

.cartbtn:before {width: 19px;background-size: 19px auto;background-image: url(../img/kosik-mobile-white.svg);}
.product .cartbtn {margin-bottom:25px;margin-top:15px}

.gallery {margin:0;margin-left:-15px;margin-right:-15px;margin-bottom:20px;}

.ic_more {display: inline-block;font-size: 14px;font-weight:900;letter-spacing:.1em;text-transform: uppercase;padding-right:18px;background: url(../img/ic_arrow_down_red.svg) no-repeat right center;background-size: 10px auto;text-decoration: none}

.product .graybox {background:transparent;padding:0;}
.product .graybox .support {background:#f7f7f7;padding:15px;padding-bottom:50px;position:relative;padding-right:80px;}
.product .graybox .support .img {width:85px;height:131px;top:auto;right:0;bottom:0;background-image: url(../img/img_support_mobile.png);}
.product .graybox .support .name {top: auto;bottom: 20px;right:75px;width:auto;padding-right:80px;padding-bottom:0;border:0}
.product .graybox .support .name br {display: none}
.product .graybox .support .name:after {width: 70px;height:1px;background:#e5e5e5;position:absolute;top:50%;right:0;position:absolute;content:''}

.layer .col33 {width: 100%;}
.layer .radioboxes .radiobox {width: 50%;}
.layer .checkbox.fleft {float: none!important;display: block;margin-top:-15px;}
.layer .btn {float: none!important;}
.layer .box {width: 520px;}

.footer .bg {padding-top:0}
.footer .menu, .categories .menu {float: none;margin:0;margin-bottom:30px;border-bottom:1px solid #323b46;margin-left:-15px;margin-right:-15px;margin-top:-15px}
.footer .menu ul {margin-left:0;margin-right:0}
.categories .menu {margin:0;border:none}
.footer .menu:before, .categories .menu:before {display: block;left: 0;right:0;top:50%;background:#2d343e;content:'';height:1px;position:absolute;}
.footer .menu:after, .categories .menu:after {display: block;left: 50%;top:0;bottom:0;background:#2d343e;content:'';width:1px;position:absolute;}
.categories .menu:before, .categories .menu:after {background:#f2f2f2;}
.footer .menu a, .categories .menu a {line-height:38px;display: block;top:-5px;}
.categories .menu a {color:#211d21;font-weight:900;font-size: 16px;text-transform:uppercase;}
.footer .menu ul li, .categories .menu ul li {width: 50%;float: left;margin:0;text-align:center;padding-top:16px;padding-bottom:16px;}
.footer .menu a:before, .categories .menu a:before {display: block;position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:3px;background:#e71b1b;content:'';}

.footer .contactmenu {float: none;margin-bottom:15px;border:0}
.footer p.copy {float: none;padding:0;line-height:30px;padding-bottom:35px;background-position: bottom center }
.footer .contactmenu ul li {font-size: 18px;line-height:48px;display: block;margin:0;text-align:center;}
}

@media only screen and (max-width:520px){
	.radioboxes .radiobox, .order .inputs .col50, .layer .radioboxes .radiobox {width:100%;}
	.layer .over {padding:0}
.layer .box {padding:15px;padding-left:0;padding-right:0}
.products .txt p:last-child {margin-bottom:5px;}
}

/* Dan upravy */
.item .img { background-size: contain; }

body.home .categories .col25 h2 a {
    color: #211d21;
    text-decoration: none;
}

body.home .categories .col25:hover h2 a {
    color: white !important;
}

.item h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
