/* Стили штатной шапки и подвала, ограниченные .brand-site-shell. */
.brand-site-shell{
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
.brand-site-shell{
    margin: 0
}
.brand-site-shell article,.brand-site-shell aside,.brand-site-shell footer,.brand-site-shell header,.brand-site-shell nav,.brand-site-shell section{
    display: block
}
.brand-site-shell h1{
    font-size: 2em;
    margin: .67em 0
}
.brand-site-shell figcaption,.brand-site-shell figure,.brand-site-shell main{
    display: block
}
.brand-site-shell figure{
    margin: 1em 40px
}
.brand-site-shell hr{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
.brand-site-shell pre{
    font-family: monospace, monospace;
    font-size: 1em
}
.brand-site-shell a{
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.brand-site-shell a:active,.brand-site-shell a:hover{
    outline-width: 0
}
.brand-site-shell abbr[title]{
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
.brand-site-shell b,.brand-site-shell strong{
    font-weight: inherit
}
.brand-site-shell b,.brand-site-shell strong{
    font-weight: bolder
}
.brand-site-shell code,.brand-site-shell kbd,.brand-site-shell samp{
    font-family: monospace, monospace;
    font-size: 1em
}
.brand-site-shell dfn{
    font-style: italic
}
.brand-site-shell mark{
    background-color: #ff0;
    color: #000
}
.brand-site-shell small{
    font-size: 80%
}
.brand-site-shell sub,.brand-site-shell sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
.brand-site-shell sub{
    bottom: -.25em
}
.brand-site-shell sup{
    top: -.5em
}
.brand-site-shell audio,.brand-site-shell video{
    display: inline-block
}
.brand-site-shell audio:not([controls]){
    display: none;
    height: 0
}
.brand-site-shell img{
    border-style: none
}
.brand-site-shell svg:not(:root){
    overflow: hidden
}
.brand-site-shell button,.brand-site-shell input,.brand-site-shell optgroup,.brand-site-shell select,.brand-site-shell textarea{
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
.brand-site-shell button,.brand-site-shell input{
    overflow: visible
}
.brand-site-shell button,.brand-site-shell select{
    text-transform: none
}
.brand-site-shell [type=reset],.brand-site-shell [type=submit],.brand-site-shell button,.brand-site-shell [type=button]{
    -webkit-appearance: button
}
.brand-site-shell [type=button]::-moz-focus-inner,.brand-site-shell [type=reset]::-moz-focus-inner,.brand-site-shell [type=submit]::-moz-focus-inner,.brand-site-shell button::-moz-focus-inner{
    border-style: none;
    padding: 0
}
.brand-site-shell [type=button]:-moz-focusring,.brand-site-shell [type=reset]:-moz-focusring,.brand-site-shell [type=submit]:-moz-focusring,.brand-site-shell button:-moz-focusring{
    outline: 1px dotted ButtonText
}
.brand-site-shell fieldset{
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
.brand-site-shell legend{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
.brand-site-shell progress{
    display: inline-block;
    vertical-align: baseline
}
.brand-site-shell textarea{
    overflow: auto
}
.brand-site-shell [type=checkbox],.brand-site-shell [type=radio]{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
.brand-site-shell [type=number]::-webkit-inner-spin-button,.brand-site-shell [type=number]::-webkit-outer-spin-button{
    height: auto
}
.brand-site-shell [type=search]{
    -webkit-appearance: textfield;
    outline-offset: -2px
}
.brand-site-shell [type=search]::-webkit-search-cancel-button,.brand-site-shell [type=search]::-webkit-search-decoration{
    -webkit-appearance: none
}
.brand-site-shell ::-webkit-file-upload-button{
    -webkit-appearance: button;
    font: inherit
}
.brand-site-shell details,.brand-site-shell menu{
    display: block
}
.brand-site-shell summary{
    display: list-item
}
.brand-site-shell canvas{
    display: inline-block
}
.brand-site-shell template{
    display: none
}
.brand-site-shell [hidden]{
    display: none
}
@-webkit-keyframes logo_roobin-anim {
    0%, 80% {
        fill: transparent
    }
    20%, 25% {
        fill: #e1dc00
    }
}
@keyframes logo_roobin-anim {
    0%, 80% {
        fill: transparent
    }
    20%, 25% {
        fill: #e1dc00
    }
}
.brand-site-shell{
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.brand-site-shell *,.brand-site-shell ::after,.brand-site-shell ::before{
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
.brand-site-shell{
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
.brand-site-shell{
    font-family:'BMW Catalog Roboto 0','BMW Catalog Roboto 1','BMW Catalog Roboto 2','BMW Catalog Roboto 3','BMW Catalog Roboto 4',Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}
.brand-site-shell [tabindex="-1"]:focus{
    outline: 0 !important
}
.brand-site-shell h1,.brand-site-shell h2,.brand-site-shell h3,.brand-site-shell h4,.brand-site-shell h5,.brand-site-shell h6{
    margin-top: 0;
    margin-bottom: .5rem
}
.brand-site-shell p{
    margin-top: 0;
    margin-bottom: 1rem
}
.brand-site-shell abbr[data-original-title],.brand-site-shell abbr[title]{
    cursor: help
}
.brand-site-shell address{
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}
.brand-site-shell dl,.brand-site-shell ol,.brand-site-shell ul{
    margin-top: 0;
    margin-bottom: 1rem
}
.brand-site-shell ol ol,.brand-site-shell ol ul,.brand-site-shell ul ol,.brand-site-shell ul ul{
    margin-bottom: 0
}
.brand-site-shell dt{
    font-weight: 700
}
.brand-site-shell dd{
    margin-bottom: .5rem;
    margin-left: 0
}
.brand-site-shell blockquote{
    margin: 0 0 1rem
}
.brand-site-shell a{
    color: #292b2c;
    text-decoration: none
}
.brand-site-shell a:focus,.brand-site-shell a:hover{
    color: #040404;
    text-decoration: none
}
.brand-site-shell a:not([href]):not([tabindex]){
    color: inherit;
    text-decoration: none
}
.brand-site-shell a:not([href]):not([tabindex]):focus,.brand-site-shell a:not([href]):not([tabindex]):hover{
    color: inherit;
    text-decoration: none
}
.brand-site-shell a:not([href]):not([tabindex]):focus{
    outline: 0
}
.brand-site-shell pre{
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}
.brand-site-shell figure{
    margin: 0 0 1rem
}
.brand-site-shell img{
    vertical-align: middle
}
.brand-site-shell [role=button]{
    cursor: pointer
}
.brand-site-shell [role=button],.brand-site-shell a,.brand-site-shell area,.brand-site-shell button,.brand-site-shell input,.brand-site-shell label,.brand-site-shell select,.brand-site-shell summary,.brand-site-shell textarea{
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
.brand-site-shell table{
    border-collapse: collapse;
    background-color: transparent
}
.brand-site-shell caption{
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}
.brand-site-shell th{
    text-align: left
}
.brand-site-shell label{
    display: inline-block;
    margin-bottom: .5rem
}
.brand-site-shell button:focus{
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
.brand-site-shell button,.brand-site-shell input,.brand-site-shell select,.brand-site-shell textarea{
    line-height: inherit
}
.brand-site-shell input[type=checkbox]:disabled,.brand-site-shell input[type=radio]:disabled{
    cursor: not-allowed
}
.brand-site-shell input[type=date],.brand-site-shell input[type=datetime-local],.brand-site-shell input[type=month],.brand-site-shell input[type=time]{
    -webkit-appearance: listbox
}
.brand-site-shell textarea{
    resize: vertical
}
.brand-site-shell fieldset{
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}
.brand-site-shell legend{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}
.brand-site-shell input[type=search]{
    -webkit-appearance: none
}
.brand-site-shell output{
    display: inline-block
}
.brand-site-shell [hidden]{
    display: none !important
}
.brand-site-shell .d-none{
    display: none !important
}
@media  (min-width: 400px) {}
@media  (min-width: 480px) {}
@media  (min-width: 560px) {}
@media  (min-width: 640px) {}
@media  (min-width: 768px) {}
@media  (min-width: 1024px) {}
@media  (min-width: 1192px) {}
@media  (min-width: 1440px) {}
@media  (min-width: 400px) {}
@media  (min-width: 480px) {}
@media  (min-width: 560px) {}
@media  (min-width: 640px) {}
@media  (min-width: 768px) {}
@media  (min-width: 1024px) {}
@media  (min-width: 1192px) {}
@media  (min-width: 1440px) {}
@media  (min-width: 400px) {}
@media  (min-width: 480px) {}
@media  (min-width: 560px) {}
@media  (min-width: 640px) {}
@media  (min-width: 768px) {}
@media  (min-width: 1024px) {}
@media  (min-width: 1192px) {}
@media  (min-width: 1440px) {}
@media  (min-width: 400px) {}
@media  (min-width: 480px) {}
@media  (min-width: 560px) {}
@media  (min-width: 640px) {}
@media  (min-width: 768px) {}
@media  (min-width: 1024px) {}
@media  (min-width: 1192px) {}
@media  (min-width: 1440px) {}
@media  (min-width: 400px) {}
@media  (min-width: 480px) {}
@media  (min-width: 560px) {}
@media  (min-width: 640px) {}
@media  (min-width: 768px) {}
@media  (min-width: 1024px) {}
@media  (min-width: 1192px) {}
@media  (min-width: 1440px) {}
@media  (max-width: 399px) {}
@media  (min-width: 400px) {}
@media  (max-width: 479px) {}
@media  (min-width: 480px) {}
@media  (max-width: 559px) {}
@media  (min-width: 560px) {}
@media  (max-width: 639px) {}
@media  (min-width: 640px) {}
@media  (max-width: 767px) {}
@media  (min-width: 768px) {}
@media  (max-width: 1023px) {}
@media  (min-width: 1024px) {}
@media  (max-width: 1191px) {}
@media  (min-width: 1192px) {}
@media  (max-width: 1439px) {}
@media  (min-width: 1440px) {}
@media  print {}
@media  print {}
@media  print {}
@media  print {}
.brand-site-shell .dropdown{
    position: relative
}
.brand-site-shell .dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}
.brand-site-shell .dropdown-menu-right{
    right: 0;
    left: auto
}
.brand-site-shell{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}
.brand-site-shell *,.brand-site-shell ::after,.brand-site-shell ::before{
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
@media  (min-width: 400px) {}
@media  (min-width: 480px) {}
@media  (min-width: 560px) {}
@media  (min-width: 640px) {}
@media  (min-width: 768px) {}
@media  (min-width: 1024px) {}
@media  (min-width: 1192px) {}
@media  (min-width: 1440px) {}
.brand-site-shell .bg-dark{
    background-color: #464a4c
}
.brand-site-shell .header{
    position: fixed;
    z-index: 50;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 5px #464a4c;
    box-shadow: 0 0 5px #464a4c;
    padding-bottom: .3rem
}
@media  only screen and (min-width: 768px) {.brand-site-shell .header{
        padding-bottom: 0
    }}
@media  only screen and (min-width: 768px) {}
.brand-site-shell .header__line--middle .section__row{
    min-height: 4rem;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}
@media  only screen and (min-width: 768px) {.brand-site-shell .header__line--middle .section__row{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }}
.brand-site-shell .header__line--menu .section__row{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.brand-site-shell .header__logo{
    padding:0;
	margin-left:2rem;
	display:none;
}
@media  only screen and (min-width: 813px) {.brand-site-shell .header__logo{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
		padding:0 1rem;
		display:block;
    }}
@media  only screen and (min-width: 813px) {.brand-site-shell .header__logo{
        margin-bottom: 0;
        margin-left: 0
    }}
.brand-site-shell .header__logo .phone{
    margin-top: 1rem;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media  only screen and (min-width: 768px) {.brand-site-shell .header__logo .phone{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: .5rem 0
    }}
@media  only screen and (min-width: 1024px) {.brand-site-shell .header__logo .phone{
        display: none
    }}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 667px) {}
.brand-site-shell .header__search{
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
@media  only screen and (min-width: 768px) {.brand-site-shell .header__search{
         -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }}
@media  only screen and (min-width: 1024px) {.brand-site-shell .header__search{
		display: block;
        padding: 0 2rem;
		margin-right:1rem;
		 -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 768px) {}
.brand-site-shell .header__main-menu{
    display: none
}
@media  only screen and (min-width: 813px) {.brand-site-shell .header__main-menu{
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none
    }}
.brand-site-shell .header__phone{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: none
}
@media  only screen and (min-width: 960px) {.brand-site-shell .header__phone{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none
    }}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1024px) {}
.brand-site-shell .languages{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -2.5px;
    margin-right: -2.5px
}
.brand-site-shell .languages > *{
    padding-left: 2.5px;
    padding-right: 2.5px
}
.brand-site-shell .languages__link{
    display: block;
    background: center center no-repeat;
    width: 24px;
    height: 24px
}
.brand-site-shell .languages__link--ru{
    background-image: url("https://modellisimo.ru/templates/default/img/lang-ru.png")
}
.brand-site-shell .languages__link--en{
    background-image: url("https://modellisimo.ru/templates/default/img/lang-gb.png")
}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1280px) {}
@media  only screen and (min-width: 1281px) {}
@media  only screen and (min-width: 1367px) {}
.brand-site-shell .socials{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.brand-site-shell .socials > *{
    padding-left: 3px;
    padding-right: 3px
}
.brand-site-shell .socials__link{
    display: block;
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 20px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #636c72
}
.brand-site-shell .socials__link:hover{
    color: #fff;
    border-color: #e6e6e6
}
.brand-site-shell .socials__link:before{
    font-family: FontAwesome
}
.brand-site-shell .socials__link--vk:before{
    content: ""
}
.brand-site-shell .socials__link--fb:before{
    content: ""
}
.brand-site-shell .socials__link--ok:before{
    content: ""
}
.brand-site-shell .socials__link--yt:before{
    content: ""
}
.brand-site-shell .socials__link--in:before{
    content: ""
}
@media  only screen and (min-width: 668px) {}
@media  only screen and (min-width: 480px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 480px) {}
@media  only screen and (min-width: 480px) {}
@media  only screen and (min-width: 768px) {}
.brand-site-shell .menu__list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.brand-site-shell .menu__item{
    position: relative
}
.brand-site-shell .menu__item:hover > .menu--sub{
    left: 0;
    opacity: 1
}
.brand-site-shell .menu__link{
    line-height: 1;
    color: #e6e6e6;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.brand-site-shell .menu__link:before{
    font-family: FontAwesome;
    margin-right: 5px
}
.brand-site-shell .menu__link:hover{
    color: #ffd500
}
.brand-site-shell .menu--main > .menu__list > .menu__item{
    margin-right: -1px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}
.brand-site-shell .menu--main > .menu__list > .menu__item:after{
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    right: 0;
    width: 1px;
    top: 50%;
    margin-top: -.8rem;
    height: 1.6rem;
    background-color: #636c72
}
.brand-site-shell .menu--main > .menu__list > .menu__item:first-child:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1px;
    top: 50%;
    margin-top: -.8rem;
    height: 1.6rem;
    background-color: #636c72
}
.brand-site-shell .menu--main > .menu__list > .menu__item:hover{
    background-color: #636c72
}
.brand-site-shell .menu--main > .menu__list > .menu__item:first-child > .menu__link{
    color: #ffd500
}
.brand-site-shell .menu--main > .menu__list > .menu__item > .menu__link{
    height: 2.8rem;
    font-size: .85rem;
    padding-left: .5rem;
    padding-right: .5rem
}
@media  only screen and (min-width: 813px) {.brand-site-shell .menu--main > .menu__list > .menu__item > .menu__link{
        font-size: .6rem;
        padding-left: .75rem;
        padding-right: .75rem
    }}
@media  only screen and (min-width: 1024px) {.brand-site-shell .menu--main > .menu__list > .menu__item > .menu__link{
        font-size: .7rem;
        padding-left: .75rem;
        padding-right: .75rem
    }}
@media  only screen and (min-width: 1281px) {.brand-site-shell .menu--main > .menu__list > .menu__item > .menu__link{
		font-size: .9rem;
        padding-left: 1rem;
        padding-right: 1rem
    }}
.brand-site-shell .menu--main > .menu__list > .menu__item > .menu__link:before{
    font-size: 20px;
    margin-right: 1rem
}
@media  only screen and (min-width: 1192px) {.brand-site-shell .menu--main > .menu__list > .menu__item:first-child{
        width: 280px
    }}
.brand-site-shell .menu--sub{
    position: absolute;
    left: -10000px;
    opacity: 0;
    background-color: #f2f2f2;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    min-width: 100%
}
.brand-site-shell .menu--sub .menu__list{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}
.brand-site-shell .menu--sub .menu__item{
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: static
}
.brand-site-shell .menu--sub .menu__item:not(:last-child){
    border-bottom: 1px solid #f2f2f2
}
.brand-site-shell .menu--sub .menu__item:hover .menu--sub{
    left: calc(100%);
    border-left: 1px solid #f2f2f2
}
.brand-site-shell .menu--sub .menu__item:hover .menu--sub .menu__item{
    border-bottom: none
}
.brand-site-shell .menu--sub .menu__item--sub:after{
    margin-left: 1rem;
    content: "";
    font-family: FontAwesome
}
.brand-site-shell .menu--sub .menu__link{
    color: #464a4c;
    height: 1.8rem;
    font-size: .8rem
}
.brand-site-shell .menu--sub .menu__link:before{
    margin-right: 1rem
}
.brand-site-shell .menu--sub .menu__link:hover{
    text-shadow: 0 0 0 #464a4c
}
.brand-site-shell .menu--sub .menu--sub{
    height: 100%;
    top: 0
}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1024px) {}
.brand-site-shell .menu-box__list{
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}
.brand-site-shell .menu-box__item{
    padding: 0 1rem;
    position: relative;
    border-bottom: 1px solid #f2f2f2
}
.brand-site-shell .menu-box__item:first-child{
    border-top: 1px solid #f2f2f2
}
.brand-site-shell .menu-box__link{
    color: #464a4c;
    height: 2rem;
    font-size: .9rem;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.brand-site-shell .menu-box__link:before{
    font-family: FontAwesome;
    margin-right: .5rem;
    width: 17px
}
.brand-site-shell .menu-box__sub{
    max-height: 0;
    -webkit-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
    overflow: hidden
}
.brand-site-shell .menu-box__sub .menu-box{
    -webkit-box-shadow: none;
    box-shadow: none
}
.brand-site-shell .menu-box__sub .menu-box__item{
    padding: 0 .5rem
}
.brand-site-shell .menu-box__sub .menu-box__link{
    font-size: .8rem
}
.brand-site-shell :checked ~ .menu-box__sub{
    max-height: 100%;
}
.brand-site-shell .menu-box__expand{
    position: absolute;
    right: .5rem;
    top: .25rem;
    width: 25px;
    height: 25px;
    border: 1px solid #e6e6e6;
    border-radius: 50%
}
.brand-site-shell .menu-box__expand:after,.brand-site-shell .menu-box__expand:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 9px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #464a4c
}
.brand-site-shell .menu-box__expand:before{
    -webkit-transform: translate(1px, -50%) rotate(45deg);
    -ms-transform: translate(1px, -50%) rotate(45deg);
    transform: translate(1px, -50%) rotate(45deg)
}
.brand-site-shell .menu-box__expand:after{
    -webkit-transform: translate(-4px, -50%) rotate(-45deg);
    -ms-transform: translate(-4px, -50%) rotate(-45deg);
    transform: translate(-4px, -50%) rotate(-45deg)
}
.brand-site-shell :checked + .menu-box__expand:before{
    -webkit-transform: translate(-4px, -50%) rotate(45deg);
    -ms-transform: translate(-4px, -50%) rotate(45deg);
    transform: translate(-4px, -50%) rotate(45deg)
}
.brand-site-shell :checked + .menu-box__expand:after{
    -webkit-transform: translate(1px, -50%) rotate(-45deg);
    -ms-transform: translate(1px, -50%) rotate(-45deg);
    transform: translate(1px, -50%) rotate(-45deg)
}
.brand-site-shell .menu-box__checkbox{
    position: absolute;
    right: .5rem;
    top: .25rem;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    opacity: 0;
    z-index: 1
}
.brand-site-shell .icon:before{
    width: 1.6rem;
    height: 1.6rem;
    content: "";
	background-size:100%;
}
.brand-site-shell .icon-car:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/car.png")}
.brand-site-shell .icon-speed:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/speed.png")}
.brand-site-shell .icon-truck:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/truck.png")}
.brand-site-shell .icon-bike:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/bike.png")}
.brand-site-shell .icon-bus:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/bus.png")}
.brand-site-shell .icon-army:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/army.png")}
.brand-site-shell .icon-speccar:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/police.png")}
.brand-site-shell .icon-special:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/special.png")}
.brand-site-shell .icon-acc:before{background-image:url("https://modellisimo.ru/templates/default/img/icons/acc.png")}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 768px) {}
.brand-site-shell .footer{
    background: #141414;
    color: #f7f7f9
}
.brand-site-shell .footer__col{
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media  only screen and (min-width: 768px) {.brand-site-shell .footer__col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
		margin:0;
    }}
@media  only screen and (min-width: 1024px) {.brand-site-shell .footer__col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }}
.brand-site-shell .footer__title{
    font-weight: 300;
    font-size: 1.2rem;
	cursor:pointer;
	padding:0.5rem 0 0.5rem 1rem;
	border-bottom: 1px solid hsla(0,0%,100%,.08);
	position:relative;
}
.brand-site-shell .footer__title:after{
	position:absolute;
	content:"+";
	padding-right: 0.5rem;
	right:0;
	color:#fff;
}
.brand-site-shell .footer__title2:after{
	display:none;
}
@media  only screen and (min-width: 768px) {.brand-site-shell .footer__title{
		margin-bottom:1rem;
        cursor:auto;
		padding:0;
		border:0;
    }
.brand-site-shell .footer__title:after{
	display:none;
}}
.brand-site-shell .footer__socials{
    margin-bottom: 1rem;
	margin-left:1rem;
}
@media  only screen and (min-width: 768px) {.brand-site-shell .footer__socials{
	margin-left:0;
}}
.brand-site-shell .footer__list{
    margin: 0;
    padding: 0 2rem;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	display:none;
}
@media  only screen and (min-width: 768px) {.brand-site-shell .footer__list{
        display:block;
		padding:0;
    }}
.brand-site-shell .footer__link{
    color: #b2b2b2;
    font-size: .8rem;
    line-height: 1.5rem;
    font-weight: 300
}
.brand-site-shell .footer__link:hover{
    color: #f7f7f9
}
.brand-site-shell .footer__contacts{
    margin: 1rem;
    font-size: 2rem;
}
@media  only screen and (min-width: 768px) {.brand-site-shell .footer__contacts{
	margin-left:0;
	
}}
.brand-site-shell .phone{
    color: #fff;
    line-height: 1
}
.brand-site-shell .phone__number{
    display: block;
    color: inherit !important;
    font-size: 1rem;
    font-weight: 500;
    cursor: default
}
.brand-site-shell .phone__text{
    display: none;
    margin-top: .1rem;
    font-weight: 300;
    font-size: .8rem
}
@media  only screen and (min-width: 768px) {.brand-site-shell .phone__text{
        display: block;
    }}
@media  only screen and (min-width: 1024px) {.brand-site-shell .phone__text{
        padding-left: 0
    }}
.brand-site-shell .phone--footer .phone__number{
    font-size: 1.2rem;
    font-weight: 400
}
@media  only screen and (min-width: 1192px) {.brand-site-shell .phone--footer .phone__number{
        font-size: 1.5rem
    }}
.brand-site-shell .phone--footer .phone__text{
    color: #b2b2b2
}
.brand-site-shell .logo{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.brand-site-shell .logo__image{
    background: url("https://modellisimo.ru/templates/default/img/logo3.png") no-repeat left center/contain;
    min-width: 100%;
    height: 40px;
}
.brand-site-shell .logo__descriptor{
    margin-top: .1rem;
    color: #454545;
    text-transform: uppercase;
    font-size: 7.7px;
    white-space: nowrap;
    font-weight: 600;
    font-family:'BMW Catalog Roboto 0','BMW Catalog Roboto 1','BMW Catalog Roboto 2','BMW Catalog Roboto 3','BMW Catalog Roboto 4',Arial,sans-serif;

}
@media  only screen and (min-width: 768px) {.brand-site-shell .logo{margin-left:0;}
.brand-site-shell .logo__descriptor{
        font-size: 12px;
        margin-top: .2rem;
    }}
.brand-site-shell .sandwich{
    position: fixed;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 10px;
    top: 26px;
    z-index: 200;
    cursor: pointer;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}
body.p-sandwich--active .brand-site-shell .sandwich{
    left: 90%
}
@media  only screen and (min-width: 813px) {.brand-site-shell .sandwich{
        display: none
    }}
.brand-site-shell .sandwich > span{
    border: none;
    display: block;
    border-radius: 4px;
    background-color: #464a4c
}
.brand-site-shell .sandwich__topper{
    position: relative;
    top: 0;
    width: 24px;
    height: 2px
}
.brand-site-shell .sandwich--animated .sandwich__topper{
    -webkit-transition: top .2s, -webkit-transform .5s;
    transition: top .2s, -webkit-transform .5s;
    -o-transition: transform .5s, top .2s;
    transition: transform .5s, top .2s;
    transition: transform .5s, top .2s, -webkit-transform .5s
}
body.p-sandwich--active .brand-site-shell .sandwich__topper{
    top: 7px;
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg)
}
.brand-site-shell .sandwich__bottom{
    position: relative;
    width: 24px;
    height: 2px;
    top: 4px
}
.brand-site-shell .sandwich--animated .sandwich__bottom{
    -webkit-transition: top .2s, -webkit-transform .5s;
    transition: top .2s, -webkit-transform .5s;
    -o-transition: transform .5s, top .2s;
    transition: transform .5s, top .2s;
    transition: transform .5s, top .2s, -webkit-transform .5s;
    -webkit-transition-delay: .2s, 0s;
    -o-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}
body.p-sandwich--active .brand-site-shell .sandwich__bottom{
    top: 5px;
    -webkit-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    transform: rotate(-140deg)
}
.brand-site-shell .sandwich__footer{
    position: relative;
    width: 24px;
    height: 2px;
    top: 8px
}
body.p-sandwich--active .brand-site-shell .sandwich__footer{
    display: none
}
.brand-site-shell .sandwich-sidebar{
    position: fixed;
    -webkit-box-shadow: 0 0 5px #464a4c;
    box-shadow: 0 0 5px #464a4c;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    width: 0;
    -webkit-transition: .3s ease width;
    -o-transition: .3s ease width;
    transition: .3s ease width;
    z-index: 50;
    background-color: #f7f7f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
body.p-sandwich--active .brand-site-shell .sandwich-sidebar{
    width: 100%
}
.brand-site-shell .sandwich-sidebar__header{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 1rem 3rem 1rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.brand-site-shell .sandwich-sidebar__body{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.brand-site-shell .sandwich-sidebar__footer{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6rem;
    flex: 0 0 6rem;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 400px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 400px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 667px) {}
@media  only screen and (min-width: 812px) {}
.brand-site-shell .basket-box{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.brand-site-shell .basket-box__products-list{
    padding: .5rem 2rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    
    overflow-y:auto;
	max-height:400px;
}
.brand-site-shell .basket-box__footer{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2rem;
    -webkit-box-shadow: 0 -1px 4px #636c72;
    box-shadow: 0 -1px 4px #636c72
}
.brand-site-shell .basket-box__total{
    line-height: 1
}
.brand-site-shell .basket-box__total-value{
    font-size: 2rem;
    font-weight: 700;
    color: #292b2c
}
.brand-site-shell .basket-box__total-value:after{
    padding-left: .1em;
    font-size: .9em;
    content: "";
    font-family: FontAwesome
}
@media  only screen and (min-width: 768px) {}
.brand-site-shell .popup{
    display: none;
    cursor: default;
    color: #292b2c;
    right: 0;
    top: 100%;
    width: 510px;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    font-size: 1rem;
    background-color: #fff;
    -webkit-transition: opacity .3s ease-in-out, max-height .8s ease-in-out;
    -o-transition: opacity .3s ease-in-out, max-height .8s ease-in-out;
    transition: opacity .3s ease-in-out, max-height .8s ease-in-out;
    border: 4px solid #f0ad4e
}
@media  (max-width: 639px) {.brand-site-shell .popup{
        left: 0;
        top: 56px;
        bottom: 0;
        position: fixed;
        width: auto;
        border: none;
        border-top: 1px solid #f0ad4e
    }}
.brand-site-shell .popup__header{
    position: relative;
    z-index: 1;
    background-color: #fff;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem;
    font-size: 1.5rem;
    font-weight: 300;
    color: #292b2c;
    -webkit-box-shadow: 0 1px 4px #636c72;
    box-shadow: 0 1px 4px #636c72
}
@media  (max-width: 639px) {.brand-site-shell .popup__header{
        height: 2rem;
        font-size: 1rem;
        padding: 0 1rem
    }}
.brand-site-shell .popup__title{
    font-size: 1.5rem;
    font-weight: 300
}
@media  (max-width: 639px) {.brand-site-shell .popup__title{
        font-size: 1rem
    }}
.brand-site-shell .popup__close{
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    color: #636c72;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}
.brand-site-shell .popup__close:before{
    font-family: FontAwesome;
    content: ""
}
.brand-site-shell .popup__close:hover{
    color: #464a4c
}
.brand-site-shell .popup__body{
    height: calc(100% - 4rem)
}
@media  (max-width: 639px) {.brand-site-shell .popup__body{
        height: calc(100% - 2rem)
    }}
@media  only screen and (min-width: 960px) {}
.brand-site-shell #order-but-continue,.brand-site-shell #print-button,.brand-site-shell .button{
    outline: 0 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #f7f7f9;
    border-radius: 1.5rem;
    outline: 0;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    font-size: .9rem;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #f7f7f9;
    -webkit-transition: background-color .56s cubic-bezier(0, .73, .76, .95), -webkit-box-shadow .56s cubic-bezier(0, .73, .76, .95);
    transition: background-color .56s cubic-bezier(0, .73, .76, .95), -webkit-box-shadow .56s cubic-bezier(0, .73, .76, .95);
    -o-transition: background-color .56s cubic-bezier(0, .73, .76, .95), box-shadow .56s cubic-bezier(0, .73, .76, .95);
    transition: background-color .56s cubic-bezier(0, .73, .76, .95), box-shadow .56s cubic-bezier(0, .73, .76, .95);
    transition: background-color .56s cubic-bezier(0, .73, .76, .95), box-shadow .56s cubic-bezier(0, .73, .76, .95), -webkit-box-shadow .56s cubic-bezier(0, .73, .76, .95);
    padding-left: 2rem;
    padding-right: 2rem;
    height: 3rem
}
.brand-site-shell #order-but-continue:active,.brand-site-shell #order-but-continue:focus,.brand-site-shell #order-but-continue:hover,.brand-site-shell #print-button:active,.brand-site-shell #print-button:focus,.brand-site-shell #print-button:hover,.brand-site-shell .button:active,.brand-site-shell .button:focus,.brand-site-shell .button:hover{
    color: #f7f7f9;
    text-decoration: none
}
.brand-site-shell #order-but-continue:active,.brand-site-shell #print-button:active,.brand-site-shell .button:active{
    padding-top: 1px
}
.brand-site-shell #order-but-continue--primary,.brand-site-shell #print-button--primary,.brand-site-shell .button--primary{
    border-color: #f0ad4e;
    -webkit-box-shadow: 0 0 1px 0 #f0ad4e;
    box-shadow: 0 0 1px 0 #f0ad4e;
    background-color: #f0ad4e
}
.brand-site-shell #order-but-continue--primary:hover,.brand-site-shell #print-button--primary:hover,.brand-site-shell .button--primary:hover{
    -webkit-box-shadow: 0 0 5px 3px #f0ad4e;
    box-shadow: 0 0 5px 3px #f0ad4e
}
.brand-site-shell #order-but-continue--blue,.brand-site-shell #print-button--blue{
    border-color: #0275d8;
    -webkit-box-shadow: 0 0 1px 0 #0275d8;
    box-shadow: 0 0 1px 0 #0275d8;
    color: #0275d8;
    background-color: transparent
}
.brand-site-shell #order-but-continue--blue:active,.brand-site-shell #order-but-continue--blue:focus,.brand-site-shell #order-but-continue--blue:hover,.brand-site-shell #print-button--blue:active,.brand-site-shell #print-button--blue:focus,.brand-site-shell #print-button--blue:hover{
    -webkit-box-shadow: 0 0 5px 3px #0275d8;
    box-shadow: 0 0 5px 3px #0275d8;
    color: #0275d8
}
.brand-site-shell #order-but-continue--link,.brand-site-shell #print-button--link{
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #f0ad4e;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0
}
.brand-site-shell #order-but-continue--link:hover,.brand-site-shell #print-button--link:hover{
    color: #ec971f;
    -webkit-box-shadow: none;
    box-shadow: none
}
.brand-site-shell #order-but-continue--mini,.brand-site-shell #print-button--mini{
    padding-left: .5rem;
    padding-right: .5rem;
    height: 2rem
}
.brand-site-shell #order-but-continue,.brand-site-shell #print-button{
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #f0ad4e;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0
}
.brand-site-shell #order-but-continue:hover,.brand-site-shell #print-button:hover{
    color: #ec971f;
    -webkit-box-shadow: none;
    box-shadow: none
}
@-webkit-keyframes button-animate {
    0% {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #00d9f7), color-stop(70%, #00a3f8));
        background-image: -webkit-linear-gradient(left, #00d9f7 30%, #00a3f8 70%);
        background-image: linear-gradient(to right, #00d9f7 30%, #00a3f8 70%)
    }
    to {
        background-image: -webkit-gradient(linear, left top, right top, from(#00d9f7), color-stop(50%, #00a3f8));
        background-image: -webkit-linear-gradient(left, #00d9f7 0, #00a3f8 50%);
        background-image: linear-gradient(to right, #00d9f7 0, #00a3f8 50%)
    }
}
@keyframes button-animate {
    0% {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #00d9f7), color-stop(70%, #00a3f8));
        background-image: -webkit-linear-gradient(left, #00d9f7 30%, #00a3f8 70%);
        background-image: -o-linear-gradient(left, #00d9f7 30%, #00a3f8 70%);
        background-image: linear-gradient(to right, #00d9f7 30%, #00a3f8 70%)
    }
    to {
        background-image: -webkit-gradient(linear, left top, right top, from(#00d9f7), color-stop(50%, #00a3f8));
        background-image: -webkit-linear-gradient(left, #00d9f7 0, #00a3f8 50%);
        background-image: -o-linear-gradient(left, #00d9f7 0, #00a3f8 50%);
        background-image: linear-gradient(to right, #00d9f7 0, #00a3f8 50%)
    }
}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1440px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1440px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 480px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
.brand-site-shell input[name=delivery],.brand-site-shell input[name=payment]{
    display: none
}
.brand-site-shell #city-list{
    padding: 20px;
    margin: 0 -5px;
    -webkit-columns: 7;
    columns: 7
}
.brand-site-shell #order-fld-9{
    display: none
}
.brand-site-shell #order-but-recalc{
    display: none
}
.brand-site-shell #order-table{
    position: relative;
    max-width: 100%;
    overflow-x: auto
}
.brand-site-shell #order-but-continue{
    display: none
}
.brand-site-shell #order-table1{
    max-width: 100%
}
.brand-site-shell #order-table1 *{
    display: block
}
.brand-site-shell #order-table1 tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.brand-site-shell #goodsform{
    max-width: 992px;
    margin: auto
}
.brand-site-shell #invoice-form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.brand-site-shell #invoice-form input[type=text],.brand-site-shell #invoice-form select{
    border-radius: 1rem;
    height: 26px;
    line-height: 1.5rem;
    border: 1px solid #636c72;
    padding: 0 .5rem;
    outline: 0;
    font-size: .9rem
}
.brand-site-shell #invoice-form input[type=text]:focus,.brand-site-shell #invoice-form select:focus{
    border-color: #0275d8
}
.brand-site-shell #invoice-form input[type=button],.brand-site-shell #invoice-form input[type=submit]{
    outline: 0 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #f7f7f9;
    border-radius: 1.5rem;
    outline: 0;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    font-size: .9rem;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #f7f7f9;
    -webkit-transition: background-color .56s cubic-bezier(0, .73, .76, .95), -webkit-box-shadow .56s cubic-bezier(0, .73, .76, .95);
    transition: background-color .56s cubic-bezier(0, .73, .76, .95), -webkit-box-shadow .56s cubic-bezier(0, .73, .76, .95);
    -o-transition: background-color .56s cubic-bezier(0, .73, .76, .95), box-shadow .56s cubic-bezier(0, .73, .76, .95);
    transition: background-color .56s cubic-bezier(0, .73, .76, .95), box-shadow .56s cubic-bezier(0, .73, .76, .95);
    transition: background-color .56s cubic-bezier(0, .73, .76, .95), box-shadow .56s cubic-bezier(0, .73, .76, .95), -webkit-box-shadow .56s cubic-bezier(0, .73, .76, .95);
    padding-left: .5rem;
    padding-right: .5rem;
    height: 2rem;
    border-color: #0275d8;
    -webkit-box-shadow: 0 0 1px 0 #0275d8;
    box-shadow: 0 0 1px 0 #0275d8;
    color: #0275d8;
    background-color: transparent
}
.brand-site-shell #invoice-form input[type=button]:active,.brand-site-shell #invoice-form input[type=button]:focus,.brand-site-shell #invoice-form input[type=button]:hover,.brand-site-shell #invoice-form input[type=submit]:active,.brand-site-shell #invoice-form input[type=submit]:focus,.brand-site-shell #invoice-form input[type=submit]:hover{
    color: #f7f7f9;
    text-decoration: none
}
.brand-site-shell #invoice-form input[type=button]:active,.brand-site-shell #invoice-form input[type=submit]:active{
    padding-top: 1px
}
.brand-site-shell #invoice-form input[type=button]:active,.brand-site-shell #invoice-form input[type=button]:focus,.brand-site-shell #invoice-form input[type=button]:hover,.brand-site-shell #invoice-form input[type=submit]:active,.brand-site-shell #invoice-form input[type=submit]:focus,.brand-site-shell #invoice-form input[type=submit]:hover{
    -webkit-box-shadow: 0 0 5px 3px #0275d8;
    box-shadow: 0 0 5px 3px #0275d8;
    color: #0275d8
}
.brand-site-shell #invoice-form a{
    border-bottom: 1px dotted;
    text-decoration: none
}
.brand-site-shell #invoice-form a:hover{
    color: #0275d8
}
.brand-site-shell #invoice-form #group_courier,.brand-site-shell #invoice-form #invoice-form-send-el-goods{
    display: none
}
.brand-site-shell #invoice-table tr{
    border-bottom: 1px solid #636c72
}
.brand-site-shell #invoice-table small{
    font-size: 12px
}
.brand-site-shell .section{
    padding-top: 1rem;
    padding-bottom: 1rem
}
@media  only screen and (min-width: 1192px) {.brand-site-shell .section{
        padding-top: 2rem;
        padding-bottom: 2rem
    }}
