@charset "utf-8";

/*base*/
.drop.inherit{max-width: 100%;}
body{min-width: 300px;}
.mq-w-320{display: none;}
.mq-w-480{display: none;}
.mq-w-768{display: none;}
.mq-w-960{display: none;}
.mq-w-1020{display: none;}

@media screen and (max-width: 519px){
    .mq-inline.mq-w-320{display: inline;}
    .mq-block.mq-w-320{display: block;}
    .mq-inline-block.mq-w-320{display: inline-block;}
    .mq-table-cell.mq-w-320{display: table-cell;}
}
@media screen and (min-width: 320px){
    .mq-inline.mq-w-320.mq-max{display: inline;}
    .mq-block.mq-w-320.mq-max{display: block;}
    .mq-inline-block.mq-w-320.mq-max{display: inline-block;}
    .mq-table-cell.mq-w-320.mq-max{display: table-cell;}
}
@media screen and (max-width: 319px){
    .mq-inline.mq-w-320.mq-min{display: inline;}
    .mq-block.mq-w-320.mq-min{display: block;}
    .mq-inline-block.mq-w-320.mq-min{display: inline-block;}
    .mq-table-cell.mq-w-320.mq-min{display: table-cell;}
}
@media screen and (max-width: 819px) and (min-width: 520px){
    .mq-inline.mq-w-480{display: inline;}
    .mq-block.mq-w-480{display: block;}
    .mq-inline-block.mq-w-480{display: inline-block;}
    .mq-table-cell.mq-w-480{display: table-cell;}
}
@media screen and (min-width: 520px){
    .mq-inline.mq-w-480.mq-max{display: inline;}
    .mq-block.mq-w-480.mq-max{display: block;}
    .mq-inline-block.mq-w-480.mq-max{display: inline-block;}
    .mq-table-cell.mq-w-480.mq-max{display: table-cell;}
}
@media screen and (max-width: 519px){
    .mq-inline.mq-w-480.mq-min{display: inline;}
    .mq-block.mq-w-480.mq-min{display: block;}
    .mq-inline-block.mq-w-480.mq-min{display: inline-block;}
    .mq-table-cell.mq-w-480.mq-min{display: table-cell;}
}
@media screen and (min-width: 820px){
    .mq-inline.mq-w-768.mq-max{display: inline;}
    .mq-block.mq-w-768.mq-max{display: block;}
    .mq-inline-block.mq-w-768.mq-max{display: inline-flex;}
    .mq-table-cell.mq-w-768.mq-max{display: table-cell;}
}
@media screen and (max-width: 819px){
    .mq-inline.mq-w-768.mq-min{display: inline;}
    .mq-block.mq-w-768.mq-min{display: block;}
    .mq-inline-block.mq-w-768.mq-min{display: inline-block;}
    .mq-table-cell.mq-w-768.mq-min{display: table-cell;}
}
@media screen and (min-width: 1020px){
    .mq-block.mq-w-1020.mq-max{display: block;}
    .mq-inline-block.mq-w-1020.mq-max{display: inline-flex;}
}
@media screen and (max-width: 1019px){
    .mq-block.mq-w-1020.mq-min{display: block;}
    .mq-inline-block.mq-w-1020.mq-min{display: inline-block;}
}
/*--------*/
@media screen and (max-width: 1019px) and (min-width: 820px){
    .container{max-width: 748px;}
}
@media screen and (max-width: 819px) and (min-width: 520px){
    .container{max-width: 460px;}
}
@media screen and (max-width: 519px) and (min-width: 0px){
    .container{max-width: 300px;}
}
/*--------*/
@media screen and (max-width: 819px){
    table.adaptive, table.adaptive thead, table.adaptive tbody, table.adaptive th, table.adaptive td, table.adaptive tr {
        display: block;
    }
    table.adaptive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.adaptive td {
        position: relative;
        height: auto;
        padding: 10px 0;
        padding-left: 50%;
    }
    table.adaptive td:before {
        width: 45%;
        position: absolute;left: 0;top: 12px;;
    }
    table.adaptive td:before {content: attr(title);display: inline-block;}
    table.adaptive td > *{width: 52%;display: inline-block;}
}
@media screen and (max-width: 519px){
    .horizontal-form .frame-form-field{margin-left: 0 !important;}
    .horizontal-form label > .title, .horizontal-form .frame-label > .title{text-align: left;float: none;}
    .horizontal-form label, .horizontal-form .frame-label{margin-top: 8px;}
}
/*/base*/

