* { box-sizing: border-box; margin: 0; padding: 0; transition: 0.5s 0.1s; }
html { font-size: 20px; height: 100%; position: relative; width: 100%; }
body { color: #000; display: flex; flex-direction: column; font-family: 'ProximaNova', Arial, sans-serif; font-size: 0.8rem; height: 100%; letter-spacing: 0.05rem; line-height: 1.5; position: relative; min-width: 360px; }

._col20 { width: 20%; }
._col25 { width: 25%; }
._col30 { width: 30%; }
._col33 { width: 33.3333%; }
._col40 { width: 40%; }
._col50 { width: 50%; }
._col60 { width: 60%; }
._col66 { width: 66.6666%; }
._col70 { width: 70%; }
._col80 { width: 80%; }
._col100 { width: 100%; }

._container { margin: 0 auto; max-width: 1500px; min-width: 360px; padding: 0 1rem; }
._flex { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -1rem; }
._noGutters { margin: 0; }
._narrowGutters { margin: 0 -0.125rem; }
._mediumGutters { margin: 0 -0.5rem; }
[class*='_col'] { padding: 0 1rem; }
[class*='_col']._wide { flex-grow: 1; }
._noGutters > [class*='_col'] { padding: 0; }
._narrowGutters > [class*='_col'] { padding: 0 0.125rem; }
._mediumGutters > [class*='_col'] { padding: 0 0.5rem; }
._relative { position: relative; }
._gray { color: #888; font-size: 0.7rem; }

._h { display: none!important; }
._uppercase { letter-spacing: 0.1rem; text-transform: uppercase; }
._pseudolink { border-bottom: 2px dotted #f58233; cursor: pointer; }
._pseudolink:hover { border-bottom: 2px dotted #fed403; }

a { color: #000; text-decoration: none; }
a:hover { color: #f58233; }
a:focus { outline: none; }
h1 { font-size: 1.75rem; font-weight: 600; margin-bottom: 2rem; }
h2 { font-size: 1.75rem; font-weight: bold; margin-bottom: 2rem; }
h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; }
h4 { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem; }
img { max-width: 100%; }
nav ul { margin: 0; }
li { list-style-type: none; }

.header { margin-bottom: 1.5rem; }
.headerTop { border-bottom: 1px solid #dadada; display: flex; flex-wrap: wrap; line-height: 2rem; }
.headerCenter { display: flex; }
.headerBottom { background: #383838; }

.headerTop_city { font-size: 0.65rem; margin-left: 2rem; }
.headerTop_cityIcon { height: 0.3rem; margin-left: 0.25rem; transform: rotate(180deg); width: 0.5rem; }
.headerTop_city:hover .headerTop_cityIcon { fill: #f58233; }
.headerTop_phone { font-size: 0.8rem; font-weight: bold; letter-spacing: 0.1rem; margin-left: 2rem; }
.headerTop_where { font-size: 0.65rem; margin-left: 2rem; }

.headerCenter_cart { display: flex; margin: 1.25rem 0 0 2rem; position: relative; }
.headerCenter_cartCount { background: #fed403; border-radius: 50%; font-size: 0.6rem; font-weight: 600; height: 0.9rem; left: 1rem; line-height: 0.9rem; position: absolute; text-align: center; top: -0.25rem; width: 0.9rem; }
.headerCenter_cartIcon { height: 1.5rem; width: 1.5rem; }
.headerCenter_cartPrice { font-size: 0.65rem; font-weight: bold; whute-space: nowrap; }
.headerCenter_cartText { font-size: 0.6rem; font-weight: 600; margin: -0.2rem 0 0 1rem; }
.headerCenter_cart:hover { color: #888; }
.headerCenter_cart:hover .headerCenter_cartCount { color: #000; }
.headerCenter_cart:hover .headerCenter_cartIcon { fill: #888; }
.headerCenter_compare { flex-basis: 1.5rem; margin: 1.25rem 0 0 2rem; position: relative; }
.headerCenter_compareCount { background: #fed403; border-radius: 50%; font-size: 0.6rem; font-weight: 600; height: 0.9rem; line-height: 0.9rem; position: absolute; right: -0.25rem; text-align: center; top: -0.25rem; width: 0.9rem; }
.headerCenter_compareIcon { height: 1.5rem; width: 1.5rem; }
.headerCenter_compare:hover { color: #000; }
.headerCenter_compare:hover .headerCenter_compareIcon { fill: #888; }
.headerCenter_favourite { flex-basis: 1.5rem; margin: 1.25rem 0 0 2rem; position: relative; }
.headerCenter_favouriteCount { background: #fed403; border-radius: 50%; font-size: 0.6rem; font-weight: 600; height: 0.9rem; line-height: 0.9rem; position: absolute; right: -0.25rem; text-align: center; top: -0.25rem; width: 0.9rem; }
.headerCenter_favouriteIcon { height: 1.5rem; width: 1.5rem; }
.headerCenter_favourite:hover { color: #000; }
.headerCenter_favourite:hover .headerCenter_favouriteIcon { fill: #888; }
.headerCenter_logo { display: block; height: 4rem; line-height: 4rem; margin-right: 2rem; }
.headerCenter_logoImg { vertical-align: middle; }
.headerCenter_menu { background: #f58233; cursor: pointer; display: none; margin: 0 1rem 0 -1rem; position: relative; width: 4rem; }
.headerCenter_menuIcon { background: #000; height: 2px; left: 1.25rem; position: absolute; top: calc(2rem - 1px); width: 1.5rem; }
.headerCenter_menu:before { background: #000; content: ''; height: 2px; left: 1.25rem; position: absolute; top: calc(1.5rem - 1px); width: 1.5rem; }
.headerCenter_menu:after { background: #000; content: ''; height: 2px; left: 1.25rem; position: absolute; top: calc(2.5rem - 1px); width: 1.5rem; }
.headerCenter_menu:hover { background: #fed403; }
.headerCenter_phone { margin: 1.25rem 0 0 1rem; position: relative; }
.headerCenter_phoneIcon { fill: none; height: 1.5rem; stroke: #000; stroke-width: 3; }
.headerCenter_phone:hover .headerCenter_phoneIcon { stroke: #888; }
.headerCenter_phone._mobile { display: none; }
.headerCenter_profile { flex-basis: 1.5rem; margin: 1.25rem 0 0 2rem; }
.headerCenter_profileIcon { height: 1.5rem; }
.headerCenter_profile:hover .headerCenter_profileIcon { fill: #888; }
.headerCenter_searchWrapper { flex-grow: 1; }
.headerCenter_search { margin: 1rem 0; position: relative; }
.headerCenter_searchInput { width: 100%; }
.headerCenter_searchIcon { height: 1.5rem; position: absolute; right: 0.75rem; top: 0.25rem; width: 1.5rem; }
.headerCenter_search._mobile { display: none; }

.main { flex-grow: 1; }

.crumbItems { color: #888; font-size: 0.6rem; margin-bottom: 1rem; text-decoration: none; }
.crumb { color: #888; text-decoration: none; }
.crumb:hover { color: #000; }
.crumb_sep { margin: 0 0.25rem; }

.footer { background: #383838; color: #888; padding-top: 2.5rem; }
.footer_copyright { border-top: 1px solid #888; font-size: 0.65rem; padding: 1.5rem 0 2rem; }
.footer_copyrightDeleloper { text-align: right; }
.footer_copyrightDeleloper a { color: #888; }
.footer_copyrightImg { display: inline-block; margin: -0.4rem 0 -0.4rem 1rem; }
.footer_h1 { color: #fff; font-size: 0.9rem; margin-bottom: 1rem; }
.footer_h2 { color: #fff; font-size: 0.7rem; margin-bottom: 0.5rem; }
.footer_subscribe { display: flex; margin-bottom: 2.5rem; }
.footer_subscribeInput { background: none; border: 1px solid #888; border-right: none!important; color: #fff; flex-grow: 1; }
.footer_subscribeButton { font-size: 0.6rem!important; }

.menuCatalogBrief { font-size: 0.65rem; height: 2.5rem; }
.menuCatalogBrief > ul { display: flex; }
.menuCatalogBrief > ul > li { border-left: 1px solid #888; flex-grow: 1; position: relative; text-align: center; white-space: nowrap; }
.menuCatalogBrief > ul > li > a { color: #fff; display: block; font-weight: 600; line-height: 2.5rem; }
.menuCatalogBrief > ul > li:hover { background: #1f1a17; }
.menuCatalogBrief > ul > li._active { background: #1f1a17; }
.menuCatalogBrief > ul > li:last-of-type { background: #f58233; border: none; letter-spacing: 0.1rem; text-transform: uppercase; }
.menuCatalogBrief > ul > li:last-of-type:hover { background: #fed403; }
.menuCatalogBrief > ul > li:last-of-type._active { background: #fed403; }
.menuCatalogBrief > ul > li:last-of-type a { color: #000; font-weight: bold; }
.menuCatalogBrief > ul > li._active { background: #1f1a17; }
.menuCatalogBrief > ul > li > ul { background: #fff; border: 1px solid #dadada; left: -1px; min-width: calc(100% + 2px); opacity: 0; padding: 1rem; position: absolute; z-index: -1; }
.menuCatalogBrief > ul > li:hover > ul { opacity: 1; z-index: 5; }
.menuCatalogBrief > ul > li > ul > li { margin-bottom: 0.5rem; text-align: left; }
.menuCatalogBrief > ul > li > ul > li > a { color: #888; }
.menuCatalogBrief > ul > li > ul > li > a:hover { color: #000; }
.menuCatalogBrief > ul > li > ul > li._active > a { color: #000; font-weight: 600; }
.menuCatalogBrief .menuCatalogFull_icon { display: none; }
.menuCatalogBrief_icon { background: #fff; display: inline-block; height: 2px; margin: 0 1rem 0.15rem 0; position: relative; width: 1rem; }
.menuCatalogBrief_icon:after, .menuCatalogBrief_icon:before { background: #fff; content: ''; height: 2px; left: 0; position: absolute; width: 1rem; }
.menuCatalogBrief_icon:after { top: -7px; }
.menuCatalogBrief_icon:before { bottom: -7px; }

.menuCatalogFull {  }
.menuCatalogFull > ul { position: relative; width: 50%; }
.menuCatalogFull > ul > li { border-bottom: 1px solid #dadada; font-weight: 600; }
.menuCatalogFull > ul > li a { color: #000; }
.menuCatalogFull > ul > li:hover { background: #eef4f6; }
.menuCatalogFull > ul > li:hover > a { color: #000; }
.menuCatalogFull > ul > li:hover > ul { opacity: 1; z-index: 1; }
.menuCatalogFull > ul > li:hover .menuCatalogFull_icon { fill: #000; }
.menuCatalogFull > ul > li._active { background: #f58233; }
.menuCatalogFull > ul > li._active .menuCatalogFull_icon { fill: #000; }
.menuCatalogFull > ul > li > a { display: block; padding: 0.75rem 1.5rem; }
.menuCatalogFull > ul > li > ul { left: 100%; opacity: 0; padding: 0.75rem 1.5rem; position: absolute; top: 0; width: 100%; z-index: -1; }
.menuCatalogFull > ul > li > ul > li { font-weight: normal; padding-bottom: 0.75rem; }
.menuCatalogFull > ul > li > ul > li:hover > a { color: #f58233; }
.menuCatalogFull > ul > li > ul > li:hover > ul { opacity: 1; z-index: 1; }
.menuCatalogFull > ul > li > ul > li > ul { left: 100%; opacity: 0; padding: 0.75rem 1.5rem; position: absolute; top: 0; width: 100%; z-index: -1; }
.menuCatalogFull > ul > li > ul > li > ul > li { padding-bottom: 0.75rem; }
.menuCatalogFull > ul > li > ul > li > ul > li:hover > a { color: #f58233; }
.menuCatalogFull_icon { fill: #888; float: right; height: 0.3rem; margin: 0.45rem -0.5rem 0 0; transform: rotate(90deg); }
.menuCatalogFull._lev2 > ul { width: 33.33%; }
.menuCatalogFull._lev3 > ul { width: 25%; }

.menuCatalogMobile {  }
.menuCatalogMobile > ul > li { border-bottom: 1px solid #dadada; font-size: 1.2rem; font-weight: 600; margin: 0 -1rem; padding: 1rem; }
.menuCatalogMobile > ul > li._active > ul { display: block; }
.menuCatalogMobile > ul > li._active > a > svg { transform: rotate(0deg); }
.menuCatalogMobile > ul > li > a > svg { fill: #000; height: 0.5rem; transform: rotate(180deg); }
.menuCatalogMobile > ul > li > ul { display: none; margin: 1rem 0 0; transition: none; }
.menuCatalogMobile > ul > li > ul > li { font-size: 1rem; font-weight: 500; margin: 0 0 0.5rem; }
.menuCatalogMobile > ul > li > ul > li > ul { display: none; }

.menuCities { font-size: 0.7rem; }
.menuCities > ul > li { margin-bottom: 0.75rem; }
.menuCities > ul > li > a { border-bottom: 2px solid #f58233; }
.menuCities > ul > li > a:hover { border-bottom: 2px solid #fed403; color: #000; }
.menuCities > ul > li._active > a { background: #f58233; border-bottom: none; margin-left: -0.5rem; padding: 0.25rem 0.5rem; }

.menuFooter { font-size: 0.65rem; margin-bottom: 2rem; }
.menuFooter > ul > li > a { color: #888; }
.menuFooter > ul > li > a:hover { color: #fff; }
.menuFooter > ul > li { margin-bottom: 0.25rem; }
.menuFooter._catalogBrief > ul > li:first-of-type { display: none; }
.menuFooter._catalogFull > ul { display: flex; flex-wrap: wrap; }
.menuFooter._catalogFull > ul > li { width: 50%; }

.menuPersonalWrapper { max-width: 500px; }
.menuPersonal { background: #eef4f6; margin-bottom: 1.5rem; }
.menuPersonal > ul > li { border-top: 1px solid #dadada; padding: 0.75rem 1.5rem; position: relative; }
.menuPersonal > ul > li > a { padding: 0 0 0 2.5rem; position: relative; }
.menuPersonal > ul > li > a:hover { color: #888; }
.menuPersonal > ul > li._active:before { background: #f58233; content: ''; font-weight: bold; height: 100%; left: 0; position: absolute; top: 0; width: 4px; }
.menuPersonal_iconItems { margin: 0.75rem 0 0 1.5rem; position: absolute; } 
.menuPersonal_icon { display: block; height: 1.25rem; margin-bottom: 1.5rem; }
.menuPersonal_name { font-size: 0.85rem; font-weight: 600; padding: 1.5rem 1.5rem; }
.menuPersonal_name a { color: #888; font-size: 0.65rem; font-weight: normal; margin-left: 1rem; }
.menuPersonal_name a:hover { color: #fed403; }
.menuPersonal._individual > ul > li:nth-child(2) { display: none; }
.menuPersonal._individual .menuPersonal_icon:nth-child(2) { display: none; }

.menuRight { background: #eef4f6; margin-bottom: 2rem; padding: 2rem 2rem 1.5rem; }
.menuRight > ul > li { margin-bottom: 0.75rem; }
.menuRight > ul > li > a { border-bottom: 2px solid #f58233; font-weight: bold; }
.menuRight > ul > li > a:hover { border-bottom: 2px solid #fed403; color: #000; }
.menuRight > ul > li._active > a { background: #f58233; border-bottom: none; margin-left: -0.5rem; padding: 0.25rem 0.5rem; }

.menuTop { flex-grow: 1; font-size: 0.65rem; }
.menuTop > ul > li { display: inline-block; margin-right: 1rem; }
.menuTop > ul > li > a { color: #888; }
.menuTop > ul > li > a:hover { color: #000; }
.menuTop > ul > li._active > a { color: #000; font-weight: 600; }

.menuTopMobile {  }
.menuTopMobile > ul > li { border-bottom: 1px solid #dadada; font-size: 1.2rem; font-weight: 600; margin: 0 -1rem; padding: 1rem 1rem; }
.menuTopMobile > ul > li._active > ul { display: block; }
.menuTopMobile > ul > li._active > a > svg { transform: rotate(0deg); }
.menuTopMobile > ul > li > a { color: #888; }
.menuTopMobile > ul > li > a:hover { color: #000; }
.menuTopMobile > ul > li > ul { display: none; margin: 1rem 0 0; transition: none; }
.menuTopMobile > ul > li > ul > li { font-size: 1rem; font-weight: 500; margin: 0 0 0.5rem; }
.menuTopMobile > ul > li > ul > li > ul { display: none; }

input { border: 1px solid #dadada; color: #000; font-family: 'ProximaNova', Arial, sans-serif; font-size: 0.7rem; height: 2rem; line-height: calc(2rem - 2px); outline: none; padding: 0 1rem; webkit-appearance: none; }
input:hover { border: 1px solid #fed403; }
input:focus { border: 1px solid #fed403; }
input:invalid { box-shadow: none; }
input._error { border: 1px solid #f77482; }
input._error:hover { border: 1px solid #fed403; }
input._error:focus { border: 1px solid #fed403; }
input._large { height: 2.5rem; line-height: calc(2.5rem - 2px); margin-bottom: 1rem; width: 100%; }

input.input_pickup{cursor: not-allowed;border: 1px solid #dadada;}

.inputWrapper { border: 1px solid #dadada; color: #888; display: flex; font-size: 0.7rem; height: 2.5rem; line-height: calc(2.5rem - 2px); margin-bottom: 1rem; padding: 0 1rem; }
.inputWrapper input { background: none; border: none; flex-grow: 1; height: calc(2.5rem - 2px); padding: 0; }
.inputWrapper label { white-space: nowrap; }
.inputWrapper label:after { background: #dadada; content: ''; display: inline-block; height: 0.75rem; margin: 0 0.5rem -0.125rem; width: 1px; }
.inputWrapper._active { border: 1px solid #aaa; }
.inputWrapper._active:hover { border: 1px solid #fed403; }

textarea { border: 1px solid #dadada; color: #000; font-family: 'ProximaNova', Arial, sans-serif; font-size: 0.7rem; outline: none; padding: 0.75rem 1rem; webkit-appearance: none; }
textarea:hover { border: 1px solid #fed403; }
textarea:focus { border: 1px solid #fed403; }
textarea._error { border: 1px solid #f77482; }
textarea._error:hover { border: 1px solid #fed403; }
textarea._error:focus { border: 1px solid #fed403; }
textarea._large { margin-bottom: 1rem; width: 100%; }

.button { border: none; color: #000; cursor: pointer; display: inline-block; font-weight: bold; letter-spacing: 0.05rem; text-align: center; }
.button:disabled { cursor: default; opacity: 0.5; }
.button._bordered { border: 1px solid #dadada; }
.button._bordered:hover { border: 1px solid #fed403; background: #fed403; color: #fff; }
.button._filled { background: #f58233; }
.button._filled:focus { border: none; }
.button._filled:hover { border: none; background: #fed403; color: #000; }
.button._filled:disabled:hover { background: #f58233; }
.button._large { font-size: 0.9rem; height: 2.5rem; line-height: 2.5rem; padding: 0 2rem; width: auto; }
.button._small { font-size: 0.7rem; height: 2rem; line-height: 2rem; padding: 0 1rem; }
.button._wide { width: 100%; }

.checkbox { cursor: pointer; display: block; margin-bottom: 1rem; padding-left: 2.25rem; position: relative; }
.checkbox_iconWrapper { border: 1px solid #dadada; float: left; height: 1.25rem; margin-left: -2.25rem; position: relative; width: 1.25rem; }
.checkbox_icon { fill: #000; height: 0.5rem; left: 50%; opacity: 0; position: absolute!important; top: 50%; transform: translate(-50%, -50%); width: 0.75rem; }
.checkbox:hover .checkbox_iconWrapper { border: 1px solid #000; }
.checkbox._active .checkbox_iconWrapper { background: #fed403; border-color: #fed403; }
.checkbox._active .checkbox_icon { opacity: 1; }
.checkbox._active:hover .checkbox_iconWrapper { border: 1px solid #fed403; }
.checkbox._disabled { cursor: default; opacity: 0.5; }

.radiobutton { display: block; margin-bottom: 1rem; padding-left: 2.25rem; }
.radiobutton_icon { border: 1px solid #dadada; border-radius: 50%; float: left; height: 1.25rem; margin-left: -2.25rem; width: 1.25rem; }
.radiobutton_iconDot { background: #f58233; border-radius: 50%; height: 0.65rem; margin: 0.25rem auto; opacity: 0; width: 0.65rem; }
.radiobutton:hover .radiobutton_icon { border: 1px solid #000; }
.radiobutton._active .radiobutton_iconDot { opacity: 1; }

.select { cursor: pointer; font-size: 0.7rem; position: relative; white-space: nowrap; }
.select._disabled { cursor: default; opacity: 0.5; }
.select_icon { height: 0.3rem; right: 0.75rem; position: absolute; top: calc(50% - 0.15rem); transform: rotate(180deg); width: 0.5rem; }
.select_value { background: #fff; border: 1px solid #dadada; line-height: calc(2.5rem - 2px); padding: 0 2rem 0 1rem; }
.select_value._medium { line-height: calc(2rem - 2px); }
.select_optionItems { background: #eef4f6; color: #000; display: none; left: 0; max-height: 10rem; min-width: 100%; overflow-y: auto; position: absolute; transition: none; z-index: 10; }
.select_option { border-bottom: 1px solid #dadada; line-height: 2rem; padding: 0 1rem; }
.select_option:hover { background: #fed403; }
.select_option._active { background: #f58233; }
.select_input { height: 2.5rem; line-height: calc(2.5rem - 2px); padding: 0 2rem 0 1rem; width: 100%; }

.file { background: #fff; border: 1px solid #dadada; cursor: pointer; display: inline-block; font-size: 0.7rem; height: 2.5rem; line-height: calc(2.5rem - 2px); margin: 0 1rem 1rem 0; padding: 0 1rem 0 3rem; }
.file_edit { height: 0.75rem; margin: 0 0 -0.15rem 0; width: 0; }
.file_iconWrapper { background: #eeeff0; float: left; height: 1.25rem; margin: 0.6rem 0 0 -2rem; position: relative; width: 1.25rem; }
.file_iconWrapper:before { content: ''; background: #000; height: 1px; left: calc(50% - 0.25rem); position: absolute; top: calc(50% - 1px); width: calc(0.5rem + 1px); }
.file_iconWrapper:after { background: #000; content: ''; height: calc(0.5rem + 1px); left: 50%; position: absolute; top: calc(50% - 0.25rem - 1px); width: 1px; }
.file_icon { fill: #000; height: 0.5rem; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 0.75rem; }
.file_input { height: 0.1px; opacity: 0; overflow: hidden; position: absolute; width: 0.1px; z-index: -1; }
.file_name {  }
.file:hover { border: 1px solid #f58233; }
.file._active .file_edit { margin-left: 0.5rem; width: 0.75rem; }
.file._active .file_iconWrapper { background: #fae47c; }
.file._active .file_iconWrapper:after { display: none; }
.file._active .file_iconWrapper:before { display: none; }
.file._active .file_icon { opacity: 1; }

.reostat { background: #dadada; height: 3px; margin: 1.5rem 0 2rem; position: relative; }
.reostat * { transition: none; }
.reostat_scale { height: 3px; left: 0; position: absolute; right: 0; top: 0; }
.reostat_scale._unavailable { background: #dadada; }
.reostat_scale._unactive { background: #888; }
.reostat_scale._active { background: #fed403; }
.reostat_handle { background: #f58233; border-radius: 50%; cursor: pointer; height: 1rem; position: absolute; top: -0.45rem; width: 1rem; }
.reostat_handle:before { background: #eef4f6; border-radius: 50%; content: ''; height: 0.5rem; left: 0.25rem; position: absolute; top: 0.25rem; width: 0.5rem; }
.reostat_handle._min { left: 0; }
.reostat_handle._max { right: 0; }

.tabItems { display: flex; margin-bottom: 2rem; overflow: hidden; }
.tabItems_scroll { display: flex; overflow-x: scroll; }
.tab { border: 1px solid #dadada; cursor: pointer; display: block; font-size: 0.8rem; font-weight: bold; height: 2.5rem; line-height: calc(2.5rem - 2px); margin: 0 -1px 0 0; padding: 0 1rem; position: relative; text-align: center; white-space: nowrap; }
.tab_quantity { background: #fed403; border-radius: 50%; display: inline-block; font-size: 0.6rem; font-weight: 600; height: 1rem; line-height: 1.1rem; margin-left: 0.5rem; text-align: center; width: 1rem; }
.tab:after { background: #dadada; bottom: -1px; display: block; content: ''; height: 1px; left: -1px; position: absolute; transition: 0.5s 0.1s; width: calc(100% + 2px); }
.tab:hover { color: #000; }
.tab:hover:after { height: 4px; }
.tab._wide { flex-grow: 1; }
.tab._medium { font-size: 0.7rem; font-weight: normal; height: 2rem; line-height: calc(2rem - 2px); margin: 0 -1px 1rem 0; padding: 0 0.5rem; }
.tab._medium:hover:after { height: 3px; }
.tab._small { font-size: 0.5rem; font-weight: normal; height: 1.25rem; line-height: calc(1.25rem - 2px); margin: 0 -1px 0 0; padding: 0 0.5rem; }
.tab._small:hover:after { height: 3px; }
.tab._active { cursor: default; }
.tab._active:after { background: #f58233; height: 4px; }
.tab._medium._active:after { height: 3px; }
.tab._small._active:after { height: 3px; }
.tabContent { display: none; }
.tabContent._active { display: block; }

.showSpoiler { cursor: pointer; }
.showSpoiler_icon { float: right; height: 0.3rem; margin-top: 0.5rem; transform: rotate(180deg); width: 0.5rem; }
.showSpoiler._active .showSpoiler_icon { transform: rotate(0); }
.spoilerContent { display: none; transition: none; }
.spoilerContent._active { display: block; }

.pageItems { line-height: 1.5rem; margin: 1rem 0 0; text-align: right; }
.page { display: inline-block; padding: 0 0.5rem; }
.page a { color: #888; }
.page a:hover { color: #000; }
.page._active { border-bottom: 2px solid #f58233; }
.page._active a { color: #000; }
.pageItems_arrowWrapper { display: inline-block; margin-bottom: -0.25rem; vertical-align: middle; }
.pageItems_arrow:hover .pageItems_arrowIcon { fill: #fed403; }
.pageItems_arrow._previous { margin-right: 2rem; }
.pageItems_arrow._previous .pageItems_arrowIcon  { transform: rotate(180deg); }
.pageItems_arrow._next { margin-left: 2rem; }
.pageItems_arrowIcon { height: 1rem; width: 1rem; }

.socialItems { display: flex; flex-wrap: wrap; margin-bottom: 2.5rem; }
.socialItems_text { line-height: 2rem; margin-right: 2rem; }
.social { height: 2rem; line-height: 1.75rem; margin-right: 0.25rem; text-align: center; width: 2rem; }
.social_icon { height: 1.25rem; vertical-align: middle; }
.social._black { border: 1px solid #000; }
.social._black .social_icon { fill: #000; }
.social._black:hover { border: 1px solid #888; }
.social._black:hover .social_icon { fill: #888; }
.social._white { border: 1px solid #888; }
.social._white .social_icon { fill: #888; }
.social._white:hover { border: 1px solid #fff; }
.social._white:hover .social_icon { fill: #fff; }

.hint { color: #000; display: inline-block; margin-left: 0.25rem; position: relative; top: 0.1rem; white-space: normal; }
.hint:before { background: #eef4f6; border-radius: 50%; content: '?'; display: inline-block; font-size: 0.6rem; font-weight: 600; height: 1rem; position: relative; width: 1rem; text-align: center; }
.hint:hover .hint_popup { display: block; }
.hint_bottom { display: flex; margin-top: 0.85rem; }
.hint_bottomAside { display: flex; flex-direction: column; justify-content: center; line-height: 0.95rem; padding-left: 1.15rem; }
.hint_header { font-size: 0.7rem; font-weight: bold; }
.hint_link { border-bottom: 1px solid #f58233; color: #000; display: inline; font-size: 0.6rem; font-weight: 300; text-decoration: none; }
.hint_popup { background: #fff; border: 1px solid #dadada; display: none; left: 2.5rem; padding: 1rem 1rem 1.05rem; position: absolute; top: -1.15rem; width: 17rem; z-index: 1; }
.hint_popup:after { background: #fff; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; content: ''; display: inline-block; height: 0.75rem; left: -0.45rem; position: absolute; top: 1.25rem; transform: rotate(45deg); width: 0.75rem; }
.hint_text { font-size: 0.7rem; font-weight: normal; }

.slidesWrapper { overflow: hidden; position: relative; }
.slidesWrapper_arrow { cursor: pointer; height: 2.5rem; padding-top: 0.75rem; text-align: center; width: 2.5rem; }
.slidesWrapper_arrow._previous { background: #383838; border: 1px solid #383838; }
.slidesWrapper_arrow._previous .slidesWrapper_arrowIcon { fill: #fff; transform: rotate(180deg); }
.slidesWrapper_arrow._next { background: #f58233; border: 1px solid #f58233; }
.slidesWrapper_arrow._next .slidesWrapper_arrowIcon { fill #383838; }
.slidesWrapper_arrowIcon { height: 1rem; width: 1rem; }
.slidesWrapper_arrow:hover { background: #fed403; border: 1px solid #fed403; }
.slidesWrapper_arrow:hover .slidesWrapper_arrowIcon { fill: #000; }
.slidesWrapper_thumbItems { font-weight: bold; }
.slidesWrapper_thumb { cursor: pointer; }
.slidesWrapper_thumbDigit { border-bottom: 1px solid #dadada; font-size: 0.9rem; margin-bottom: 1.5rem; padding-bottom: 0.5rem; position: relative; }
.slidesWrapper_thumbName { font-size: 1rem; padding-right: 2rem; }
.slidesWrapper_thumbDigit:after { background: #dadada; bottom: -1px; display: block; content: ''; height: 1px; left: 0; position: absolute; transition: 0.5s 0.1s; width: calc(100% - 2rem); }
.slidesWrapper_thumb:hover .slidesWrapper_thumbDigit:after { height: 2px; }
.slidesWrapper_thumb._active { cursor: default; }
.slidesWrapper_thumb._active .slidesWrapper_thumbDigit:after { background: #f58233; height: 2px; }
.slidesWrapper._companyFeatures .slidesWrapper_arrow { bottom: 0; position: absolute; }
.slidesWrapper._companyFeatures .slidesWrapper_arrow._previous { right: calc(60% + 1.5rem + 4px); }
.slidesWrapper._companyFeatures .slidesWrapper_arrow._next { right: calc(60% - 1rem + 4px); }
.slidesWrapper._companyFeatures .slidesWrapper_thumbItems { margin-bottom: 2.5rem; }
.slidesWrapper._indexSlides .slidesWrapper_arrow { bottom: 0; position: absolute; }
.slidesWrapper._indexSlides .slidesWrapper_arrow._previous { right: 2.5rem; }
.slidesWrapper._indexSlides .slidesWrapper_arrow._next { right: 0; }
.slidesWrapper._indexSlides .slidesWrapper_thumbItems { bottom: 0; border-top: 1px solid #fff; color: #fff; padding-left: 1.5rem; position: absolute; }
.slidesWrapper._indexSlides .slidesWrapper_thumb { margin-left: 1rem; }
.slidesWrapper._indexSlides .slidesWrapper_thumbDigit { border: none; height: 2.5rem; line-height: calc(2.5rem - 1px); margin: 0; padding: 0; text-align: center; width: 2rem; }
.slidesWrapper._indexSlides .slidesWrapper_thumbDigit:after { bottom: auto; top: -1px; width: 100%; }
.slidesWrapper._productWrapper_analogues { padding-right: 4rem; }
.slidesWrapper._productWrapper_analogues:after { background: #fff; content: ''; height: 100%; position: absolute; right: -1px; top: 0; width: 4rem; }
.slidesWrapper._productWrapper_analogues .slidesWrapper_arrow { position: absolute; right: 0; z-index: 5; }
.slidesWrapper._productWrapper_analogues .slidesWrapper_arrow._previous { top: 0; }
.slidesWrapper._productWrapper_analogues .slidesWrapper_arrow._next { top: 2.5rem; }
.slidesWrapper._compareSlides { margin-top: -4rem; padding-top: 4rem; }
.slidesWrapper._compareSlides .slidesWrapper_arrow { position: absolute; top: 0; }
.slidesWrapper._compareSlides .slidesWrapper_arrow._previous { right: 2.5rem; }
.slidesWrapper._compareSlides .slidesWrapper_arrow._next { right: 0; }
.slideItems { display: flex; height: 100%; transform: translateX(0); }
.slide { flex-shrink: 0; overflow: hidden; width: 100%; }

.popupWrapper { height: 100%; position: fixed; opacity: 0; top: 100%; width: 100%; z-index: 10; }
.popupWrapper > ._container { height: 100%; }
.popupWrapper > ._container > ._flex { height: 100%; }
.popupWrapper > ._container > ._flex > [class*='_col'] { height: 100%; }
.popupWrapper_action { background: #000; color: #fff; height: 100%; max-height: 600px; padding: 1.5rem 1.5rem 2.5rem; position: absolute; right: 0; top: 0; width: 50%; }
.popupWrapper_action * { position: relative; }
.popupWrapper_action .button { bottom: 0; position: absolute; right: 0; }
.popupWrapper_actionBg { height: 100%; left: 0; max-width: none; opacity: 0.25; position: absolute; top: 0; }
.popupWrapper_actionName { font-size: 1.2rem; font-weight: 800; }
.popupWrapper_actionPicture { margin: 1rem 0; }
.popupWrapper_actionSubname { font-size: 0.9rem; }
.popupWrapper_shadow { background: #383838; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition-delay: 0.5s; width: 100%; }
.popupWrapper._active { opacity: 1; top: 0; }
.popupWrapper._active .popupWrapper_shadow { opacity: 0.5; }
.popupWrapper._cart .popup { height: calc(100% - 8rem); }
.popupWrapper._catalogFull .popup { min-height: 600px; top: calc(8.5rem + 1px); width: 50%; }
.popupWrapper._catalogFull .popup:before { background: #dadada; content: ''; height: 100%; left: 50%; opacity: 0; position: absolute; top: 0; transition: 0.5s 0.1s; width: 1px; }
.popupWrapper._catalogFull .popup:after { background: #dadada; content: ''; height: 100%; left: 66.66%; opacity: 0; position: absolute; top: 0; transition: 0.5s 0.1s; width: 1px; }
.popupWrapper._catalogFull._lev2 .popup { width: 75%; }
.popupWrapper._catalogFull._lev2 .popup:before { left: 33.33%; opacity: 1; }
.popupWrapper._catalogFull._lev2 .popupWrapper_action { width: 33.33%; }
.popupWrapper._catalogFull._lev3 .popup { width: 100%; }
.popupWrapper._catalogFull._lev3 .popup:before { left: 25%; opacity: 1; }
.popupWrapper._catalogFull._lev3 .popup:after { left: 50%; opacity: 1; }
.popupWrapper._catalogFull._lev3 .popupWrapper_action { width: 25%; }
.popupWrapper._consultation .popup { background: #eef4f6; }
.popup { background: #fff; overflow: hidden; position: relative; top: calc(6rem + 1px); }
.popup_scroll { height: 100%; overflow-x: hidden; overflow-y: scroll; padding: 2rem 2rem 1rem; width: calc(100% + 17px); }
.popup_city { color: #888; }
.popup_cityWrapper { border-bottom: 1px solid #dadada; color: #888; font-size: 1rem; line-height: 4rem; margin: -1rem -1rem 0; padding: 0 1rem; }
.popup_close { background: #f58233; cursor: pointer; height: 2.5rem; line-height: 2.25rem; position: absolute; right: 0; text-align: center; top: 0; width: 2.5rem; }
.popup_closeIcon { height: 0.75rem; vertical-align: middle; }
.popup_close:hover { background: #fed403; }
.popup_close:hover .popup_closeIcon { transform: rotate(90deg); }
.popup_compare { display: block; font-size: 0.9rem; font-weight: 600; line-height: 4rem; margin: 0 -1rem; padding: 0 1rem; }
.popup_compareIcon { height: 2rem; margin: 0 1rem -0.75rem 0; }
.popup_compare:hover .popup_compareIcon { fill: #f58233; }
.popup_favourite { border-bottom: 1px solid #dadada; display: block; font-size: 0.9rem; font-weight: 600; line-height: 4rem; margin: 0 -1rem; padding: 0 1rem; }
.popup_favouriteIcon { height: 2rem; margin: 0 1rem -0.75rem 0; }
.popup_favourite:hover .popup_favouriteIcon { fill: #f58233; }
.popup_name { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; }
.popup_profile { border-bottom: 1px solid #dadada; display: block; font-size: 0.9rem; font-weight: 600; line-height: 4rem; margin: 0 -1rem; padding: 0 1rem; }
.popup_profileIcon { height: 2rem; margin: 0 1rem -0.75rem 0; }
.popup_profile:hover .popup_profileIcon { fill: #f58233; }
.popup_selection { background: #f58233; display: block; font-size: 0.9rem; font-weight: 600; line-height: 4rem; margin: 0 -1rem; padding: 0 1rem; }
.popup_selectionIcon { height: 2.6rem; margin: 0 0.7rem -0.75rem -0.3rem; }
.popup_selectionIcon * { stroke: #000; stroke-width: 1; }
.popup_selection:hover { background: #fed403; color: #000; }
.popup_selection:hover .popup_selectionIcon { fill: #000; }
.popup_where { color: #888; float: right; }

._sticky._top { position: fixed; top: 2.5rem; }
._sticky._bottom { bottom: 2.5rem; position: absolute; top: auto; }

._wysiwyg { line-height: 1.75rem; }
._wysiwyg img { margin-top: 1.7rem; }
._wysiwyg h3 { margin-bottom: 1.25rem; }
._wysiwyg p { line-height: 1.75rem; margin-bottom: 1.25rem; }
._wysiwyg ul { list-style-type: none; margin-bottom: 1.25rem; }
._wysiwyg ul li { padding-left: 1.5rem; }
._wysiwyg ul li:before { content: '—'; display: inline-block; margin-left: -1.5rem; width: 1.5rem; }
._wysiwyg iframe { height: 30rem; width: 100%; }
._wysiwyg blockquote { background: #eef4f6; border-left: 3px solid #f58233; margin-bottom: 1.25rem; padding: 1.5rem 2rem 1rem; }
._wysiwyg table { border: 1px solid #dadada; border-collapse: collapse; margin-bottom: 1.25rem; }
._wysiwyg th { background: #eef4f6; border: 1px solid #dadada; padding: 0.25rem 0.5rem; text-align: center; }
._wysiwyg td { border: 1px solid #dadada; padding: 0.25rem 0.5rem; text-align: center; }

.interspeediaWrapper { border: none; height: 1000px; width: 100%; }

.brandItems {  }
.brand {  }
.brand_picture { margin: 0 1.5rem 0 0!important; max-height: 75px; }

.list._multilevel { counter-reset: ol; margin: 1rem 0 2rem 0; padding-left: 2rem; }
.list._multilevel h2 { font-weight: normal; margin-bottom: 1rem; }
.list._multilevel li { margin-bottom: 0.5rem; }
.list._multilevel li:before { counter-increment: ol; content: counters(ol, ".") "."; display: block; float: left; margin-left: -2rem; margin-top: 0.3rem; }
.list._multilevel .list._multilevel { padding-left: 2.3rem; }
.list._multilevel .list._multilevel li:before{ margin-left: -2.3rem; }
.list._multilevel .list._multilevel .list._multilevel { padding-left: 2.8rem; }
.list._multilevel .list._multilevel .list._multilevel li:before{ margin-left: -2.8rem; }
.list._multilevel .list._multilevel .list._multilevel .list._multilevel { padding-left: 3.5rem; }
.list._multilevel .list._multilevel .list._multilevel .list._multilevel li:before{margin-left: -3.5rem;}
.list._multilevel .list._multilevel li:before { margin-top: 0; }

._alert { font-size: 0.7rem; font-weight: bold; margin: 2rem 0; padding-left: 3.5rem; position: relative; }
._alert a { border-bottom: 2px solid #f58233; margin-left: 0.5rem; }
._alert a:hover { border-bottom: 2px solid #fed403; color: #000; text-decoration: none; }
._alert:before { border-bottom: 2rem solid #f58233; border-left: 1rem solid transparent; border-right: 1rem solid transparent; bottom: calc(50% - 1rem); content: ''; display: block; left: 0; position: absolute; }
._alert:after { bottom: calc(50% - 1rem); color: #000; content: '!'; display: block; left: 0; line-height: 1.5rem; position: absolute; text-align: center; width: 2rem; }
._alert._error:before { border-bottom: 2rem solid #f77482; }
._alert._success:before { border-bottom: 2rem solid #a5d274; }

.loading { display: none; height: 100%; left: 0; position: fixed; top: 0; transition: none; width: 100%; z-index: 10000; }
.loading_bg { background: #383838; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.loading_process { left: 50%; margin: -15px 0 0 -60px; position: absolute; top: 50%; }
.loading_success { fill: #383838; height: 4.5rem; left: 50%; margin: -45px 0 0 -45px; opacity: 0; position: absolute; top: 50%; width: 4.5rem; }
.loading._success .loading_process { opacity: 0; }
.loading._success .loading_success { opacity: 1; }