.brand-site-shell .section__inner{
    width: 100%;
    max-width: 1440px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}
.brand-site-shell .section__row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.brand-site-shell .section--header .section__row{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
.brand-site-shell .section--footer{
    padding-bottom: 6rem
}
.brand-site-shell .section--header{
    padding-top: 0;
    padding-bottom: 0
}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 560px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 560px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 560px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 560px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 480px) {}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1024px) {}
.brand-site-shell .overlay{
    position: fixed;
    z-index: 10;
    top: 150px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-color: rgba(0, 0, 0, .2)
}
.brand-site-shell .header-controls{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}
@media  only screen and (min-width: 768px) {.brand-site-shell .header-controls:before{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 1px;
        height: 2.5rem;
        background-color: #e6e6e6
    }}
.brand-site-shell .header-controls__item{
    position: relative;
    margin-left: -1px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}
.brand-site-shell .header-controls__item:hover{
    background-color: #e6e6e6
}
.brand-site-shell .control-basket{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #636c72;
    font-size: 1rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    width: 100%;
    height: 100%;
    font-size: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -1px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    color: #636c72;
    position: relative
}
@media  only screen and (min-width: 768px) {.brand-site-shell .control-basket{
        border-radius: 0;
        width: 4rem;
        height: 4rem;
        font-size: 1.5rem;
		    line-height: 2rem;
    }
.brand-site-shell .control-basket:after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: .5rem;
        width: 1px
    }}
