@charset "UTF-8";
/**
 * Core bundle
 */
/**
 * Variables and mixins ! must import first !
 */
/*
 * global variables
 */
/**
 * Accent style guide variables
 */
/* Accent Background colors */
/* Accent Studio colors */
/* Accent Typography colors */
/* Accent Font */
/* Accent font size */
/* Accent line height */
/* Heading line height */
/* Site vars */
/* region wrapper - for global_breakpoints */
/* endregion wrapper */
/* indents */
/* link */
/* text selection highlighting */
/* region scrollbar */
/* endregion scrollbar */
/* region forms */
/* --form-control-color: $accent-ordinary-color; */
/* additional height for errors in grouped area */
/* endregion forms */
/* region switch */
/* endregion switch */
/* region grid */
/* endregion grid */
/* region tooltip */
/* endregion tooltip */
/* region popover */
/* endregion popover */
/* region loaders */
/* endregion loaders */
/* region collapsible panel */
/* endregion collapsible panel */
/* region tables */
/* endregion tables */
/* region table in popup */
/* endregion table in popup */
/* region table with action */
/* region accent table */
/* region accent table */
/* endregion table with action */
/* endregion tables */
/* region progress bar */
/* endregion progress bar */
/* region complete indicator */
/* endregion complete indicator */
/* region placeholder */
/* endregion placeholder */
/* region thumbnail */
/* endregion thumbnail */
/* region player */
/* endregion player */
/* region photo player */
/* endregion photo player */
/* region pager */
/* endregion pager */
/* multiselect */
/* multiselect */
/* region overflow detector */
/* endregion overflow detector */
/* region alerts */
/* endregion alerts */
/* range input */
/* range input */
/* anchor input */
/* anchor input */
/* list */
/* list */
/* region icon close */
/* endregion icon close */
/**
 * Global breakpoints for site
 *
 * @posfix:
 *   -rg - (regular) standard site width
 *   -md - (medium) site width for small windows
 *   -tb - (tablet) site width for tablet devices
 *
 * Use postfix for classes and modifiers specify for site width (Ex: .class_name-tb | __class_modifier-md)
 * NOTE: for custom variables and scss files use postfix similarly
 */
/**
 * Accent grid breakpoints
 *
 * Initial breakpoint for desktop - xlg, secondary - lg
 *
 * Mobile breakpoints:
 *   sms  320 (small small   - Samsung Galaxy S)
 *   sm   360 (small x       - Samsung Galaxy Nexus)
 *   smx  375 (small 2x      - iPhone 6)
 *   sm2x 414 (small 3x      - iPhone 8 Plus)
 * Tablet breakpoints:
 *   mds   600  (medium small - Asus Nexus 7 (2013))
 *   md    768  (medium       - Apple iPad Mini)
 *   mdx   1024 (medium x     - BlackBerry PlayBook)
 * Desktop breakpoints:
 *   lg    1280 (large)
 *   lgx   1366 (large x)
 *   lg2x  1600 (large 2x)
 *   xlg   1920 (extra large   - full hd)
 *   xlgx  3840 (extra large x - 4k)
 */
/* 320 x 570 (Samsung Galaxy S) */
/* 360 x 640 (Samsung Galaxy Nexus) */
/* 375 x 667 (iPhone 6, iPhone 7) */
/* 375 x 667 (iPhone 8 Plus) */
/* 600 x 961 (Asus Nexus 7 (2013)) */
/* 768 x 1024 (Apple iPad Mini) */
/* 1024 x 600 (small tablet, ex: ipad mini 7.9`). ratio - 1,33 (4:3) */
/* 1280 x 720 (notebook). ratio - 1,78 (16:9) */
/* WXGA (HD Ready) 1366 x 768 (popular notebook). ratio - 1,78 (683:384) */
/* wXGA++ 1600 x 900 (popular notebook). ratio - 1,78 (16:9) */
/* Full HD 1920 × 1080 (normal monitor). ratio - 1,77 (16:9) */
/* Ultra HD 3840 × 2160 (4k monitors). ratio - 1,78 (16:9) */
/**
 * Heading
 */
/* Heading colors */
/* Heading font size */
/* mobile Heading font size */
/**
 * z-index variables
 *
 * Please add here all z-index values
 */