@media screen and (max-width: 1500px){
    /*header*/
    .container, .outer-container {max-width: 1300px;}
    .left-header {width: 357px;}
    .frame-time-work {width: 260px;}
    .phones-header {padding-left: 8px;}
    .phone {display: block;}
    .frame-search-form {width: 479px;}
    /*/header*/

    /*start*/
    .right-start {width: 1048px;}
    .frame-baner-catalog .baner {height: 271px; width: 819px;}

    .items-benefits > li {margin-bottom: 12px; padding-top: 10px;}
    .items-benefits > li:first-child {padding-top: 12px;}

    .items-h-carousel > li {width: 210px !important;}
    .special-proposition .content-carousel {padding-left: 19px; padding-right: 19px;}

    .items-news > li {max-width: 308px;}
    /*/start*/

    /*footer*/
    .for-viewed .special-proposition li {width: 287px !important;}
    .main .for-viewed .special-proposition li {width: 314px !important;}
    .main .for-viewed .special-proposition .content-carousel {padding-left: 23px;}

    footer .nav-default-inline {width: 190px;}
    footer .box-2 {width: 321px; padding-left: 19px;}
    footer .box-2 .nav {margin-left: 0;}
    footer .box-3 {width: 310px; padding-left: 19px;}
    footer .box-3 .phone {margin-right: 10px;}
    footer .box-4 {padding-left: 12px;}
    /*/footer*/
}

@media screen and (max-width: 1320px){
    .container, .outer-container {max-width: 1000px;}

    /*header*/
    .left-header {width: 327px;}
    .left-header > .nav {padding: 0 5px;}
    .left-header .nav-default-inline a, .left-header .nav-default-inline span {padding-left: 5px; padding-right: 5px;}
    .frame-time-work {display: none;}
    .phones-header {padding-left: 10px;}
    .phones-header .phone-number + .phone-number {margin: 0;}
    .icon_phone_header {margin-right: 3px;}

    .frame-search-form {width: 375px;}
    .compare-list-btn button, .wish-list-btn button {width: 60px;}
    .btn-bask > button, .btn-bask > a {width: 210px;}
    .compare-list-btn .text-compare-list .text-el, .wish-list-btn .text-wish-list .text-el {display: none;}
    .compare-list-btn [class*="icon"], .wish-list-btn [class*="icon"] {margin: 0;}
    /*/header*/

    /*start*/
    .right-start {width: 748px;}
    .frame-baner-catalog .baner {height: 247px; width: 748px;}
    .frame-benefits {display: none !important;}

    .items-h-carousel > li {width: 196px !important;}
    .items-news > li {max-width: 100%;}
    /*/start*/

    /*footer*/
    .for-viewed .special-proposition li {width: 292px !important;}
    .for-viewed .special-proposition .content-carousel {padding-left: 22px; padding-right: 22px;}
    .main .for-viewed .special-proposition li {width: 336px !important;}

    footer .box-2 {padding-left: 40px; width: 340px;}
    footer .box-3 {padding-left: 40px; width: 328px;}
    .footer-footer .inside-padd > div.box-4 {display: none;}
    /*/footer*/

    .special-proposition .group-button-carousel .prev, .frame-complect .prev, #photoButton .prev, .photo-main-carousel .prev{left: 0px;}
    .special-proposition .group-button-carousel .next, .frame-complect .next, #photoButton .next, .photo-main-carousel .next{right: 0px;}

}