.brand-site-shell .control-basket:before{
    font-family: FontAwesome;
    content: "";
	width:2rem;
	height:2rem;
	text-align:center;
	margin-top:3px;
}
.brand-site-shell .control-basket--active{
    background-color: #f0ad4e !important;
    color: #fff !important
}
.brand-site-shell .control-basket--active:active,.brand-site-shell .control-basket--active:focus{
    color: #f0ad4e
}
.brand-site-shell .control-basket--active:hover{
    color: #fff;
    background-color: #f0ad4e
}
.brand-site-shell .control-basket--active:after{
    position: absolute;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    text-align: center;
    content: attr(data-count);
    right: 0;
    top: 24px;
    background-color: #b50000;
    font-size: .8rem
}
@media  only screen and (min-width: 768px) {.brand-site-shell .control-basket--active:after{
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        right: 5px;
        top: 45px;
        font-size: 1rem
    }}
.brand-site-shell .control-basket--active:hover{
    background-color: #f0ad4e
}
.brand-site-shell .control-auth{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #636c72;
    font-size: 1rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem
}
@media  only screen and (min-width: 768px) {.brand-site-shell .control-auth{
        border-radius: 0;
        width: 4rem;
        height: 4rem;
        font-size: 1.5rem
    }
.brand-site-shell .control-auth:after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: .5rem;
        width: 1px
    }}