/* region ColorPicker */
/* endregion ColorPicker */
/* region Profile Schedule */
/* endregion Profile Schedule */
/* region chat */
/* endregion chat */
/* region Mobile Tabs */
/* the element must be over the .bmt_tab in active state */
/* endregion Mobile Tabs */
/* region Mobile Table Popup */
/* endregion Table Mobile Popup */
/* region Exit White Popup */
/* endregion Exit White Popup */
/* region Chat Notification Panel Widget */
/* endregion Chat Notification Panel Widget */
/* region Reply Conversation Smile Replace */
/* endregion Reply Conversation Smile Replace */
/* region Static Page Search */
/* endregion Static Page Search */
/* region Support Help Page */
/* endregion Static Page Search */
/* region Static Page Cards block */
/* endregion Static Page Cards block */
/**
 * @see: grid_breakpoints.scss
 *
 * Usage:
 *  @media $normal_viewport_only {
 *    ...
 *  }
 */
/* retina */
/* ---------------------------------------------- Global ---------------------------------------------- */
/* region ---- only ---- */
/* only phone */
/* only phone-large */
/* only tablet */
/* only notebook */
/* only desktop */
/* only desktop-large */
/* only normal */
/* endregion ---- only ---- */
/* region ---- and more ---- */
/* only phone and more */
/* only phone-large and more */
/* only tablet and more */
/* only notebook and more */
/* only desktop and more */
/* only desktop-large and more */
/* only tv and more */
/* endregion ---- and more ---- */
/* region ---- less ---- */
/* only phone less */
/* only phone-large less */
/* only tablet less */
/* only notebook less */
/* only desktop less */
/* only desktop-large less */
/* endregion ---- less ---- */
/* -------------------------------------------- Components ------------------------------------------- */
/* region for large site width */
/* endregion for large site width */
/* region for standard site width */
/* endregion for standard site width */
/* region for tablet site width */
/* endregion for tablet site width */
/* region for medium mobile site width */
/* endregion for medium mobile site width */
/* region for mobile site width */
/* endregion for mobile site width */
/* region for mobile Hero slider */
/* endregion for mobile Hero slider */
/* region for mobile follow pages */
/* endregion for mobile follow pages */
/* region for desktop player media */
/* endregion for desktop player media */
/* region for mobile IM tip before start block */
/* endregion for mobile IM tip before start block */
/* ---------------------------------------- Device Orientation --------------------------------------- */
/* region for device orientation*/
/* endregion for device orientation */
/* ---------------------------------------------- Pages ---------------------------------------------- */
/* region for contest page */
/* endregion contest page */
/* region for chat page */
/* endregion chat page */
/* ------------------------------------------- Mobile Pages ------------------------------------------- */
/* region for mobile guest home page */
/* endregion for mobile guest home page */
/* region for contest mobile page */
/* endregion contest page */
/* ---------------------------------------------- Popups ---------------------------------------------- */
/* region for no need popup */
/* endregion for no need popup */
/* ------------------------------------------- Mobile Pages ------------------------------------------- */
/* region for mobile dashboard page */
/* endregion for mobile dashboard page */
/* region for mobile profile schedule page */
/* endregion for mobile profile schedule page */
/**
 * Flags sprite variables variables
 */
/**
 * Mixins
 */
/**
 * include fonts for site (deprecated?)
 *
 * $fontName                   - real name of font (used for font-family)
 * $fontWeight                 - font-weight property
 * fontStyle                   - font-style property
 * $localName, $localPestfix   - create local src for search font on client
 * $localName2, $localPestfix2 - for create local src for search font on client
 * $pathFile                   - path for font files
 */
/* region Font-weight hack for Windows 10 Chrome 96 emoji bug */
/* endregion Font-weight hack for Windows 10 Chrome 96 emoji bug */
/**
 * Include fonts for console
 *
 * $fontName        - real name of font (used for font-family)
 * $fontWeight      - font-weight property
 * fontStyle        - font-style property
 * $pathFile        - path for font files
 * $localName       - create local src for search font on client
 * $localName2      - for create local src for search font on client
 */
/* stylelint-disable */
/**
 * Correct image rendering
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 * Autoprefexer not insert non-standard prefixes
 */
/**
 * Pixel image rendering
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 * Autoprefexer not insert non-standard prefixes
 */
/**
 * Auto image rendering
 * @see: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
 * Autoprefexer not insert non-standard prefixes
 */
