#homeSlider{height:312px;position:relative;margin-bottom:15px;padding-top:240px;overflow:hidden;box-sizing: border-box;font-size:0;}
#homeSlider > a{display:inline-block;height:62px;background:#FFF;position:relative;transition:all ease 1s;font-size:12px;margin-top:5px;}
#homeSlider > a > img{display:block;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;}
#homeSlider > a+a{margin-left:5.5px;}

#homeSlider .rotator{left:0;top:0;height:240px;width:791px;position:absolute;overflow:hidden;box-sizing:border-box;border:0px solid #E1E1E1}
#homeSlider .rotator >img{opacity: 0;max-width: 100%;}
#homeSlider .rotator > a.navi{display:none;}
#homeSlider .rotator .item{position:absolute;top:0;left:0;right:0;width:100%;height:240px;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;z-index:500;font-size:16px;box-sizing:border-box;display: block;}
#homeSlider .rotator .item+.item{display: none;}
#homeSlider .rotator .item > img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;}
#homeSlider .rotator .item a.img{display:block;position:absolute;left:40px;top:20px;width:150px;height:150px;}
#homeSlider .rotator .item a.img img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
#homeSlider .rotator .item a.name{display:block;font-size:30px;color:#333;}
#homeSlider .rotator .item .announce{font-size:12px;color:#777;}
#homeSlider .rotator .item .price{position:absolute;bottom:10px;left:40px;;margin:auto;width:auto;font-size:48px;color:#ed8106;}
#homeSlider .rotator .item .price::after {content: " руб";font-family: RubPTSans;font-weight: normal;}
#homeSlider .rotator .item  .add2cart{display:block;position:absolute;bottom:20px;right:20px;color:#fff;font-size:28px;padding:5px 35px;}
#homeSlider .rotator .item  .add2cart i{margin-right:10px;font-size:20px;}
#homeSlider .rotator .item  .add2cart:hover{text-decoration:none;}


#homeSlider .rotator .navi{position:absolute;cursor:pointer;background-position: 50% 50%;padding:15px;top:50%;width:23px;height:39px;margin:-15px 15px;background-repeat:no-repeat;z-index:900;}

a.navi{background-position: center;background-repeat: no-repeat;}
a.navi.prev{background-image:url('data:image/svg+xml,%3Csvg%20width=%2223%22%20height=%2239%22%20viewBox=%220%200%2023%2039%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cdefs%3E%3Cfilter%20x=%22-50%25%22%20y=%22-50%25%22%20width=%22200%25%22%20height=%22200%25%22%20filterUnits=%22objectBoundingBox%22%20id=%22a%22%3E%3CfeOffset%20dy=%221%22%20in=%22SourceAlpha%22%20result=%22shadowOffsetOuter1%22/%3E%3CfeGaussianBlur%20stdDeviation=%221.5%22%20in=%22shadowOffsetOuter1%22%20result=%22shadowBlurOuter1%22/%3E%3CfeColorMatrix%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.7%200%22%20in=%22shadowBlurOuter1%22%20result=%22shadowMatrixOuter1%22/%3E%3CfeOffset%20dy=%221%22%20in=%22SourceAlpha%22%20result=%22shadowOffsetOuter2%22/%3E%3CfeGaussianBlur%20in=%22shadowOffsetOuter2%22%20result=%22shadowBlurOuter2%22/%3E%3CfeColorMatrix%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.7%200%22%20in=%22shadowBlurOuter2%22%20result=%22shadowMatrixOuter2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in=%22shadowMatrixOuter1%22/%3E%3CfeMergeNode%20in=%22shadowMatrixOuter2%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath%20d=%22M19.258%2035.925l1.282-1.279-15.968-16.218%2015.968-16.225-1.282-1.203-17.258%2017.429%2017.258%2017.496z%22%20fill=%22%23fff%22%20filter=%22url(%23a)%22/%3E%3C/svg%3E');}
a.navi.next{background-image:url('data:image/svg+xml,%3Csvg%20width=%2223%22%20height=%2239%22%20viewBox=%220%200%2023%2039%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cdefs%3E%3Cfilter%20x=%22-50%25%22%20y=%22-50%25%22%20width=%22200%25%22%20height=%22200%25%22%20filterUnits=%22objectBoundingBox%22%20id=%22a%22%3E%3CfeOffset%20dy=%221%22%20in=%22SourceAlpha%22%20result=%22shadowOffsetOuter1%22/%3E%3CfeGaussianBlur%20stdDeviation=%221.5%22%20in=%22shadowOffsetOuter1%22%20result=%22shadowBlurOuter1%22/%3E%3CfeColorMatrix%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.7%200%22%20in=%22shadowBlurOuter1%22%20result=%22shadowMatrixOuter1%22/%3E%3CfeOffset%20dy=%221%22%20in=%22SourceAlpha%22%20result=%22shadowOffsetOuter2%22/%3E%3CfeGaussianBlur%20in=%22shadowOffsetOuter2%22%20result=%22shadowBlurOuter2%22/%3E%3CfeColorMatrix%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.7%200%22%20in=%22shadowBlurOuter2%22%20result=%22shadowMatrixOuter2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in=%22shadowMatrixOuter1%22/%3E%3CfeMergeNode%20in=%22shadowMatrixOuter2%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath%20d=%22M2.46%2034.646l15.968-16.218-15.968-16.225%201.282-1.203%2017.258%2017.429-17.258%2017.496-1.282-1.279z%22%20fill=%22%23fff%22%20filter=%22url(%23a)%22/%3E%3C/svg%3E');}