.brand-site-shell .control-auth:before{
    font-family: FontAwesome;
    content: "";
}
.brand-site-shell .control-fav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #636c72;
    font-size: 1rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem
}
@media  only screen and (min-width: 768px) {.brand-site-shell .control-fav{
        border-radius: 0;
        width: 4rem;
        height: 4rem;
        font-size: 1.5rem
    }
.brand-site-shell .control-fav:after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: .5rem;
        width: 1px
    }}
.brand-site-shell .control-fav:before{
    font-family: FontAwesome;
    content: ""
}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1440px) {}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 812px) {}
.brand-site-shell .input{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.brand-site-shell .input__input{
    width: 100%;
    padding: 0 1rem;
    border-radius: 15px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #636c72;
    box-shadow: 0 0 0 1px #636c72;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2rem;
    color: #464a4c;
    font-size: .9rem
}
.brand-site-shell .input__input:-moz-placeholder{
    font-size: .9rem
}
.brand-site-shell .input__input::-moz-placeholder{
    font-size: .9rem
}
.brand-site-shell .input__input:-ms-input-placeholder{
    font-size: .9rem
}
.brand-site-shell .input__input::-webkit-input-placeholder{
    font-size: .9rem
}
@media  only screen and (min-width: 768px) {.brand-site-shell .input__input{
        height: 2rem
    }}
.brand-site-shell .input__input:focus{
    -webkit-box-shadow: 0 0 0 1px #b50000;
    box-shadow: 0 0 0 1px #b50000
}
.brand-site-shell .input__button{
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: inherit;
    color: #b50000
}
.brand-site-shell .input__button:before{
    font-size: 20px;
    content: "";
    font-family: FontAwesome
}
.brand-site-shell .input__button:hover{
    color: #464a4c
}
.brand-site-shell .input--search input{
    padding-right: 3rem;
	margin:0.5rem 0;
}
@media  only screen and (min-width: 694px) {}
@media  only screen and (min-width: 813px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1440px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1280px) {}
@media  only screen and (min-width: 1281px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
.brand-site-shell #goods_cont{
    position: relative
}
.brand-site-shell #modal-city{
    max-width: 100%;
    width: 450px
}
.brand-site-shell #flist-item-other7,.brand-site-shell #flist-item-other9{
    display: block;
}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 736px) {}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 640px) {}
@media  only screen and (min-width: 640px) {}
.brand-site-shell .button:disabled{
    background-color: #ccc;
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none
}
@media  only screen and (min-width: 568px) {}
@media  only screen and (min-width: 1024px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 600px) {}
@media  only screen and (min-width: 960px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1024px) {}
.brand-site-shell #search{
	width:2rem!important;
	height:2rem!important;
	display:flex;
	color:#636c72;
    align-items: center;
	justify-content: center;
	font-size: 1rem;
	cursor:pointer;
}
.brand-site-shell #search:before{
    font-family: FontAwesome;
    content: "";
}
.brand-site-shell .phone__number__top{
	  -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
		padding:0 1rem;
}
.brand-site-shell .app__logo{
	margin:0 0.5rem 0 0;
}
.brand-site-shell #form_order{
	width:100%;
	text-align:center;
	padding:1rem;
}
@media  only screen and (min-width: 375px) {.brand-site-shell .app__logo{
	background: url("https://modellisimo.ru/templates/default/img/app_logo.png") no-repeat;
    background-size: contain;
	float:left;
	padding:12px;
	margin:0 1rem;
}}
@media  only screen and (min-width: 568px) {.brand-site-shell #form_order{
	width:400px;
}}
@media  only screen and (min-width: 667px) {.brand-site-shell .app__logo{
	float:none;
	margin:0 1rem;
	padding-top: 15px;
    padding-bottom: 25px;
    padding-right: 50px;
	padding-left:0;
}}
@media  only screen and (min-width: 812px) {}
.brand-site-shell .footer__item{
	padding:0.5rem 0 ;
}
.brand-site-shell .menu__item2{
    display:block!important;
	float:left;
	width:48%;
	padding-left:2%;
}
.brand-site-shell .menu__item2:nth-child(1):before{
	width:2px;
	min-height:100%;
	background:#fff!important;
	position:absolute;
	content:"";
	right:52%;
	top:0;
}
.brand-site-shell .menu__list2{
	display:block;width:700px;height:100%;background:#f2f2f2!important;
}
.brand-site-shell .menu__item--sub{
	background:#fff;
}
.brand-site-shell .menu__item--sub:hover{
	background:#f2f2f2!important;
}
.brand-site-shell .menu__item2:hover{
    background:#f0ad4e;
}
.brand-site-shell .menu__item--sub .menu--sub .menu__list .menu__item:hover{
	background:#f0ad4e;
}
@media  only screen and (min-width: 768px) {.brand-site-shell .footer__item{
	padding:0;
}
.brand-site-shell #search{
	width:4rem!important;
	height:4rem!important;
	font-size: 1.5rem;
}}
@media  only screen and (min-width: 813px) {.brand-site-shell .phone__number__top{
	display:none;
}}
@media  only screen and (min-width: 1024px) {.brand-site-shell #search{
	display:none;
}
.brand-site-shell .input--search input{
	margin:0;
}}
.brand-site-shell #fil_1,.brand-site-shell #fil_2,.brand-site-shell #fil_3,.brand-site-shell #fil_4,.brand-site-shell #fil_5,.brand-site-shell #fil_6,.brand-site-shell #fil_7,.brand-site-shell #fil_8{
	    padding:0.5rem;
	     -webkit-border-radius:1rem!important;
    -moz-border-radius:1rem!important;
    border-radius:1rem!important;
	    outline:none;
    cursor:pointer;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	}