/**
 * Border dashed mixin
 * NOTICE: $color - rgb
 */
/**
 * Mixins svg icon:
 * 1. svg_icon_hover - for icon state (Default, Hover (active))
 * 2. svg_icon_button - for icon state (Default, Hover (active), Disabled)
 *
 *=========================
 * 1. svg_icon_hover
 *  Mixin svg hover state
 *==========================
 * 2. svg_icon_button
 *  Mixin svg button state
 *
 * Modifiers
 *   $svgClass.__disabled - mod for disabled icon
 *===========================
*/
/**
 * Tooltip arrow mixin
 * Reformats SVG to URI for use as CSS
 * - data/assets/images/bm/ui/ui_tooltip_arrow_top.svg
 * For inlining, used https://yoksel.github.io/url-encoder/
 * NOTICE: $color - rgb
 */
/**
 * Text fading mixins
 */
/**
 * @var number $width  - width of fading
 * @var color $bgColor  - fading color
 * @var bool $needRelative  - need relative for parent
 */
/**
 * @var number $width  - width of fading
 * @var number $height  - height of fading (need EQUALS line-height)
 * @var color $bgColor  - fading color
 * @var bool $needRelative  - need relative for parent
 */
/**
 * Mixins for sprite images
 *
 * Sprite variables located in variables path @see: /src/frontend/core/variables/sprites.scss
 *
 * sprite sheets mixins
 *   sprite        - sprite (url, width and height)
 *   sprite_url    - only url of sprite
 *   sprite_width  - only width of sprite
 *   sprite_height - only height of sprite
 * sprite image mixins
 *   sprite_image          - sprite image (position, width and height)
 *   sprite_image_url      - sprite url by sprite image name (analog mixin sprite_url)
 *   sprite_image_with_url - sprite image (position, url, width and height)
 *   sprite_image_width    - only sprite image width
 *   sprite_image_height   - only sprite image height
 *   sprite_image_position - only sprite image position
 *
 * Example:
 * .billing_icon {
 *   @include sprite(billing);
 * }
 *
 * billing - name of sprite
 *
 * .billing_icon {
 *   @include sprite_image(billing_visa_icon);
 * }
 *
 * billing_visa_icon - {sprite_name}_{image_name_included_in_sprite}
 */
/**
 * Switch toggler mixin
 * Reformats SVG to URI for use as CSS
 * - data/assets/images/bm/ui/ui_switch_toggler.svg
 * For inlining, used https://yoksel.github.io/url-encoder/
 * NOTICE: $bgColor - rgb, $shadowColor - rgba
 */
/**
 * Checkbox mark mixin
 * Reformats SVG to URI for use as CSS
 * - data/assets/images/bm/ui/ui_checkbox_mark.svg
 * For inlining, used https://yoksel.github.io/url-encoder/
 * NOTICE: $color - rgb
 */
/**
 * #js-css .js-{$name} need for say js about $value @see: JsCssProps.ts
 *
 * If you have send some values, then concat values in string separated by ":" EX: "{$value1}:{$value2}"
 */
/**
 * Pure Css 100vh or 100vw Fix
 *
 * It works in Chrome (just -webkit-fill-available causes problems in Chrome in some cases),
 * iOS/iPad/MacOS Safari and [all other browsers]. Pure CSS solution, no JS required.
 *
 * @see: https://caniuse.com/intrinsic-width
 */
/**
 * ui
 */
/**
 * Button component responsive
 */
/**
 * Media queries for Button component then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_btn {
    font-size: 12px;
  }
}
/**
 * Form grid responsive
 */
/* region form grid component */
/**
 * Media queries for Form Grid then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bmf_block {
    padding: 12px 15px;
  }
  .bmf_block.__mt {
    margin-top: 10px;
  }
  .bmf_input_wrp {
    max-width: 300px;
  }
  .bmf_subtitle {
    padding-bottom: 10px;
  }
}
/* endregion form grid component */
/* region Form range component */
/**
* Media queries for Form range then less medium resolution
* --bm-medium-viewport-less resolution (<= 970px)
*/
@media all and (max-width: 970px) {
  .form_range_row {
    padding: 0 25px;
  }
}
/* endregion Form range component */
/**
 * Flex Grid responsive
 */
/**
 * Extends and placeholders for Flex Grid
 */
/**
 * Flex Grid helper classes then less regular resolution with postfix __md
 * --bm-regular-viewport-less resolution (<= 1200px)
 */