@media screen and (max-width: 1019px){
    .container, .outer-container {max-width: 788px;}

    /*header*/
    .left-header.small-menu {width: auto;}
    .left-header > .nav {padding: 0; top: 0;}
    .left-header .nav-default-inline a {width: 113px; height: 63px; line-height: 63px; display: block; text-align: center; padding: 0;}
    .drop-small-menu {width: 149px; margin-left: -1px;}
    .left-header.small-menu a span {padding: 0; display: inline; padding-right: 12px; position: relative;}
    .left-header.small-menu a span:before {content: ""; position: absolute; right: 0; top: 50%; margin-top: -2px; border: 4px solid transparent;}

    .frame-search-form {width: 313px;}
    .btn-bask > button, .btn-bask > a {width: 60px;}
    .btn-bask .text-cleaner .title {display: none;}
    .btn-bask .icon_cleaner {margin-right: 0;}
    /*/header*/

    /*start*/
    .right-start {width: 536px;}
    .frame-baner-catalog .baner {height: 177px; width: 536px;}
    .items-h-carousel > li {width: 214px !important;}
    /*/start*/

    /*footer*/
    .for-viewed .special-proposition li {width: 347px !important;}
    .main .for-viewed .special-proposition li {width: 230px !important;}

    footer .box-2 {padding-left: 20px; width: 330px;}
    footer .box-3 {padding-left: 20px; width: 166px;}
    footer .box-3 .phone + div {display: none;}
    /*/footer*/

    /*product*/
    .left-product-left{width: 300px;}
    .left-product-left .inside .vertical-carousel{display: none;}
    .left-product-left .vertical-carousel + *{margin-right: 0;}
    .is-add.left-product-left .photoProduct .photo-block{border-right: 0!important;}
    .left-product-right{margin-left: 330px;}
    .items-complect .row-kits li{width: 100%;}
    .row-kits li .frame-photo-title{display: inline;}
    .row-kits li .photo-block{float: left;margin-right: 10px;}
    .row-kits li .description{margin-left: 100px;}
    .items-complect .next-kit{display: none;}
    .items-complect .frame-kit{width: 100%;}
    .items-complect > li{width: 438px !important;}
    /*/product*/

    .drop-info {margin-left: -45px;}
}
@media screen and (min-width: 820px) {
    .main .frame-menu-main {display: block !important;}
}