.brand-site-shell #fil_min,.brand-site-shell #fil_max{
	border:1px solid #b3c2cd!important;
	-webkit-border-radius:0.5rem!important;
    -moz-border-radius:0.5rem!important;
    border-radius:0.5rem!important;
	width:45%;
	padding-left:3%;
	margin:0 1%;
	outline:0;
}
.brand-site-shell #fil_min2,.brand-site-shell #fil_max2{
	color: #b3c2cd;
}
.brand-site-shell #fil_min2{
	position:absolute;
	left:0;
}
.brand-site-shell #fil_max2{
	position:absolute;
	right:0;
}
.brand-site-shell #flist-item-art,.brand-site-shell #flist-item-name,.brand-site-shell #flist-item-warr,.brand-site-shell #flist-item-weight,.brand-site-shell #flist-item-f_status,.brand-site-shell #flist-item-stock,.brand-site-shell #flist-item-price,.brand-site-shell #flist-item-price button,.brand-site-shell #flist-item-brand,.brand-site-shell #flist-item-other1,.brand-site-shell #flist-item-other2,.brand-site-shell #flist-item-other3,.brand-site-shell #flist-item-other4,.brand-site-shell #flist-item-other5,.brand-site-shell #flist-item-other6,.brand-site-shell #flist-item-other7,.brand-site-shell #flist-item-other8,.brand-site-shell #flist-item-other9{
	display:none;
 }