/**
 * Extends and placeholders for Flex Grid
 */
/* Site vars */
/* region wrapper - for global_breakpoints */
/* endregion wrapper */
/* indents */
/* link */
/* text selection highlighting */
/* region scrollbar */
/* endregion scrollbar */
/* region forms */
/* --form-control-color: $accent-ordinary-color; */
/* additional height for errors in grouped area */
/* endregion forms */
/* region switch */
/* endregion switch */
/* region grid */
/* endregion grid */
/* region tooltip */
/* endregion tooltip */
/* region popover */
/* endregion popover */
/* region loaders */
/* endregion loaders */
/* region collapsible panel */
/* endregion collapsible panel */
/* region tables */
/* endregion tables */
/* region table in popup */
/* endregion table in popup */
/* region table with action */
/* region accent table */
/* region accent table */
/* endregion table with action */
/* endregion tables */
/* region progress bar */
/* endregion progress bar */
/* region complete indicator */
/* endregion complete indicator */
/* region placeholder */
/* endregion placeholder */
/* region thumbnail */
/* endregion thumbnail */
/* region player */
/* endregion player */
/* region photo player */
/* endregion photo player */
/* region pager */
/* endregion pager */
/* multiselect */
/* multiselect */
/* region overflow detector */
/* endregion overflow detector */
/* region alerts */
/* endregion alerts */
/* range input */
/* range input */
/* anchor input */
/* anchor input */
/* list */
/* list */
/* region icon close */
/* endregion icon close */
@media all and (max-width: 1200px) {
  .bmc_col_1__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bmc_col_2__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bmc_col_3__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bmc_col_4__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bmc_col_5__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bmc_col_6__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bmc_col_7__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bmc_col_8__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bmc_col_9__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bmc_col_10__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bmc_col_11__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bmc_col_12__md {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/**
 * Flex Grid helper classes then less regular resolution with postfix __tb
 * --bm-medium-viewport-less resolution (<= 970px)
 *
 * NOTE: defined __tb for all classes, because for tablet gutters is changed
 *
 * Modifiers:
 *   .bm_container.__c__tb - paddings changed
 *   .bm_container_fluid.__cf__td - paddings changed
 *   .bmc_row.__rw__tb - paddings changed
 */
/**
 * Extends and placeholders for Flex Grid
 */
/* Site vars */
/* region wrapper - for global_breakpoints */
/* endregion wrapper */
/* indents */
/* link */
/* text selection highlighting */
/* region scrollbar */
/* endregion scrollbar */
/* region forms */
/* --form-control-color: $accent-ordinary-color; */
/* additional height for errors in grouped area */
/* endregion forms */
/* region switch */
/* endregion switch */
/* region grid */
/* endregion grid */
/* region tooltip */
/* endregion tooltip */
/* region popover */
/* endregion popover */
/* region loaders */
/* endregion loaders */
/* region collapsible panel */
/* endregion collapsible panel */
/* region tables */
/* endregion tables */
/* region table in popup */
/* endregion table in popup */
/* region table with action */
/* region accent table */
/* region accent table */
/* endregion table with action */
/* endregion tables */
/* region progress bar */
/* endregion progress bar */
/* region complete indicator */
/* endregion complete indicator */
/* region placeholder */
/* endregion placeholder */
/* region thumbnail */
/* endregion thumbnail */
/* region player */
/* endregion player */
/* region photo player */
/* endregion photo player */
/* region pager */
/* endregion pager */
/* multiselect */
/* multiselect */
/* region overflow detector */
/* endregion overflow detector */
/* region alerts */
/* endregion alerts */
/* range input */
/* range input */
/* anchor input */
/* anchor input */
/* list */
/* list */
/* region icon close */
/* endregion icon close */
@media all and (max-width: 970px) {
  /* Container widths */
  .bm_container.__c__tb {
    padding-right: 5px;
    padding-left: 5px;
  }
  .bm_container_fluid.__cf__td {
    padding-right: 5px;
    padding-left: 5px;
  }
  .bm_container_fluid.__cf__td.__no_p {
    padding: 0;
  }
  /* Row */
  .bmc_row.__rw__tb {
    margin-right: -5px;
    margin-left: -5px;
  }
  .bmc_row.__rw__tb.__no_gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .bmc_row.__rw__tb.__no_gutters > .bmc_col__tb, .bmc_row.__rw__tb.__no_gutters > [class*=bmc_col_] {
    padding-right: 0;
    padding-left: 0;
  }
  /* Columns */
  .bmc_col__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .bmc_col_1__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bmc_col_2__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bmc_col_3__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bmc_col_4__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bmc_col_5__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bmc_col_6__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bmc_col_7__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bmc_col_8__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bmc_col_9__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bmc_col_10__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bmc_col_11__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bmc_col_12__tb {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/**
 * Tooltip responsive
 */
/**
 * media for tooltip then less regular resolution
 * --bm-regular-viewport-less resolution (<= 1200px)
 */
@media all and (max-width: 1200px) {
  .bm_tooltip.__ph_profile {
    margin: -6px 0 0;
  }
  .bm_tooltip.__ph_balance {
    margin: -6px 0 0;
  }
}
/**
 * media for tooltip then less regular resolution
 * --bm-tablet-lg-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_tooltip_wrp:not(.__disabled) {
    cursor: pointer; /* fix for touch */
  }
}
/**
 * Leading responsive
 */
/**
 * Media queries for Leading component then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_leading {
    padding: 0 15px 15px;
  }
  .bm_leading .bml_title {
    margin: 0 0 5px;
    font-size: 22px;
  }
}
/**
 * Collapsible panel responsive
 */
/**
 * Collapsible panel then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_collapse_wrp {
    border-radius: 20px;
  }
  .bm_collapse_wrp .bm_table_wrp:not(.__empty) {
    margin: 5px -5px;
  }
  .bm_collapse_head {
    padding: 0 20px;
  }
  .bm_collapse_body {
    padding: 3px 20px 0;
  }
}
/**
 * Round indicator. Ex: Profile completeness responsive
 */
/**
 * Media queries for Round indicator. Ex: Profile completeness component then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_round_indicator {
    width: 120px;
    height: 120px;
    padding: 5px;
  }
  .bm_round_indicator .ri_text_wrp {
    padding: 35px 18px;
    font-size: 12px;
  }
  .bm_round_indicator .ri_line {
    stroke-width: 6px;
    stroke-dasharray: 391px;
  }
}
/**
 * Pager responsive
 */
/**
 * Media queries for Pager component then less medium resolution
 * --bm-medium-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_pager {
    padding: 0 15px;
  }
}
/**
 * Media queries for player component then less medium resolution
 * --bm-desktop-player-less resolution (<= 800px)
 */
@media all and (max-width: 800px) {
  .bm_video.__vtt.__vtt_firefox .bmv_file::cue {
    font-size: 1.7em;
  }
}
/**
 * utils need be import in last position
 */
/**
 * Flex responsive
 */
/**
 * Flex helper classes then less regular resolution with postfix __md
 * --bm-regular-viewport-less resolution (<= 1200px)
 */
@media all and (max-width: 1200px) {
  .bm_flex {
    /* vertical and horizontal center */
  }
  .bm_flex.__flex__md {
    display: flex;
  }
  .bm_flex.__fx_inline__md {
    display: inline-flex;
  }
  .bm_flex.__fx_hide__md {
    display: none;
  }
  .bm_flex.__ja_center__md {
    justify-content: center;
    align-items: center;
  }
  .bm_flex.__fd_r__md {
    flex-direction: row;
  }
  .bm_flex.__fd_rr__md {
    flex-direction: row-reverse;
  }
  .bm_flex.__fd_c__md {
    flex-direction: column;
  }
  .bm_flex.__fd_cr__md {
    flex-direction: column-reverse;
  }
  .bm_flex.__fw_n__md {
    flex-wrap: nowrap;
  }
  .bm_flex.__fw_w__md {
    flex-wrap: wrap;
  }
  .bm_flex.__fw_wr__md {
    flex-wrap: wrap-reverse;
  }
  .bm_flex.__ff_rn__md {
    flex-flow: row nowrap;
  }
  .bm_flex.__ff_rw__md {
    flex-flow: row wrap;
  }
  .bm_flex.__jc_fs__md {
    justify-content: flex-start;
  }
  .bm_flex.__jc_fe__md {
    justify-content: flex-end;
  }
  .bm_flex.__jc_c__md {
    justify-content: center;
  }
  .bm_flex.__jc_sb__md {
    justify-content: space-between;
  }
  .bm_flex.__jc_sa__md {
    justify-content: space-around;
  }
  .bm_flex.__ai_s__md {
    align-items: stretch;
  }
  .bm_flex.__ai_fs__md {
    align-items: flex-start;
  }
  .bm_flex.__ai_fe__md {
    align-items: flex-end;
  }
  .bm_flex.__ai_c__md {
    align-items: center;
  }
  .bm_flex.__ai_b__md {
    align-items: baseline;
  }
  .bm_flex.__ac_s__md {
    align-content: stretch;
  }
  .bm_flex.__ac_fs__md {
    align-content: flex-start;
  }
  .bm_flex.__ac_fe__md {
    align-content: flex-end;
  }
  .bm_flex.__ac_c__md {
    align-content: center;
  }
  .bm_flex.__ac_sb__md {
    align-content: space-between;
  }
  .bm_flex.__ac_sa__md {
    align-content: space-around;
  }
  .bm_flex.__fb_100__md {
    flex-basis: 100%;
  }
}
/**
 * Flex helper classes then less regular resolution with postfix __tb
 * --bm-regular-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_flex {
    /* vertical and horizontal center */
  }
  .bm_flex.__flex__tb {
    display: flex;
  }
  .bm_flex.__fx_inline__tb {
    display: inline-flex;
  }
  .bm_flex.__fx_hide__tb {
    display: none;
  }
  .bm_flex.__ja_center__tb {
    justify-content: center;
    align-items: center;
  }
  .bm_flex.__fd_r__tb {
    flex-direction: row;
  }
  .bm_flex.__fd_rr__tb {
    flex-direction: row-reverse;
  }
  .bm_flex.__fd_c__tb {
    flex-direction: column;
  }
  .bm_flex.__fd_cr__tb {
    flex-direction: column-reverse;
  }
  .bm_flex.__fw_n__tb {
    flex-wrap: nowrap;
  }
  .bm_flex.__fw_w__tb {
    flex-wrap: wrap;
  }
  .bm_flex.__fw_wr__tb {
    flex-wrap: wrap-reverse;
  }
  .bm_flex.__ff_rn__tb {
    flex-flow: row nowrap;
  }
  .bm_flex.__ff_rw__tb {
    flex-flow: row wrap;
  }
  .bm_flex.__jc_fs__tb {
    justify-content: flex-start;
  }
  .bm_flex.__jc_fe__tb {
    justify-content: flex-end;
  }
  .bm_flex.__jc_c__tb {
    justify-content: center;
  }
  .bm_flex.__jc_sb__tb {
    justify-content: space-between;
  }
  .bm_flex.__jc_sa__tb {
    justify-content: space-around;
  }
  .bm_flex.__ai_s__tb {
    align-items: stretch;
  }
  .bm_flex.__ai_fs__tb {
    align-items: flex-start;
  }
  .bm_flex.__ai_fe__tb {
    align-items: flex-end;
  }
  .bm_flex.__ai_c__tb {
    align-items: center;
  }
  .bm_flex.__ai_b__tb {
    align-items: baseline;
  }
  .bm_flex.__ac_s__tb {
    align-content: stretch;
  }
  .bm_flex.__ac_fs__tb {
    align-content: flex-start;
  }
  .bm_flex.__ac_fe__tb {
    align-content: flex-end;
  }
  .bm_flex.__ac_c__tb {
    align-content: center;
  }
  .bm_flex.__ac_sb__tb {
    align-content: space-between;
  }
  .bm_flex.__ac_sa__tb {
    align-content: space-around;
  }
  .bm_flex.__fb_100__tb {
    flex-basis: 100%;
  }
}
/**
 * Tools responsive
 */
/**
 * Utils classes then less regular resolution with postfix __md
 * --bm-regular-viewport-less resolution (<= 1200px)
 */
@media all and (max-width: 1200px) {
  .bm_hide__md {
    display: none;
  }
  .bm_hide.__block__md {
    display: block;
  }
  .bm_block.__hide__md {
    display: none;
  }
}
/**
 * media for utils then less medium resolution
 * --bm-regular-viewport-less resolution (<= 970px)
 */
@media all and (max-width: 970px) {
  .bm_hide__tb {
    display: none;
  }
  .bm_hide.__block__tb {
    display: block;
  }
  .bm_block.__hide__tb {
    display: none;
  }
}