@media screen and (max-width: 819px){
    .container, .outer-container {max-width: 500px;}

    /*header*/
    .left-header {padding-left: 0;}
    .left-header:before {content: none;}
    .header-middle .logo {display: inline-block;}
    .nav-enter-reg button, .left-header .nav-default-inline a {height: 38px;}
    .left-header .nav-default-inline a {line-height: 40px;}
    .phones-header {display: inline-block; padding-left: 13px; margin-top: -1px;}
    .phones-header .icon_phone_header,.phones-header .icon_work, .phones-header .btn-order-call {display: none;}
    .phones-header .phone-number {font-size: 12px;}
    .menu-main-button button {width: 260px;}
    .frame-search-form {width: 60px; margin: 0;}
    .btn-search-show-hide .icon_search {background-position: -120px -20px;}
    .frame-search-form > div {padding: 0;}
    .frame-search-form button {width: 100%; height: 44px;}
    input.input-search {border: 1px solid transparent;}
    #searchDrop {width: 300px; margin-left: -125px;}
    .drop-search {margin-top: -1px;}
    .menu-main {border-top: 1px solid transparent;}
    /*/header*/

    /*menu*/
    .horizontal-menu .frame-drop-menu, .menu-main .frame-l2.is-side {position: relative; left: 0 !important; top: 0 !important;}
    .menu-main .frame-l2.is-side {border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
    /*/menu*/

    /*start*/
    .left-start {display: none;}
    .right-start {width: 498px; border-left: 1px solid transparent;}
    .frame-baner-catalog .baner {height: 164px; width: 498px;}
    .items-h-carousel > li {width: 195px !important;}
    .items-brands > li .photo-block {width: 244px; padding-left: 40px !important; padding-right: 40px !important;}
    .items-brands > li + li + li .photo-block:after {width: 230px;}
    .frame-brands {border-bottom: 1px solid transparent; margin-bottom: 12px; padding-bottom: 7px;}
    .frame-brands:before, .frame-brands:after {content: none;}
    /*/start*/

    /*footer*/
    .for-viewed .special-proposition li, .main .for-viewed .special-proposition li {width: 432px !important;}

    .footer-footer .inside-padd > div.box-3 {display: none;}
    footer [class*="box-"] {padding: 0 !important; width: auto !important; }
    footer .box-1, footer .box-2 {display: block !important;}
    footer .box-1 {padding-top: 15px !important; padding-bottom: 21px !important;}
    footer .box-2 {padding: 18px 30px 0 !important; border-top: 1px solid transparent;}
    footer .box-1 li {display: block; text-align: center;}
    footer .box-1 li a {padding: 4px 20px; display: inline-block;}
    /*/footer*/

    /*container margins*/
    .left-product, .left-cart, .left-order {margin-right: 10px;}
    .right-cart, .right-order {margin-right: 10px; margin-left: 10px;}
    /*/container margins*/

    .items-contact{display: none;}

    .footer-footer .t-a_j > div{width: 100%;text-align: center;margin-bottom: 20px;}
    .seo-text{margin-bottom: 0;}
    .frame-type-company > div{display: inline;}
    footer .nav-default-inline{width: auto;}

    .left-product-right{margin-left: 0;}
    .left-product-left, .left-product-right{width: 100%;}
    .accessories-height{max-height: 208px;overflow: hidden;}
    .frame-frame-list-comments, .frame-comments-main-form{max-height: 0;overflow: hidden;}
    .left-product-left > .inside{margin-bottom: 12px;}
    .left-product-left .comments{margin-bottom: 5px!important;}

    .frame-catalog-view{display: none !important;}
    .frame-wish-compare-list{text-align: center !important;}

    .info-menu-page-height{max-height: 0;overflow: hidden;}

    .page-profile .frame-change-profile{float: none;width: auto;}
    .page-profile .info-discount{margin-left: 0;}

    .frame-btn-comp, .frame-user-toolbar.active .items-user-toolbar > li.box-2, .page-compare .no-empty, .page-compare .empty{display: none;}

    .left-cart{float: none;width: auto;}
    .right-cart{width: auto;}
    .order-form{padding-right: 0;border-right: 0;}

    .left-order{float: none;width: auto;}
    .right-order{width: auto;float: none;}

    .not-js .menu-main [data-mq-target]{display: none;}

    .isTouch .frame-user-toolbar{position: absolute;top: 0;bottom: auto;}
    .isTouch .btn-to-up{display: none !important;}
    .isTouch .fon-header{padding-top: 38px;}
    .isTouch .footer-footer{padding-bottom: 0 !important;}
    .isTouch .drop-info{bottom: auto;}

    .frame-for-photo-popup{max-width: 100%;}

    .drop-bask .btn-form{display: none;}
    .drop-bask .drop-content .inside-padd{padding: 10px 15px 0 14px;}

    /*main menu of category*/
    .frame-drop-menu > table{max-width: 100%;width: auto;}
    .horizontal-menu .menu-main td td > .frame-item-menu{background: none !important;}
    .menu-main td td .frame-item-menu > .frame-title .helper{height: auto !important;}
    .menu-main td td {text-align: left;}
    .menu-main td td .frame-drop-menu > ul{border: 0;height: auto !important;}
    .menu-row-category td td .frame-drop-menu > ul > li{width: auto;}
    .menu-row-category td td .title-category-l1{display: block;width: auto;}
    .menu-row-category td td .left-drop .frame-l2, .menu-row-category td td .right-drop .frame-l2{position: static;}
    td td .frame-drop-menu{height: auto !important;}
    td td .frame-drop-menu{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    td td .frame-drop-menu > ul > li:after{display: none !important;}
    .menu-main td td .frame-l2 [class^="column2_"] > a{padding: 4px 10px 5px;}
    td td .frame-item-menu > .frame-title .text-el{padding: 10px 15px;}
    td td .frame-item-menu > .frame-title:after{display: none;}
    td td .frame-item-menu > .frame-title > a:before{content: '';border-top: 1px solid transparent;position: absolute;left: 0;top: 0;width: 100%;display: block!important;}
    td td:first-child .frame-item-menu > .frame-title > a:before{display: none;}
    .menu-row-category td td .title-category-l1{padding-left: 30px;}
    .menu-row-category td td .frame-drop-menu .frame-l2 > ul{padding-left: 30px;}
    .menu-row-category td td li:hover > .title-category-l1{background: none;}
    .menu-row-category td td .frame-drop-menu > ul > li{padding-right: 15px;}

    .menu-row-category .title-category-l1.is-sub:after, td td .frame-item-menu > .frame-title.is-sub > a:after{content: "";position: absolute;top: 50%;margin-top: -4px;width: 7px;height: 7px;right: 7px;}
    .menu-row-category .title-category-l1.is-sub:after, td td .frame-item-menu > .frame-title.is-sub > a:after{background-position: -1260px 0;}
    .menu-row-category .hoverM > .title-category-l1.is-sub:after, td td .hoverM > .frame-item-menu > .frame-title.is-sub > a:after{background-position: -1280px 0;margin-top: 0;right: 10px;}
    .menu-row-category .frame-drop-menu > ul.nav > li{padding: 4px 15px;float: left;width: 150px;margin-bottom: 8px;margin-top: 3px;}
    /*/main menu of category*/

    /*icons*/
    .icon_view_product{width: 16px;height: 10px;background-position: -1300px 0;margin-right: 9px;}
    .icon_personal_area{width: 13px;height: 13px;background-position: -1320px 0;margin-right: 9px;}
    .icon_exit_shop{width: 11px;height: 12px;background-position: -1340px 0;margin-right: 9px;}
    .btn-already-show .icon_arrow_down{display: none !important;}
    .icon_view_product{display: block;}
    /*/icons*/

    .items-user-toolbar .text-el{font-size: 11px;}
    .items-user-toolbar > li{width: 33.3%;}
    .isLogined .items-user-toolbar > li{width: 25%;}

    .page-404{text-align: left;}
    .page-404 img{float: none;}
    .page-404 .description{margin-left: 0;}
}
@media screen and (max-width: 519px){
    .container, .outer-container {max-width: 340px; padding-left: 0; padding-right: 0;}

    /*header*/
    .nav-enter-reg button {width: 60px;}
    .nav-enter-reg button .text-el, .left-header .nav-default-inline a .text-el {display: none;}
    .icon_enter {margin: 0;}
    .phones-header {padding: 0; width: 144px; text-align: center;}
    .phones-header .phone-number {margin: 0; display: block; line-height: 15px;}
    .drop-profile {margin-left: -60px;}
    .drop-profile:before {left: 75%;}

    .menu-main-button button {width: 100px; text-align: center;}
    .menu-main-button > button > .text-el, .icon_menu_arrow {display: none;}
    .icon_menu {margin: 0;}
    #searchDrop {margin-left: -70px;}
    /*/header*/

    /*menu*/
    .menu-main-button .frame-menu-main {width: 340px;}
    .menu-row-category .frame-drop-menu > ul > li {width: 318px;}
    .menu-row-category .title-category-l1 {width: 303px;}
    .menu-row-category li + li .title-category-l1:before {width: 308px;}
    /*/menu*/

    /*start*/
    .right-start {width: 338px;}
    .frame-baner-catalog .baner {height: 112px; width: 340px;}
    .tabs-special-proposition {padding-left: 5px;}
    .tabs-special-proposition button {padding: 9px 4px 10px; font-size: 11px;}
    .items-h-carousel > li {width: 230px !important;}
    .items-brands {margin-left: 8px;}
    .items-brands > li .photo-block {width: 161px; padding-left: 10px !important; padding-right: 10px !important;}
    .items-brands > li + li + li .photo-block:after {width: 147px;}
    /*/start*/

    /*footer*/
    .for-viewed .special-proposition li, .main .for-viewed .special-proposition li {width: 292px !important;}
    /*/footer*/

    /*catalog*/
    .left-catalog {margin-right: 10px;}
    .right-catalog {margin-left: 10px;}
    /*/catalog*/

    .content-footer .box-3 .inside-padd{padding-left: 0;}

    .items-complect > li{width: 278px !important;}

    .menu-main .title-united > .text-el{padding: 0 45px 0 30px;}
    .icon-is-sub{right: 30px;}

    .special-proposition .content-carousel{padding: 0 44px 25px;}
    .left-catalog{float: none;width: auto;}
    .items-default, .items-catalog.table#items-catalog-main{text-align: center;}
    .items-default .photo-block{margin: auto;}
    .filter-height{max-height: 0;overflow: hidden;}

    .page-profile .tabs-data > li{max-width: 30%;}
    .page-profile .tabs-data > li > button{line-height: 1.2;}

    .photoProduct .photo-block{height: 250px;}

    /*bask*/
    .drop-bask .drop-content .inside-padd{padding: 10px 15px 0 14px;}
    .items-bask .photo-block{float: none;display: block;}
    .frame-remove-bask-btn{width: 25px;}
    .icon_times_cart, .icon_times{width: 18px;}
    .drop-bask .footer-bask .inside-padd{padding: 7px 15px 7px 15px;}
    .frame-bask .footer-bask .price-new .price{}
    .drop-bask .cart-product .frame-items{width: 120px;}
    .row-kits .frame-items{width: 120px;}
    .frame-bask .frame-items{padding-right: 5px;}
    .table-order .frame-items{padding-left: 5px;}
    .frame-bask .next-kit, .frame-bask .gen-sum-kit{display: none;}
    .frame-bask .frame-count{max-width: 55px;text-align: right !important;}
    .drop-bask .frame-cur-sum-price > .frame-prices{position: absolute;top: 70px;right: 2px;}
    .drop-bask .frame-cur-sum-price{position: relative;display: block;border: 0 !important;padding: 0 !important;}
    .table-order .row-kits .frame-count{border-right-width: 1px;padding-right: 7px;text-align: right !important;}
    .frame-bask .footer-bask .price-new .price{font-size: 18px;}
    .frame-bask .footer-bask .price-add .price{font-size: 16px;}
    /*/bask*/

    .items-user-toolbar > li > div > button > .text-el .text-el, .items-user-toolbar > li > button > .text-el .text-el, .items-user-toolbar > li > a > .text-el .text-el{display: none;}
    .items-user-toolbar [class*='icon_']{display: block;margin: auto;margin-bottom: 3px;}
    .items-user-toolbar .icon_wish_list{margin-bottom: 4px;}
    .items-user-toolbar .icon_view_product{margin-top: 1px;}
    .items-user-toolbar .icon_enter{margin-top: -1px;margin-bottom: 4px;}

    .btn-bask .frame-icon{width: 23px;}

    .tooltip{max-width: 150px;}

    .items-catalog > li{margin-bottom: 15px;}

    .content-footer .box-2, .content-footer .box-3{border-left: 0;}
}
@media screen and (max-width: 357px){
    .menu-main-button button {width: 59px;}
    .phones-header {width: 121px;}
}
@media screen and (max-width: 1019px) and (min-width: 820px){
    .left-cart .horizontal-form .frame-form-field{margin-left: 0;}
    .left-cart .horizontal-form label > .title, .left-cart .horizontal-form .frame-label > .title{text-align: left;float: none;}
    .left-cart .horizontal-form label, .left-cart .horizontal-form .frame-label{margin-top: 8px;}
}
@media screen and (max-width: 819px) and (min-width: 200px){
    .content-footer .box-2{width: 214px;}
    .content-footer .box-3{width: 245px;}
    .content-footer .box-3 .inside-padd{padding-left: 10px;}
    .content-footer .frame-description-benefit{width: 162px;}
}
@media screen and (max-width: 319px){
    .menu-main .title-united > .text-el{padding: 0 10px 0 5px;}
    .icon-is-sub{right: 3px;}
}

@media(max-width: 1319px) {
    .left-content-header .f_r {
        border-left: 1px solid #e9e9e9;
    }

    .nav-enter-reg button {
        border: 0;
    }


}

@media(max-width: 820px) {
    .phones-header {
        flex-shrink: 0;
    }
    .phones-header__item {
        padding: 0 5px;
    }
}