.brand-site-shell #fil_go{
 background:#096cce;
 text-align:center;
 color:#fff;
 padding: 0.2rem 0.5rem;
 margin:1rem;
 cursor:pointer;
 font-size:0.9rem;
 border-radius:1rem;
 }
.brand-site-shell #fil_clear{
	background:#e9e9e9;
 text-align:center;
 padding: 0.2rem 0.5rem;
 margin:1rem;
 cursor:pointer;
 font-size:0.9rem;
 border-radius:1rem;
 }
.brand-site-shell #amount{
 border:none;
 color:#F0AD4E;
 max-width:110px;
 }
@media  only screen and (min-width: 694px) {.brand-site-shell #fil_clear{
 width:23%;
 margin:0;
 }}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 1024px) {}
.brand-site-shell #num_wishlist{
	 position: absolute;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #b50000;
    width: 1rem;
    line-height: 1rem;
    right: 2px;
    top: 24px;
	     font-size: 0.6rem;
	 }
@media  only screen and (min-width: 768px) {.brand-site-shell #num_wishlist{
    width: 1.5rem;
    line-height: 1.5rem;
    right: 6px;
    top: 33px;
    font-size: 1rem;
	 }}
.brand-site-shell #clear_wishlist{
	      padding:0.5rem 1rem;
	     background:#8bd58b;
	     color:#fff!important;
	     border-radius:15px;
	     cursor:pointer;
	 }