#homeSlider .rotator .prev{left:0;}
#homeSlider .rotator .next{right:0;}

#homeSlider .rotator .pager{position:absolute;bottom:10px;right:10px;z-index:1000;}
#homeSlider .rotator .pager a.page{display:inline-block;width:10px;height:10px;border-radius:100%;border:1px solid #87b8ed;cursor:pointer;transition:all ease 0.5s;background-color:#fff;margin-left:7px;}
#homeSlider .rotator .pager a.page.current{background-color:#87b8ed;transition:all ease 0.5s;}


.carousel .outer{display:block;height:281px;position:relative;width:100%;background:#fff;overflow:hidden;}
.carousel .inner{display:block;height:100%;position:absolute;width:auto;overflow:hidden;font-size:0;white-space: nowrap;}
.carousel .inner .item{display:inline-block;}

section.products{overflow:hidden;margin:0px 0 10px;height:335px;width:789px;position:relative;}
section.products:before{content:attr(title);display:block;font-weight:normal;font-size:24px;display:block;height:30px;padding:0 0 10px;}
section.products .pager{position:absolute;top:10px;right:5px;}
section.products .pager a.page{display:inline-block;width:10px;height:10px;border-radius:100%;border:1px solid #87b8ed;cursor:pointer;transition:all ease 0.5s;background-color:#fff;margin-left:7px;}
section.products .pager a.page.current{background-color:#87b8ed;transition:all ease 0.5s;}
section.products div.item{display:inline-block;border:1px solid #ccc;width:198px;height:281px;position:relative;margin:0;box-sizing: border-box;overflow:hidden;padding:10px;}
section.products div.item + div.item{margin-left:-1px;}

section.products div.item a.img{display:block;width:180px;height:160px;margin:0 auto 5px;position:relative;}
section.products div.item a.img img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;max-width:100%;max-height:100%;}
section.products div.item a.name{display:block;height:45px;overflow:hidden;font-size:12px;color:#111;text-decoration:none;}
section.products div.item b.price{font-size:14px;display:block;float:left;}
section.products div.item div i.id{font-size:14px;display:block;float:right;font-style:normal;}
section.products div.item div i.id:before{content:"ID: ";}
section.products div.item a.button{clear:both;float:none;display:block;width:auto;}

section.products > a.navi{position:absolute;top:0;bottom:0;margin:auto;display:block;width:40px;height:60px;box-shadow:0px 0px 3px 2px RGBA(0,0,0,0.2);background-color:#fff;}
section.products > a.navi.prev{left:0;border-radius: 0 4px 4px 0;}
section.products > a.navi.next{right:0;border-radius: 4px 0 0 4px;}


/*#wrapper > main,section.products,section.products .outer{overflow:visible}*/


#menuPC{overflow:hidden;margin:0px 0 10px;height:315px;position:relative;}
#menuPC:before{content:"Популярные категории";display:block;font-weight:normal;font-size:24px;display:block;height:30px;padding:0 0 10px;}
#menuPC .outer{display:block;height:256px;position:relative;width:100%;background:#fff;overflow:hidden;}
#menuPC .inner{display:block;height:100%;position:absolute;width:auto;overflow:hidden;font-size:0;white-space: nowrap;}

#menuPC .pager{position:absolute;top:10px;right:5px;}
#menuPC .pager a.page{display:inline-block;width:12px;height:12px;border-radius:100%;border:1px solid #87b8ed;cursor:pointer;transition:all ease 0.5s;background-color:#fff;margin-left:7px;}
#menuPC .pager a.page.current{background-color:#87b8ed;transition:all ease 0.5s;}

#menuPC a.item{display:inline-block;width:193px;height:265px;position:relative;font-size:18px;text-transform:uppercase;margin:0;box-sizing: border-box;overflow:hidden;}
#menuPC a img{display:block;position:absolute;left:-20px;right:-20px;top:0;bottom:0;margin:auto;}
#menuPC a.item + a.item{margin-left:7px;}
#menuPC a b{display:block;background:RGBA(0,0,0,0.65);position:absolute;width:160px;height:50px;box-sizing:border-box;bottom:0;left:0;right:0;text-align:center;font-weight:normal;padding:0 5px;transition:all ease 0.5s;}
#menuPC a:hover b{background:RGBA(135, 184, 237,0.85);transition:all ease 0.5s;}


#menuPC > a.navi{position:absolute;top:0;bottom:0;margin:auto;display:block;width:40px;height:60px;box-shadow:0px 0px 3px 2px RGBA(0,0,0,0.2);background-color:#fff;}
#menuPC > a.navi.prev{left:0;border-radius: 0 4px 4px 0;}
#menuPC > a.navi.next{right:0;border-radius: 4px 0 0 4px;}

/*
#menuPC a+a{background-position:-160px 0;}
#menuPC a+a+a{background-position:-320px 0;}
#menuPC a+a+a+a{background-position:-480px 0;}

#menuPC a+a+a+a+a{background-position:0 -160px;}
#menuPC a+a+a+a+a+a{background-position:-160px -160px;}
#menuPC a+a+a+a+a+a+a{background-position:-320px -160px;}
#menuPC a+a+a+a+a+a+a+a{background-position:-480px -160px;}
*/

#tabButtons{height:40px;margin-bottom:-1px;overflow:hidden;}
#tabButtons a{display:block;border:1px solid #d4d4d4;border-right:none;padding: 0 25px;height:40px;line-height:40px;color:#6a6a6a;font-size:24px;text-decoration:none;float:left;margin-right:15px;background:#fff;position:relative;}
#tabButtons a.active{border-bottom:none;color:#85B6DA;z-index:1;}
#tabButtons a:hover{color:#85B6DA;}
#tabButtons a:after{content:"";display:block;position:absolute;height:70px;width:25px;border-right:1px solid #d4d4d4;top:0;right:-21px;transform:skew(30deg);;}
#tabButtons a.active::after{background-color:#fff;z-index:1;}

#tabItems{border:1px solid #d4d4d4;padding:10px;height:170px;position:relative;overflow:hidden;}
#tabItems > .item{position:absolute;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity ease 0.4s;width:100%;height:100%;box-sizing:border-box;z-index:1;}
#tabItems > .item.active{opacity:1;transition:opacity ease 0.4s;z-index:2;}
#tabItems > .item > .item{position:relative;overflow:hidden;float:left;height:170px;width:380px;padding:20px;box-sizing:border-box;}
#tabItems > .item > .item .img{display:block;float:left;margin-right:15px;width:100px;height:170px;}
#tabItems > .item > .item .name{display:block;font-size:17px;color:#4C9ED9;}
#tabItems > .item > .item .price{display:block;font-size:20px;color:#111;font-weight:normal;position:absolute;bottom:0;left:135px;}
#tabItems > .item > .item .button{display:block;font-size:16px;position:absolute;bottom:0;right:0;}

/**
*
*/



@media screen and (min-width: 480px) and (max-width: 1060px) {
    #homeSlider{width:100%;padding:0;box-sizing: border-box;height: auto;}
    #homeSlider .rotator{position:relative;width:100%;height: auto;margin-bottom: 10px;}
    #homeSlider > a{display:inline-block;margin:0;width:32%;height:auto;box-sizing: border-box;}
    #homeSlider > a img{position: relative;}
    #homeSlider > a + a {margin-top:0;}
    #homeSlider .rotator .item > img{margin:0;}
    section.products{width:100%;}
}



@media screen and (max-width: 480px) {
    #homeSlider{width:100%;padding:0;box-sizing: border-box;height: auto;}
    #homeSlider .rotator{position:relative;width:100%;height: auto;margin-bottom: 10px;}
    #homeSlider > a{display:inline-block;margin:0;width:32%;height:auto;box-sizing: border-box;} 
    #homeSlider > a img{position: relative;}
    #homeSlider > a + a {margin-top:0;}
    #homeSlider .rotator .navi{display:none;}
    section.products > .item > div{width: 50%;}
    #homeSlider .rotator .item > img{position: relative;}
    section.products{width:395px;margin-left:auto;margin-right:auto;}
    #menuPC{height:305px;width:395px;margin-left:auto;margin-right:auto;}
    #menuPC .item a{width:50%;}
    #menuPC .item a + a{margin-left:0;}
    section.text table img{max-width:100%;}
}

@media screen and (max-width: 380px) {
    
}

#homeSlider_ .q-btn .q-icon,#homeSlider_  .q-btn .q-spinner {
    font-size: 1.015em;
}
#homeSlider_ .q-carousel__navigation .q-btn .q-btn__wrapper {
    box-sizing: border-box;
}