@media  only screen and (min-width: 768px) {}
.brand-site-shell #shop-basket ul{
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none
}
@media  only screen and (max-width: 980px) {}
@media  only screen and (min-width: 768px) and (max-width: 1191px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (max-width: 1191px) {}
@media  only screen and (min-width: 768px) and (max-width: 1191px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (min-width: 1192px) {}
@media  (max-width: 767px) {}
.brand-site-shell #shop-basket li{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    padding-left: 0 !important
}
@media (max-width:992px){}
.brand-site-shell .icon{
    width: 1.6rem;
    height: 1.6rem;
    margin-right:0.8rem;
    background-size:100%;
}
@media  (max-width: 1199px) {}
@media  (max-width: 991px) {}
@media  (max-width: 767px) {}
@media  (max-width: 767px) {.brand-site-shell #cont-shop-invoices,.brand-site-shell #cont-shop-invoices *{
        box-sizing: border-box;
    }
.brand-site-shell #cont-shop-invoices{
        max-width: 100%;
        overflow-x: hidden;
    }
.brand-site-shell #cont-shop-invoices #invoice-table{
        min-width: 720px;
    }}
@media  (max-width: 767px) {.brand-site-shell #basket_in_header .basket-box__footer{
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 24px;
    }
.brand-site-shell #basket_in_header .basket-box__total{
        flex: 0 0 132px;
        min-width: 132px;
        line-height: 1.05;
    }
.brand-site-shell #basket_in_header .basket-box__total-value{
        display: inline-flex;
        align-items: baseline;
        white-space: nowrap;
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0;
    }
.brand-site-shell #basket_in_header .basket-box__total-value:after{
        flex: 0 0 auto;
    }
.brand-site-shell #basket_in_header .basket-box__checkout{
        flex: 1 1 auto;
        max-width: none;
        min-width: 0;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 14px;
        text-align: center;
        line-height: 1.05;
    }}
@media  (max-width: 340px) {.brand-site-shell #basket_in_header .basket-box__footer{
        gap: 10px;
        padding-right: 16px;
        padding-left: 16px;
    }
.brand-site-shell #basket_in_header .basket-box__total{
        flex-basis: 118px;
        min-width: 118px;
    }
.brand-site-shell #basket_in_header .basket-box__total-value{
        font-size: 28px;
    }}
@media  (max-width: 768px) {}
@media  (max-width: 767px) {}
@media  (max-width: 767px) {}
@media  (max-width: 767px) {}
@media  (max-width: 360px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 694px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 694px) {}
@media  only screen and (min-width: 768px) {}
@media  only screen and (min-width: 992px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (max-width: 520px) {}
@media  only screen and (min-width: 768px) {}
@media  (max-width: 520px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (min-width: 1192px) {}
@media  only screen and (max-width: 1180px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (max-width: 900px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (max-width: 900px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (max-width: 900px) {}
@media  only screen and (max-width: 767px) {}
@media  only screen and (max-width: 767px) {}
.brand-site-shell .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.brand-site-shell .fa-list:before{content:""}
.brand-site-shell .fa-pencil-square-o:before{content:""}
.brand-site-shell .fa-heart-o:before{content:""}
.brand-site-shell .fa-globe:before{content:""}
.brand-site-shell .fa-bars:before{content:""}
.brand-site-shell .fa-money:before{content:""}
.brand-site-shell .fa-comments-o:before{content:""}
.brand-site-shell .fa-question:before{content:""}
.brand-site-shell .fa-newspaper-o:before{content:""}
.brand-site-shell .site-wishlist-heart::before,.brand-site-shell .site-wishlist-heart::after{display:none!important}
.brand-site-shell .site-wishlist-heart{display:flex!important;align-items:center;justify-content:center;color:#687079;text-decoration:none}
.brand-site-shell .site-wishlist-heart.is-active{color:#9b0000!important}
.brand-site-shell .site-wishlist-heart [data-heart-icon]{display:inline-block;flex:0 0 24px;width:24px;height:24px;font:normal normal normal 24px/1 FontAwesome;text-align:center;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.brand-site-shell #wishlist-feedback{position:fixed;z-index:1100;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:420px;padding:14px 18px;border:1px solid #d7dadd;border-radius:8px;background:#fff;color:#25282c;box-shadow:0 4px 24px #0002;font:16px/1.4 Arial,sans-serif}
.brand-site-shell #wishlist-feedback[hidden]{display:none}
@media (max-width:767px){.brand-site-shell .site-wishlist-heart [data-heart-icon]{flex-basis:16px;width:16px;height:16px;font-size:16px}}
.brand-site-shell .header-controls__item #num_wishlist{border-radius:5px;background:#000;color:#fff;}
.brand-site-shell .header-controls__item #num_wishlist{width:auto;min-width:18px;height:18px;line-height:18px;font-size:12px;padding:0 3px;box-sizing:border-box;border-radius:4px;}
.brand-site-shell .header-controls__item #num_wishlist:empty{display:none;}
@media (max-width:767px){.brand-site-shell .header-controls__item #num_wishlist{min-width:14px;height:14px;line-height:14px;font-size:10px;padding:0 2px;border-radius:3px;}}
.brand-site-shell .header .control-basket::before{width:1em;height:1em;line-height:1;margin-top:0;}
.brand-site-shell .header .control-basket--active::after{content:attr(data-count);width:auto;min-width:18px;height:18px;line-height:18px;font-size:12px;padding:0 3px;box-sizing:border-box;border-radius:4px;background:#b50000;color:#fff;top:33px;right:6px;transform:none;text-align:center;}
@media (max-width:767px){.brand-site-shell .header .control-basket{width:32px;height:32px;font-size:16px;}
.brand-site-shell .header .control-basket--active::after{min-width:14px;height:14px;line-height:14px;font-size:10px;padding:0 2px;border-radius:3px;top:24px;right:2px;}}

.brand-site-shell{font-family:'BMW Catalog Roboto 0','BMW Catalog Roboto 1','BMW Catalog Roboto 2','BMW Catalog Roboto 3','BMW Catalog Roboto 4',Arial,sans-serif;font-size:16px;line-height:24px;color:#292b2c;background:#fff}.brand-site-shell,.brand-site-shell *{box-sizing:border-box}.brand-site-shell #bmw-basket-count:empty{display:none}.brand-site-shell #bmw-basket-count{position:absolute;right:4px;top:4px;min-width:16px;padding:0 3px;border-radius:3px;background:#9b0000;color:#fff;font:600 11px/16px Arial,sans-serif}
body.brand-landing{padding-top:60px}@media(min-width:960px){body.brand-landing{padding-top:100px}}