@charset "UTF-8";
/*! @author Bilal Cinarli */
/** -------------------------------------------
    Project Styles
    ------------------------------------------- **/
/**
 * First Import Settings
 * These settings are defines simple color and sizes for Melange defaults
 * Also some settings such as `$support-for-ie8` etc. are used in Caffeine mixins
 * You are free to extend the settings for system wide use.
 */
/* @author Bilal Cinarli */
/**
 * System wide settings
 *
 * All the imported values are set to "null" if they have a default value.
 * So if you want to use them as default, do not change to null value.
 */
/** -------------------------------------------
    Settings for default overwrites and
    GUI related variables
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    System supports
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Default class/definition names
    ------------------------------------------- **/
/**
 * Name space prefix
 * Adds a defined namespace prefix to generated class names
 */
/**
 * Class names for grid
 * @default $row-name: 'row'
 * @default $column-name: 'column'
 * @default $column-name-plural: 'columns'
 */
/**
 * Button names for action
 *
 * @default $action-button: '-action'; // only used for similar class selector
 * @default $primary-button: 'primary-action';
 * @default $secondary-button: 'secondary-action';
 * @default $tertiary-button: 'tertiary-action';
 * @default $cancel-button: 'cancel-action';
 */
/**
 * Folders
 * Not actually a namespace but folder names also have different preferences
 * @default $images: '../images/'; relative to styles folder
 * @default $retina-suffix: '@2x'
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Animation Related Variables
    ------------------------------------------- **/
/**
 * Duration
 *
 * Duration time for transition animations
 * @default .4s
 */
/**
 * Easing
 *
 * Easing style
 * @default ease
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Size Definitions
    ------------------------------------------- **/
/**
 * Spacing in element
 *
 * Sets the padding sizes for an element
 * @default $base-spacing 1em
 * @default $base-input-spacing 5px
 */
/**
 * Grid gutter and columns
 *
 * Defines the grid gutter size and column count in a row
 * Grid columns floated by default. But it is optional whether float or not
 * for percentage widths.
 * @default $base-gutter: 20px
 * @default $base-grid-columns: 18
 * @default $base-float-widths: true
 */
/**
 * Border Widths
 *
 * Applied border with for input fields and table borders
 * @default $base-border-width: 1px;
 */
/**
 * Content Widths
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Fonts
    ------------------------------------------- **/
/**
 * Global font definitions
 * @default $base-font-size: 16px
 * @default $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
 * @default $base-line-height: 1.5
 * @default $base-font-icon: null
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Colors
    ------------------------------------------- **/
/**
 * Named Colors
 *
 * Some named colors for inheriting colors over different variables
 * @default $color-primary    : #009bdc;
 * @default $color-secondary  : #67af00;
 * @default $color-tertiary   : #ffa900;
 * @default $color-cancel     : #e87352;
 * @default $color-error      : $color-cancel;
 * @default $color-text       : #4d4d4d;
 * @default $color-light-gray : #e5e5e5;
 * @default $color-gray       : #c6c6c6;
 * @default $color-dark-gray  : #a6a6a6;
 * @default $color-white      : #fff;
 * @default $color-black      : #000;
 */
/**
 * Simple colors for general styling
 * @default $base-color: #222
 */
/**
 * Border Colors
 *
 * Colors applied to border in focus, disabled, readonly and stationary state
 * @default $base-border-color: #c6c6c6;
 * @default $base-border-highlight: #a6a6a6;
 * @default $base-border-disabled: #e9e9e9;
 * @default $base-border-readonly: #c6c6c6;
 */
/**
 * Field Background Colors
 *
 * Color applied to field background in focus, disabled, readonly and stationary state
 * @default $base-field-background: #fff;
 * @default $base-field-highlight: #fff;
 * @default $base-field-disabled: #c6c6c6;
 * @default $base-field-readonly: #e5e5e5;
 */
/**
 * Button colors
 */
/**
 * Default Button
 *
 * Unstyled, normal button
 * @default $base-button-color: #e5e5e5;
 * @default $base-button-text-color: #222;
 */
/**
 * Primary Action Button
 *
 * Maybe used for call-to-action button or/and save/submit buttons in forms
 * @default $base-primary-color: #009bdc;
 * @default $base-primary-text-color: #fff;
 */
/**
 * Secondary Action Button
 *
 * Useful for indication secondary action in a form near the primary action button
 * @default $base-secondary-color: #67af00;
 * @default $base-secondary-text-color: #fff;
 */
/**
 * Tertiary Action Button
 *
 * Useful for actions whether they are not fit for primary or secondary
 * @default $base-tertiary-color: #ffa900;
 * @default $base-tertiary-text-color: #fff;
 */
/**
 * Cancel Action Button
 *
 * Simply used for cancel button for a form or call-to-action, confirmation etc.
 * @default $base-cancel-color: #e87352;
 * @default $base-cancel-text-color: #fff;
 */
/**
 * Second Import Caffeine
 * Caffeine is a Sass based mixin/function library (see: https://github.com/bcinarli/caffeine)
 * Mostly Melange is not depended on Caffeine.
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Caffeine
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    System Functions for internal usage
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Generic Functions
    ------------------------------------------- **/
/**
  * Remove units
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Related Functions
    ------------------------------------------- **/
/**
  * Rem to PX
  */
/**
 * REM converter
 * in style's config, we hope to have a base-font-size variable,
 * if not, we define it according to standart html font-size
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    String Manipulation Functions
    ------------------------------------------- **/
/**
  * String Replacement
  * Mimics the PHP's str_replace function
  * @param {string} $search   The value being searched for, otherwise known as the needle
  * @param {string} $replace  The replacement value that replaces found search values
  * @param {string} $subject  The string being searched and replaced on, otherwise known as the haystack.
  */
/**
  * Case insensitive String Replacement
  * Mimics the PHP's str_ireplace function
  * @param {string} $search   The value being searched for, otherwise known as the needle
  * @param {string} $replace  The replacement value that replaces found search values
  * @param {string} $subject  The string being searched and replaced on, otherwise known as the haystack.
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Mixins for Internal Melange Usage
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Generic Mixins
    ------------------------------------------- **/
/**
 * Adds prefixed version of a property according to listed vendors
 */
/**
 * Adds prefixed version of values in a property
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Related Mixins
    ------------------------------------------- **/
/**
 * Fontface
 *
 * http://caniuse.com/#search=font-face
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
 * For modern approach, woff and ttf format is supported all major browsers. If you need to support
 * Internet Explorer 8, with setting "$support-for-ie8" variable to "true", the eot file format
 * also added to mixin output. You also need to provide related file formats in your fonts folder.
 *
 * @font-face {
              [ font-family: <family-name>; ]?
           || [ src: [ <uri> [format(<string>#)]? | <font-face-name> ]#; ]?
           || [ unicode-range: <urange>#; ]?
           || [ font-variant: <font-variant>; ]?
           || [ font-feature-settings: normal|<feature-tag-value>#; ]?
           || [ font-stretch: <font-stretch>; ]?
           || [ font-weight: <weight>; ]?
           || [ font-style: <style>; ]?
   }
 */
/**
 * fontface
 * This mixin is a callback support for very early versions of Caffeine
 */
/**
  * Font Icon
  *
  * Outputs an icon font definition with supporting class attribute selectors.
  * For preventing font misuse for the element, the class selector applied to :before pseuode element
  * instead of the element itself.
  */
/**
 * Font-Size callback
 *
 * For modern usage, converts and output font-size with rem units.
 */
/**
 * Disable Select
 * It is useful for mobil applications
 * Prevents text selection when swipe or double click
 * http://caniuse.com/#search=user-select
 * https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
 * Formal syntax: none | text | all | element
 * Current spec, all vendors need prefixing
 */
/**
 * Selection
 *
 * The ::selection CSS pseudo-element applies rules to the portion of a document
 * that has been highlighted (e.g., selected with the mouse or another pointing device) by the user.
 * http://caniuse.com/#search=selection
 * https://developer.mozilla.org/en-US/docs/Web/CSS/::selection
 * Formal syntax: content
 * Only a small part of text related properties supports. You can change the following properties in selectionsİ
 * color, background-color, cursor, outline, text-decoration, text-emphasis-color and text-shadow.
 *
 * Notes:
 * text-shadow in ::selection is supported by Chrome, Safari and Firefox 17+.
 *
 * The ::selection CSS pseudo-element was drafted for CSS Selectors Level 3
 * but removed before it reached the Recommendation status. It was readded as part of the Pseudo-Elements Level 4 draft.
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Size Related Mixins
    ------------------------------------------- **/
/**
 * Square or desired width-height for an element
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    CSS3 Related Mixins
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Background Gradient Mixins
    ------------------------------------------- **/
/**
 * Simple Linear gradient
 * Gets the linear gradient content as a parameter and outputs the prefixed version.
 * For old browsers do not forget to add fallback color/image before mixin
 * Uses new linear gradient version. Not supporting Safari 5 or older and IE9 and older versions
 *
 * @param string $content
 */
/**
 * Simple Radial gradient
 * Gets the radial gradient content as a parameter and outputs the prefixed version.
 * For old browsers do not forget to add fallback color/image before mixin
 * Uses new linear gradient version. Not supporting Safari 5 or older and IE9 and older versions
 *
 * @param $content
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Gradient
    ------------------------------------------- **/
/**
 * Gradient Text Color
 * Add a gradient color to the text
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Box Shadow
    ------------------------------------------- **/
/**
 * Simple Box shadow
 *
 * @param $content: box-shadow content
 * http://caniuse.com/#search=box-shadow
 * current spec, only Android browser 2.3 need -webkit prefix
 * You can use standart CSS box shadow definition
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Transition Related Mixins
    ------------------------------------------- **/
/**
 * CSS Transition
 *
 * Outputs CSS3 transition code with defined prefixes
 * http://caniuse.com/#search=transition
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition
 * Formal syntax: [ none | <single-transition-property> ] || <time> || <timing-function> || <time>
 * current spec, older Android browsers and Safari 5.1 need -webkit
 */
/**
 * CSS Transition Delay
 * Outputs CSS3 transition-delay code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay
 * Formal syntax: <time>#
 */
/**
 * CSS Transition Duration
 * Outputs CSS3 transition-duration code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration
 * Formal syntax: <time>#
 */
/**
 * CSS Transition Property
 * Outputs CSS3 transition-property code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property
 * Formal syntax: none | <single-transition-property>#  [ ‘,’ <single-transition-property># ]*
 */
/**
 * CSS Transition Timing
 * Outputs CSS3 transition-timing-function code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function
 * Formal syntax: <timing-function>#
 */
/**
 * App Transition
 *
 * General transition definition for app
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Transform Related Mixins
    ------------------------------------------- **/
/**
 * CSS Transform
 *
 * Outputs CSS3 tranform code with defined prefixes
 * http://caniuse.com/#search=transform
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transform
 * Formal syntax: none | <transform-function>+
 * For transform functions see: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function
 * current spec, Safari, Android browser and IE9 need vendor prefix
 */
/**
 * CSS Transform Origin
 *
 * Outputs CSS3 tranform-origin code with defined prefixes
 * http://caniuse.com/#search=transform
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
 * Formal syntax: [ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] <length>?
 * current spec, Safari, Android browser and IE9 need vendor prefix
 */
/**
 * CSS Transform Style
 *
 * Outputs CSS3 tranform-style code with defined prefixes
 * http://caniuse.com/#search=transform
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style
 * Formal syntax: flat | preserve-3d | inherit
 * current spec, IE is not supported, webkit browsers need prefixing
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Animation Related Mixins
    ------------------------------------------- **/
/**
 * CSS Animation
 *
 * Outputs CSS3 animation code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation
 * Formal syntax: <single-animation-name> || <time> || <timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Delay
 *
 * Outputs CSS3 animation-delay code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay
 * Formal syntax: <time>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Direction
 *
 * Outputs CSS3 animation-direction code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction
 * Formal syntax: <single-animation-direction>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Duration
 *
 * Outputs CSS3 animation-duration code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration
 * Formal syntax: <time>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Fill Mode
 *
 * Outputs CSS3 animation-fill-mode code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode
 * Formal syntax: <single-animation-fill-mode>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Iteration Count
 *
 * Outputs CSS3 animation-iteration-count code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
 * Formal syntax: <single-animation-iteration-count>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Name
 *
 * Outputs CSS3 animation-name code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-name
 * Formal syntax: <single-animation-name>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Play State
 *
 * Outputs CSS3 animation-play-state code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state
 * Formal syntax: <single-animation-play-state>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Timing Function
 *
 * Outputs CSS3 animation-timing-function code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function
 * Formal syntax: <single-animation-timing-function>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Keyframes
 *
 * Outputs CSS3 keyframes code with defined prefixes
 * http://caniuse.com/#search=keyframes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes
 * @keyframes <identifier> {
 *  [ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]*
 * }
 * current spec, webkit browsers need prefixing
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Columns Related Mixins
    ------------------------------------------- **/
/**
 * CSS Columns
 *
 * Outputs CSS3 Columns with defined prefixes
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/columns
 * Formal syntax: <'column-width'> || <'column-count'>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Count
 *
 * Outputs CSS3 Column Count
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-count
 * Formal syntax: <number> | auto
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Width
 *
 * Outputs CSS3 Column Width
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-width
 * Formal syntax: <length> | auto
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Gap
 *
 * Outputs CSS3 Column Gap
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap
 * Formal syntax: <length> | normal
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule
 *
 * Outputs CSS3 Column Rule, shorthand definition for column rule styles
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule
 * Formal syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule Color
 *
 * Outputs CSS3 Column Rule Color
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color
 * Formal syntax: <color>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule Style
 *
 * Outputs CSS3 Column Rule Style
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-style
 * Formal syntax: <style>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule Width
 *
 * Outputs CSS3 Column Rule Width
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width
 * Formal syntax: <br-width>
 * Available values: thin || medium || thick || number px || number em
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Span
 *
 * Outputs CSS3 Column Span
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-span
 * Formal syntax: none | all
 * Currently, except firefox, all vendors supporting this feature. Webkit browsers need prefix
 */
/**
 * CSS Column Fill
 *
 * Outputs CSS3 Column Fill
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill
 * Formal syntax: auto | balance
 * Currently only firefox supports
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Flex Mixins
    ------------------------------------------- **/
/**
 * CSS Flex
 *
 * Outputs Flex code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex
 * Formal syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Flex Basis
 *
 * Outputs Flex-Basis code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
 * Formal syntax: content | <'width'>
 * Initial Value: auto
 * current spec, webkit browsers need prefixing, however Safari is not supporting this feature
 *
 * Notes
 * When a non-auto flex-basis is specified, Internet Explorer 10-11 (but not 12+) always
 * uses a content-box box model to calculate the size of a flex item, even if
 * box-sizing: border-box is applied to the element.
 *
 */
/**
 * CSS Flex Direction
 *
 * Outputs Flex-Direction code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
 * Formal syntax: content | [row | row-reverse | column | column-reverse]
 * current spec, webkit browsers need prefixing, however Safari is not supporting this feature
 */
/**
 * CSS Flex Grow
 *
 * Outputs Flex-Grow code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
 * Formal syntax: <number>
 * Initial Value: 0
 * Negative values are invalid.
 * current spec, webkit browsers need prefixing, Internet explorer and Safari is
 * not supporting this feature
 */
/**
 * CSS Flex Shrink
 *
 * Outputs Flex-Shrink code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
 * Formal syntax: <number>
 * Initial Value: 1
 * Negative values are invalid.
 * current spec, webkit browsers need prefixing, Internet explorer and Safari is
 * not supporting this feature
 *
 * Notes:
 * Internet Explorer 10 uses 0 instead of 1 as the initial value for the flex-shrink property.
 * A workaround is to always set an explicit value for flex-shrink.
 */
/**
 * CSS Flex Wrap
 *
 * Outputs Flex-Wrap code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
 * Formal syntax: content | [nowrap | wrap | wrap-reverse]
 * Initial Value: nowrap
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Flex Align Content
 *
 * Outputs align-content code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
 * Formal syntax: content | [flex-start | flex-end | center | space-between | space-around | stretch]
 * Initial Value: strecth
 * current spec, webkit browsers need prefixing
 *
 * Notes:
 * Internet Explorer and Safari are not supporting this feature yet even with vendor prefix
 */
/**
 * CSS Flex Align Items
 *
 * Outputs align-items code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
 * Formal syntax: content | [flex-start | flex-end | center | baseline | stretch]
 * Initial Value: strecth
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Flex Align Self
 *
 * Outputs align-self code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
 * Formal syntax: content | [auto | flex-start | flex-end | center | baseline | stretch]
 * Initial Value: auto
 * current spec, webkit browsers need prefixing
 *
 * Notes:
 * Safari is not supporting this feature yet even with vendor prefix
 */
/*
 * CSS Justify Content
 *
 */
/**
 * Order
 *
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Media Query Mixins
    ------------------------------------------- **/
/**
 * Retina Image
 */
/**
 * Retina
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Arrow
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Placeholder
    ------------------------------------------- **/
/**
  * Styles input elements' placeholder.
  * @param $self: true, if it is true, styles applied to class itself
  *         if false, styles applied to the child elements
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Positions
    ------------------------------------------- **/
/**
  * Center
  * Applied to absolute positioned elements, and sets position to absolute.
  * Element is centered both vertically and horizontally
  * Dimension declarations (width, height) are not necessary
  * If any other transform methods applied, may not work as expected
  */
/**
  * Vertical Center
  * Centers the element vertically. Do not interfere with its horizontal position
  * If any other transform methods applied, may not work as expected
  */
/**
 * Horizontal Center
 * Centers the element horizontally
 * Uses margin: 0 auto; when $type defined as "static"
 * By default it uses the transform approach
 * If any other transform methods applied, may not work as expected in transform approach
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Common Break Points
    ------------------------------------------- **/
/**
 * Mobile phones / smaller screens portrait mode
 *
 */
/**
 * Mobile phones / smaller screens landscape mode
 *
 */
/**
 * Tablets / medium sized screens portrait mode
 *
 */
/**
 * Tablets / medium sized screens landscape mode
 *
 */
/**
 * Common desktop/laptops
 */
/**
 * Widescreens
 *
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Appearance Mixin
    ------------------------------------------- **/
/**
 * CSS Appearance
 *
 * Outputs appearance with defined prefixes
 * http://caniuse.com/#search=appearance
 * https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * Formal syntax: value | [ various variable can defined like button, caret, checkbox, progressbar etc. ]
 * All browsers need vendor prefixing
 *
 * Notes:
 * This is an unofficial feature and not included in the spec. Aside from Internet Explorer, all browsers
 * need their vendor prexing.
 * However for the Internet Explorer, -webkit-appearance with value none is supported on IE11 Mobile
 * for phones with "Windows Phone 8.1 Update", and in EdgeHTML.dll
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Scrollbar Styles
    ------------------------------------------- **/
/**
  * Scrollbar
  * Styles the scrollbars for supported browsers
  * Both vertical and horizontal scrolls styled together
  * The invisible OSX scrolls will be visible when applied
  */
/**
 * For Datepickers
*/
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/**
 * Third Import Melange Core
 * Melange Core is a super set of normalize library.
 * It has general definitions of certain elements such as labels, form fields, buttons, media object without
 * any predefined templates. Main purpose of the Melange is never overwrite any framework definitions
 * during coding. Every definition, class names can change via settings and merges itself with your GUI.
 * Also, Melange has two sets for width definitions.
 * One is a simple grid system with gutter added between columns as paddings. Using a padding gutter and box-sizing: border-box
 * definition, adds more control over responsive designs. These columns floated by default and support up to 18-column grids.
 * This grid system is a fluid grid. You need to add breakpoint definitions for responsive designs.
 * Other width types are fragmented widths such as .one-half, .two-thirds, .three-quarters etc. These are defined by percentages and
 * missing the 100% fragment except in .one-whole definitions. Simply, there are no .two-halves, .three-thirds, .four-quarters classes
 * which are equal to .one-whole :)
 */
/*! melange.css | @author Bilal Cinarli | melange.io */
/**
 * Loads the main containers. Each folder has _*.scss container file with the same name.
 * This container files imports all other files in the same folder.
 */
/** -------------------------------------------
    General Settings
    ------------------------------------------- **/
/** -------------------------------------------
    Internal Variables
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Variables Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Internal Variables
    ------------------------------------------- **/
/**
  * Here are some internal variables that are not used in styling
  * but for optimization calculations or controlling certain options
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Predefined Classes
    ------------------------------------------- **/
/*
 * In somecases predefined classes can stay only as placeholder
 * If set `false` there will be no output for these placeholder classess unless
 * @extend method used. Otherwise both a placeholder version and @extended version will be
 * availabled.
 *
 * e.g.
 * `false` case;
 * %group {} placeholder is available for extending.
 *
 * `true` case;
 * %group {} placeholder is available for extending. and
 * .group {} class will also available for direct usage
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    System supports
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Default class/definition names
    ------------------------------------------- **/
/**
 * Name space prefix
 * Adds a defined namespace prefix to generated class names
 */
/**
 *  Text field lists
 */
/**
 * Class names for grid
 */
/**
 * Class names for forms
 */
/**
 * Button names for action
 */
/**
 * Folders
 * Not actually a namespace but folder names also have different preferences
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Number to Name Conversions
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Animation Related Variables
    ------------------------------------------- **/
/**
 * Duration
 *
 * Duration time for transition animations
 */
/**
 * Easing
 *
 * Easing style
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Default size definitions
    ------------------------------------------- **/
/**
 * Spacing in element
 * Sets the padding sizes for an element
 */
/**
 * Grid gutter and columns
 * Defines the grid gutter size and column count in a row
 * Non-grid columns are not floated by default. But it is optional whether float or not
 * for percentage widths.
 */
/**
 * Border Widths
 *
 * Applied border with for input fields and table borders
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Breakpoint Variables
    ------------------------------------------- **/
/**
 * Rather then using device specific breakpoints, width breakpoints are more
 * appropriate for wider range of devices.
 */
/**
 * Wide Screen
 */
/**
 * Desktop / Laptop
 */
/**
 * Tablet
 */
/**
 * Phone
 */
/**
 * Breakpoint Map
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Fonts
    ------------------------------------------- **/
/**
 * Default font definitions
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Colors
    ------------------------------------------- **/
/**
 * Named Colors
 *
 * Some named colors for inheriting colors over different variables
 */
/**
 * Simple colors for general styling
 */
/**
 * Border Colors
 *
 * Colors applied to border in focus, disabled, readonly and stationary state
 * @default $base-border-color: #ccc;
 */
/**
 * Field Background Colors
 *
 * Color applied to field background in focus, disabled, readonly and stationary state
 */
/**
 * Button colors
 */
/**
 * Default Button
 *
 * Unstyled, normal button
 */
/**
 * Disabled Button
 */
/**
 * Primary Action Button
 *
 * Maybe used for call-to-action button or/and save/submit buttons in forms
 */
/**
 * Secondary Action Button
 *
 * Useful for indication secondary action in a form near the primary action button
 */
/**
 * Tertiary Action Button
 *
 * Useful for actions whether they are not fit for primary or secondary
 */
/**
 * Cancel Action Button
 *
 * Simply used for cancel button for a form or call-to-action, confirmation etc.
 */
/**
 * Color maps
 */
/** -------------------------------------------
    Melange Internal Methods
    ------------------------------------------- **/
/** -------------------------------------------
    Global Styles
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Global Styles Container
    ------------------------------------------- **/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
  /**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
}

a:active, a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: 0;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: .67em 0;
  font-size: 2em;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  box-sizing: content-box;
  /* 1 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  margin: 0;
  /* 2 */
  font: inherit;
  /* 1 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button [type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
  box-sizing: border-box;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
  padding: 0;
  /* 2 */
  box-sizing: border-box;
  /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
  /**
     * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
    */
}

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Generic Styles
    ------------------------------------------- **/
/**
 * More proper width calculation and better grid,
 * all elements' box-sizing set to border-box
 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/**
 * Overwrite normalize.css's box-sizing definitions
 */
hr {
  box-sizing: inherit;
}

input[type='search'] {
  box-sizing: inherit;
}

/**
 * Set html and body sizes to 100% for better wrapping
 * Remove margins and padding to use all viewport
 */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/**
 * Remove top margin and padding from certain elements
 * generally we never use top margin anyway
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
table,
th,
td {
  margin-top: 0;
  padding: 0;
}

/**
 * And good-ol friend clearfix
 * For a meaningful name our clearfix class named as group
 */
.group::after, .box-container::after, .tag::after, .label-category::after, .label-category-v2::after {
  display: table;
  clear: both;
  content: '';
}

/* @author Bilal Cinarli */
/**
 * Not real functions of mixins but set of definitions for resetting or reformatting an element
 */
/** -------------------------------------------
    Helper Definitions
    ------------------------------------------- **/
/**
 * Hard reset for an element
 */
fieldset, .form-elements {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  list-style: none;
}

/**
 * Vertical Center
 */
/**
 * Horizontal Center
 */
/**
 * Center Alignment
 */
/**
 * Floats
 */
/* @author Bilal Cinarli */
/**
 * Position related definition
 */
/** -------------------------------------------
    Positions
    ------------------------------------------- **/
/**
 * Floats
 */
.move-to-start, [dir='rtl'] .move-to-end, .column, [class*='-column'] {
  float: left;
}

.move-to-end, [dir='rtl'] .move-to-start, [class*='column-reverse'] {
  float: right;
}

/**
 * Aligns
 * start and end values for text-aligns are direction safe.
 * no need to additional definition for rtl/ltr differences.
 */
.align-start {
  text-align: start;
}

.align-end {
  text-align: end;
}

/** -------------------------------------------
    Layout Definitions
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Layouts Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Widths for General Usage
    ------------------------------------------- **/
/**
 * Mixin for width calculations
 *
 * @param $fragment: defines how many fragments in one row and calculates the fragment width
 * @param $namespace prefix for classes in order to use different names for different parts
 *
 * @depends $numbers: number-to-name conversion list for human readable class names
 * @depends $ordinals: defines the human reader total chunks
 */
/**
    * Whole
    */
.one-whole {
  width: 100%;
}

/**
     * Half
     */
.one-half, .two-quarters, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%;
}

/**
     * Thirds
     */
.one-thirds, .one-third, .four-twelfths {
  width: 33.33333%;
}

.two-thirds, .eight-twelfths {
  width: 66.66667%;
}

/**
     * Quarters
     */
.one-quarters, .one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%;
}

/**
     * Fifths
     */
.one-fifths, .one-fifth, .two-tenths {
  width: 20%;
}

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

/**
     * Eights
     */
.one-eighths, .one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
     * Tenths
     */
.one-tenths, .one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
     * Twelfths
     */
.one-twelfths, .one-twelfth {
  width: 8.33333%;
}

.two-twelfths {
  width: 16.66667%;
}

.five-twelfths {
  width: 41.66667%;
}

.seven-twelfths {
  width: 58.33333%;
}

.ten-twelfths {
  width: 83.33333%;
}

.eleven-twelfths {
  width: 91.66667%;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Grid Columns
    ------------------------------------------- **/
/**
 * Mixin for grid columns
 *
 * Apart from our generic widths, columns have gutter for spacing and they are floated by default.
 */
/**
 * Offset settings for grid columns
 *
 * When you need much larger spacing between grid columns, you can offset a column by one or more column widths
 */
/**
 * Row
 * Row encapsulation for columns
 */
.pull {
  margin-left: -10px;
}

.push {
  margin-right: -10px;
}

.pull-push {
  margin-right: -10px;
  margin-left: -10px;
}

.row::after {
  display: table;
  clear: both;
  content: '';
}

/**
 * Columns
 * Better controlling the width, gutter defined as right & left padding
 */
[class*='-column'] {
  position: relative;
  padding: 0 10px;
}

.column-parent {
  padding: 0;
}

/**
 * Grid Columns
 * Sets the grid columns according to column number defined in $base-grid-columns
 * @see melange/variables/_sizes.scss
 * @see settings/_sizes.scss
 */
.one-column,
.one-columns {
  width: 8.33333%;
}

.two-column,
.two-columns {
  width: 16.66667%;
}

.three-column,
.three-columns {
  width: 25%;
}

.four-column,
.four-columns {
  width: 33.33333%;
}

.five-column,
.five-columns {
  width: 41.66667%;
}

.six-column,
.six-columns {
  width: 50%;
}

.seven-column,
.seven-columns {
  width: 58.33333%;
}

.eight-column,
.eight-columns {
  width: 66.66667%;
}

.nine-column,
.nine-columns {
  width: 75%;
}

.ten-column,
.ten-columns {
  width: 83.33333%;
}

.eleven-column,
.eleven-columns {
  width: 91.66667%;
}

.twelve-column,
.twelve-columns {
  width: 100%;
}

/**
 * Offsets
 * Sets the offsets classes according to column number defined in $base-grid-columns
 */
.offset-by-one {
  margin-left: 8.33333%;
}

.offset-by-two {
  margin-left: 16.66667%;
}

.offset-by-three {
  margin-left: 25%;
}

.offset-by-four {
  margin-left: 33.33333%;
}

.offset-by-five {
  margin-left: 41.66667%;
}

.offset-by-six {
  margin-left: 50%;
}

.offset-by-seven {
  margin-left: 58.33333%;
}

.offset-by-eight {
  margin-left: 66.66667%;
}

.offset-by-nine {
  margin-left: 75%;
}

.offset-by-ten {
  margin-left: 83.33333%;
}

.offset-by-eleven {
  margin-left: 91.66667%;
}

/** -------------------------------------------
    Base Element Styles
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Elements Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Styles
    ------------------------------------------- **/
/**
 * Body base font and color definitions
 */
html {
  font-size: 16px;
}

body {
  color: #011d33;
  font: 16px/1.5 GreycliffCF, Arial, sans-serif;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Form Elements Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Field Wrappers
    ------------------------------------------- **/
/**
 * Fieldset for field wrappers
 */
/**
 * Form Elements Holder
 * A list or a div for group form elements
 */
.form-elements {
  /**
     * Forms mostly build with unordered list.

        <ul class="form-elements group">
            <li class="group">
                <label class="item-field">
                    <span class="item-name">Label</span>
                    <input />
                </label>
            </li>
        </ul>
     */
}

.form-elements li {
  position: relative;
  margin-bottom: 1em;
}

/**
 * Legend
 *
 * Make the legend as a block for better styling and control
 */
legend {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Label Styles
    ------------------------------------------- **/
/**
 * Labels
 *
 * Fields should always wrapped with a label.
 * Helper .label class is used for applying label styles for other text elements
 *
    <label class="item-field">
        <span class="item-label"></span>
        <input type="text" />
    </label>
 *
 */
label,
.label {
  display: inline-block;
  position: relative;
}

/**
 * Item positions
 * In most cases,
 * item-field is for showing label name and field in same line
 * item-stacked is for showing label name and field in rows
 * item-row is however, stacking the label wrappers together
 */
.item-field {
  margin-right: 1em;
}

.item-stacked:not(:only-child) {
  margin-bottom: 1em;
}

.item-row + .item-row {
  margin-top: 1em;
}

.item-error {
  color: #e87352;
}

/**
 * Label texts
 */
.item-label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /**
     * When item is stacked, label text will be over the label input
     */
  /**
     * Required field has a star at the beginning of label
     */
}

.item-stacked .item-label {
  display: block;
}

.item-label .item-required::before, .is-required .item-label::before {
  position: absolute;
  left: -10px;
  content: '*';
}

/**
 * Field Help
 *
 * Although this is not an actual label, it can be used as helper text for the field
 */
.item-help {
  font-size: .8em;
  font-style: italic;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Input Fields
    ------------------------------------------- **/
/**
 * Text based (input[type=text] etc.) field styles
 *
 * .text-field class is added in order to styling other elements like a text field
 */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
textarea,
.text-field {
  padding: 10px;
  border: 1px solid #c6c6c6;
  outline: 0;
  background: #fff;
  color: inherit;
  font-size: 1rem;
  font-weight: normal;
}

input:focus[type="text"], input:focus[type="password"], input:focus[type="datetime"], input:focus[type="datetime-local"], input:focus[type="date"], input:focus[type="month"], input:focus[type="time"], input:focus[type="week"], input:focus[type="number"], input:focus[type="email"], input:focus[type="url"], input:focus[type="search"], input:focus[type="tel"], input:focus[type="color"],
textarea:focus,
.text-field:focus, input:active[type="text"], input:active[type="password"], input:active[type="datetime"], input:active[type="datetime-local"], input:active[type="date"], input:active[type="month"], input:active[type="time"], input:active[type="week"], input:active[type="number"], input:active[type="email"], input:active[type="url"], input:active[type="search"], input:active[type="tel"], input:active[type="color"],
textarea:active,
.text-field:active {
  border-color: #a6a6a6;
  background: #fff;
}

input[readonly][type="text"], input[readonly][type="password"], input[readonly][type="datetime"], input[readonly][type="datetime-local"], input[readonly][type="date"], input[readonly][type="month"], input[readonly][type="time"], input[readonly][type="week"], input[readonly][type="number"], input[readonly][type="email"], input[readonly][type="url"], input[readonly][type="search"], input[readonly][type="tel"], input[readonly][type="color"],
textarea[readonly],
.text-field[readonly], input.readonly[type="text"], input.readonly[type="password"], input.readonly[type="datetime"], input.readonly[type="datetime-local"], input.readonly[type="date"], input.readonly[type="month"], input.readonly[type="time"], input.readonly[type="week"], input.readonly[type="number"], input.readonly[type="email"], input.readonly[type="url"], input.readonly[type="search"], input.readonly[type="tel"], input.readonly[type="color"],
textarea.readonly,
.readonly.text-field {
  border-color: #c6c6c6;
  background-color: #eee;
  cursor: default;
}

input[disabled][type="text"], input[disabled][type="password"], input[disabled][type="datetime"], input[disabled][type="datetime-local"], input[disabled][type="date"], input[disabled][type="month"], input[disabled][type="time"], input[disabled][type="week"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="url"], input[disabled][type="search"], input[disabled][type="tel"], input[disabled][type="color"],
textarea[disabled],
.text-field[disabled], input.disabled[type="text"], input.disabled[type="password"], input.disabled[type="datetime"], input.disabled[type="datetime-local"], input.disabled[type="date"], input.disabled[type="month"], input.disabled[type="time"], input.disabled[type="week"], input.disabled[type="number"], input.disabled[type="email"], input.disabled[type="url"], input.disabled[type="search"], input.disabled[type="tel"], input.disabled[type="color"],
textarea.disabled,
.disabled.text-field {
  border-color: #eee;
  background-color: #c6c6c6;
  cursor: default;
}

input.item-error[type="text"], input.item-error[type="password"], input.item-error[type="datetime"], input.item-error[type="datetime-local"], input.item-error[type="date"], input.item-error[type="month"], input.item-error[type="time"], input.item-error[type="week"], input.item-error[type="number"], input.item-error[type="email"], input.item-error[type="url"], input.item-error[type="search"], input.item-error[type="tel"], input.item-error[type="color"],
textarea.item-error,
.item-error.text-field {
  border-color: #e87352;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
textarea,
.text-field {
  -webkit-appearance: none;
}

/**
 * Checkable (checkbox, radio) field styles
 */
input[type="checkbox"], input[type="radio"] {
  vertical-align: middle;
  /**
         * Fields and labels together
         *
            <label class="item-field">
                <input type="checkbox" />
                <span class="item-label">Label</span>
            </label>
         */
}

input[type="checkbox"] + .item-label, input[type="radio"] + .item-label {
  margin-left: .25em;
  font-weight: normal;
  vertical-align: middle;
}

/**
 * Other input types
 */
/**
 * Textarea
 *
 * Textareas are like input text fields in most cases, but they need additional styling
 * since they are resizable and allows multiple lines
 */
textarea {
  min-height: 3em;
  resize: vertical;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Button Styles
    ------------------------------------------- **/
/**
 * Button colors
 */
/**
 * In most cases, using buttons with button tag allows more styling options
 * it is cross browser and meaningful. Also '.button' class is added in order to
 * get button-like elements
 */
button, input[type='submit'], input[type='reset'], input.button, .button, [class*='-action']:not([class*='-actions']), .media {
  -webkit-apperance: none;
  -moz-apperance: none;
  apperance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
  padding: 10px 30px;
  border: transparent;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
  border-radius: 20px;
  background-color: #c6c6c6;
  color: #011d33;
}

button:hover, input:hover[type='submit'], input:hover[type='reset'], .button:hover, :hover[class*='-action']:not([class*='-actions']), .media:hover {
  background-color: #b3b3b3;
  color: #011d33;
}

button:disabled, input:disabled[type='submit'], input:disabled[type='reset'], .button:disabled, :disabled[class*='-action']:not([class*='-actions']), .media:disabled, button.disabled, input.disabled[type='submit'], input.disabled[type='reset'], .disabled.button, .disabled[class*='-action']:not([class*='-actions']), .disabled.media {
  cursor: default;
  background-color: #eee;
  color: #a6a6a6;
}

button:disabled:hover, input:disabled:hover[type='submit'], input:disabled:hover[type='reset'], .button:disabled:hover, :disabled:hover[class*='-action']:not([class*='-actions']), .media:disabled:hover, button.disabled:hover, input.disabled:hover[type='submit'], input.disabled:hover[type='reset'], .disabled.button:hover, .disabled:hover[class*='-action']:not([class*='-actions']), .disabled.media:hover {
  background-color: #eee;
  color: #a6a6a6;
}

button:active, input:active[type='submit'], input:active[type='reset'], .button:active, :active[class*='-action']:not([class*='-actions']), .media:active {
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

/**
 * Native button elements
 * Input button elements
 */
/**
 * Anchor and other elements
 */
.button {
  text-align: center;
}

.button, .button:hover, .button:focus, .button:active {
  text-decoration: none;
}

/**
 * Action Buttons
 * specificity increased in order to overwrite [class*='-action']:not([class*='-actions'])
 * without using !important rule. By this, it can easily modified `.some-class .primary-action` selector
 */
.primary-action.primary-action {
  background-color: #fecc00;
  color: #743e82;
}

.primary-action.primary-action:hover {
  background-color: #d8ad00;
  color: #743e82;
}

.secondary-action.secondary-action {
  background-color: #743e82;
  color: #fff;
}

.secondary-action.secondary-action:hover {
  background-color: #5d3268;
  color: #fff;
}

.tertiary-action.tertiary-action {
  background-color: #ffa900;
  color: #fff;
}

.tertiary-action.tertiary-action:hover {
  background-color: #d99000;
  color: #fff;
}

.cancel-action.cancel-action {
  background-color: #e87352;
  color: #fff;
}

.cancel-action.cancel-action:hover {
  background-color: #e45830;
  color: #fff;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Table Styles
    ------------------------------------------- **/
/**
 * Table
 */
table {
  width: 100%;
}

/**
 * TFoot
 */
tfoot td:only-child {
  text-align: end;
}

/**
 * Cells
 */
th,
td {
  padding: 0.5em;
  text-align: start;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Link & Nav Styles
    ------------------------------------------- **/
/**
 * Links
 *
 * Basic anchor styling
 */
a {
  display: inline-block;
  padding: 2px;
}

nav a {
  text-decoration: none;
}

/**
 * Nav
 *
 * Navigation items
 */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Heading Styles
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Lists
    ------------------------------------------- **/
ol,
ul {
  padding-left: 10px;
  list-style-position: outside;
}

dl {
  padding-left: 10px;
}

dl dt {
  font-weight: bold;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Inline elements
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Block Styles
    ------------------------------------------- **/
/** -------------------------------------------
    Default Components
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Components Container
    ------------------------------------------- **/
/**
 * Media Component
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Media Component
    ------------------------------------------- **/
/**
 * Media Item
 *
 * A media item indicates a block consists with a media item (image, flash, video etc.) and a text content
 */
.media-visual {
  display: block;
  margin-right: 1em;
  float: left;
}

.media-text + .media-visual {
  margin-right: auto;
  margin-left: 1em;
  float: right;
}

/**
 * GUI Styles
 * Your gui related definitions.
 * Only add the main GUI file in the styles.scss. Other gui styles will be added in gui/gui.scss
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    GUI Related Styles
    ------------------------------------------- **/
/**
  * GUI Definitions
  * Only import the directories main files. No need the add other partials. In import order, each categorized partial
  * imported in the main file of the category
  */
/**
 * Externals
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform,height;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Modal
    ------------------------------------------- **/
#uxr-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #000;
  opacity: .4;
}

.uxr-modal-container {
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  min-width: 50px;
  min-height: 50px;
  padding: 20px;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: all ease .3s;
  overflow: auto;
}

.uxr-modal-drag {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  width: calc(100% - 40px);
  height: 24px;
  z-index: 1;
}

.uxr-modal-loaded-content, .uxr-modal-content {
  position: relative;
}

.uxr-modal-title {
  position: absolute;
  top: 5px;
  left: 0;
  width: calc(100% - 27px);
  line-height: 1.5;
  z-index: 10;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: white;
  padding-left: 10px;
}

.uxr-modal-title ~ .uxr-modal-content {
  margin-top: 20px;
}

.uxr-modal-content {
  width: 100%;
  max-height: 100%;
}

.uxr-modal-loading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border: 2px dashed #777;
  border-radius: 50%;
  box-sizing: border-box;
  animation: uxr-modal-loading 2s infinite linear;
}

.uxr-modal-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ccc;
  color: #fff;
  font-family: sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.uxr-modal-close:before {
  content: "X";
  font-size: .8em;
  line-height: 22px;
}

.uxr-modal-hide {
  display: none;
}

@keyframes uxr-modal-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Tooltip
    ------------------------------------------- **/
.uxitd-tooltip-ready[data-type="popover"] {
  cursor: pointer;
}

.tooltip-pop {
  position: absolute;
  z-index: 20001;
  max-width: 200px;
}

.tooltip-pop.tooltip-ajax-content {
  max-width: 40%;
}

.tooltip-content {
  padding: 5px 25px 5px 10px;
  border-radius: 5px;
  background: #000;
  background: rgba(0, 0, 0, 0.8) center no-repeat;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  font-size: 14px;
  color: #fff;
}

.tooltip-content a {
  color: #fff;
}

.tooltip-popover .tooltip-content {
  padding-right: 23px;
}

.preloading .tooltip-content {
  width: 40px;
  height: 30px;
  background-image: url("data:image/gif;base64,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");
}

.tooltip-arrow {
  position: relative;
  width: 100%;
  height: 5px;
}

.tooltip-arrow:after {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  margin-left: -5px;
  border: solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-width: 5px;
}

.position-start .tooltip-arrow:after {
  left: 15px;
}

.position-end .tooltip-arrow:after {
  left: auto;
  right: 5px;
}

.placement-bottom .tooltip-arrow {
  position: absolute;
  top: 0;
  left: 0;
}

.placement-bottom .tooltip-arrow:after {
  top: -200%;
  border-top-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.8);
}

.no-rgba .tooltip-arrow:after {
  border-top-color: #000;
}

.tooltip-close {
  position: absolute;
  top: 5px;
  right: 8px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

/**
 * @author Bilal Cinarli
 */
/** -------------------------------------------
    Select Styles
    ------------------------------------------- **/
[class^="uxr-select-"] {
  box-sizing: border-box;
}

.uxr-select-wrap .uxr-select-aria-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.uxr-select-ready {
  visibility: hidden;
}

.uxr-select-selection {
  position: relative;
  overflow: hidden;
  display: inline-block;
  min-height: 32px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #222;
  text-decoration: none;
  vertical-align: middle;
}

.uxr-select-selection.uxr-select-opened {
  border-radius: 4px 4px 0 0;
}

.uxr-select-selection.uxr-select-loading:after {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: dashed 2px #ccc;
  background-color: #fff;
  animation: uxr-select-loading 2s infinite linear;
  content: "";
}

.uxr-select-selection-text {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 5px 30px 5px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uxr-select-multiple .uxr-select-selection-text {
  padding: 5px;
  overflow: auto;
  background-color: #fff;
  white-space: normal;
}

.uxr-select-multiple.uxr-select-opened .uxr-select-selection-text:after {
  content: "|";
  animation: uxr-select-blink linear infinite 1s;
}

.uxr-select-disabled, .uxr-select-disabled:hover {
  color: #999;
  cursor: default;
}

.uxr-select-readonly, .uxr-select-readonly:hover {
  color: #777;
  cursor: default;
}

.uxr-select-arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border: 5px solid;
  border-color: #555 transparent transparent;
}

.uxr-select-multiple .uxr-select-arrow {
  display: none;
}

.uxr-select-opened .uxr-select-arrow {
  margin-top: -7px;
  border-color: transparent transparent #555;
}

.uxr-select-disabled .uxr-select-arrow {
  border-color: #999 transparent transparent;
}

.uxr-select-disabled.uxr-select-opened .uxr-select-arrow {
  border-color: transparent transparent #999;
}

.uxr-select-readonly .uxr-select-arrow {
  border-color: #777 transparent transparent;
}

.uxr-select-readonly.uxr-select-opened .uxr-select-arrow {
  border-color: transparent transparent #777;
}

.uxr-select-selected-tag {
  position: relative;
  display: inline-block;
  margin-bottom: 3px;
  padding: 3px;
  border-radius: 4px;
  background-color: #ddd;
  font-size: .8em;
  line-height: 1;
}

.uxr-select-selected-tag.uxr-select-has-remove-selected-tag {
  padding: 3px 25px 3px 3px;
}

.uxr-select-remove-selected-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  padding: 3px;
  text-align: center;
  cursor: pointer;
}

.uxr-select-drop {
  position: absolute;
  z-index: 11000;
  border: 1px solid #ccc;
  border-radius: 0 0 4px;
  background-color: #fff;
}

.uxr-select-drop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.uxr-select-drop li {
  list-style: none;
}

.uxr-select-list {
  max-height: 250px;
  overflow-y: auto;
}

.uxr-select-list,
.uxr-select-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.uxr-select-search {
  display: block;
  padding: 4px;
}

.uxr-select-search input {
  width: calc(100% - 8px);
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.uxr-select-search div[searchField="true"] {
  width: calc(100% - 8px);
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 25px;
}

.uxr-select-group-name {
  display: block;
  padding: 4px;
  font-weight: bold;
}

.uxr-select-option {
  display: block;
  max-width: 400px;
  padding: 4px;
  cursor: pointer;
}

.uxr-select-option:hover,
.uxr-select-selected .uxr-select-option,
.uxr-select-highlight .uxr-select-option {
  background-color: #f0f0f0;
}

.uxr-select-disabled .uxr-select-option {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.uxr-select-hide {
  display: none;
}

@keyframes uxr-select-blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes uxr-select-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.uxr-select-selection {
  position: relative;
}

.uxr-select-icon-holder {
  position: absolute;
  top: 3px;
  right: 2px;
}

.uxr-select-icon-holder img {
  width: 24px;
}

.uxr-select-icon-holder i {
  right: 2px;
  position: relative;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Accordion
    ------------------------------------------- **/
.uxr-collapsible-header {
  position: relative;
  display: block;
  margin: 0;
  cursor: pointer;
}

.uxr-collapsible-animateCSS > .uxr-collapsible-content {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
}

.uxr-collapsible-current.uxr-collapsible-animateCSS > .uxr-collapsible-content {
  overflow: visible;
  height: auto;
  padding: 15px 0;
}

.uxr-collapsible-animateJS > .uxr-collapsible-content {
  display: none;
}

.uxr-collapsible-current.uxr-collapsible-animateJS > .uxr-collapsible-content {
  display: block;
}

/* @author Kursad Yildirmak */
.tab-view .tab-view-button {
  display: inline-block;
}

.tab-view .tab-view-content {
  display: none;
}

.tab-view .tab-view-content.current {
  display: block;
}

.leader-line {
  position: absolute;
  overflow: visible !important;
  pointer-events: none !important;
  font-size: 16px;
}

#leader-line-defs {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.leader-line-line-path {
  fill: none;
}

.leader-line-mask-bg-rect {
  fill: white;
}

.leader-line-caps-mask-anchor,
.leader-line-caps-mask-marker-shape {
  fill: black;
}

.leader-line-caps-mask-anchor {
  stroke: black;
}

.leader-line-caps-mask-line,
.leader-line-plugs-face {
  stroke: rgba(0, 0, 0, 0);
  /* `transparent` might not be supported */
}

.leader-line-line-mask-shape {
  stroke: white;
}

.leader-line-line-outline-mask-shape {
  stroke: black;
}

.leader-line-plug-mask-shape {
  fill: white;
  stroke: black;
}

.leader-line-plug-outline-mask-shape {
  fill: black;
  stroke: white;
}

.leader-line-areaAnchor {
  position: absolute;
  overflow: visible !important;
}

/*
// Easy Responsive Tabs
@import "easy-responsive-tabs";
*/
.ellip {
  display: block;
  max-height: 52px;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Fonts
    ------------------------------------------- **/
@font-face {
  font-family: "Turkcell-Satura";
  src:   url("../fonts/turkcellsaturaregular.woff?caffeine") format("woff"), url("../fonts/turkcellsaturaregular.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Turkcell-Satura";
  src:   url("../fonts/turkcellsaturabold.woff?caffeine") format("woff"), url("../fonts/turkcellsaturabold.ttf?caffeine") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Turkcell-Satura-Bold";
  src:   url("../fonts/turkcellsaturabold.woff?caffeine") format("woff"), url("../fonts/turkcellsaturabold.ttf?caffeine") format("truetype");
  font-weight: bold;
  font-style: normal;
}

/*@include font-face("Helvetica Neue", "HelveticaNeueMedium", 400);
@include font-face("Helvetica Neue Bold", "helveticaneuebd-webfont", bold);
@include font-face("Helvetica Neue Thin", "helveticaneue_thin-webfont", 300);*/
@font-face {
  font-family: "tag";
  src:   url("../fonts/tag.woff?caffeine") format("woff"), url("../fonts/tag.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, .teammates-list__item--has-sub:before, .teammates-list__item--has-sub.teammates-list__item--active:before, .learning-operations .table tbody td:first-child .mobile-plus:after, .ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before, .ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
  font-family: "tag";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "GreycliffCF";
  src:   url("../fonts/GreycliffCF-Regular.woff?caffeine") format("woff"), url("../fonts/GreycliffCF-Regular.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GreycliffCF";
  src:   url("../fonts/GreycliffCF-Medium.woff?caffeine") format("woff"), url("../fonts/GreycliffCF-Medium.ttf?caffeine") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "GreycliffCF";
  src:   url("../fonts/GreycliffCF-Bold.woff?caffeine") format("woff"), url("../fonts/GreycliffCF-Bold.ttf?caffeine") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/**
 * Layout
 * In layout component, there lays the general position of the main elements like page-wrap, header, footer, content etc.
 * Keep in mind, the layout components should only contain the position or size of these wrappers
 * the other elements  like logo in the header, menu in the footer should defined in the components or particules or other
 * appropriate folder to their definitions fit in.
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Layout
    ------------------------------------------- **/
/**
 * Page
 */
/* @author Ertugrul Eslik */
/** -------------------------------------------
    Page
    ------------------------------------------- **/
html {
  position: relative;
}

*:focus, *:active {
  outline: none;
}

body {
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  body.overflow-hidden {
    overflow: hidden;
  }
}

@media screen and (max-width: 1024px) {
  body.overflow-mobile {
    overflow: hidden;
  }
}

body.hidden {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  body.hidden {
    overflow: auto;
  }
}

.page-wrap {
  height: 100%;
  transition: all .5s ease;
}

.page-wrap.active-mobile-menu {
  position: relative;
  z-index: 100000;
  transform: translateX(260px);
  transition: all .5s ease;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .page-wrap.active-mobile-menu ~ .catalog-modal-container {
    z-index: 9999999 !important;
    transform: translateX(260px);
    transition: all .5s ease;
  }
}

.main {
  min-height: calc(100% - 90px);
}

.main.font-greycliff {
  font-family: GreycliffCF, sans-serif;
}

.page-main {
  margin-top: 60px;
}

.container {
  position: relative;
  width: 98%;
  margin: 0 auto;
  max-width: 960px;
}

@media screen and (max-width: 1023px) {
  .container.fluid {
    width: 100%;
  }
}

.container.learning-index {
  max-width: 1280px;
}

.container.learning-operations-wrap {
  max-width: 1280px;
}

.container.learning-operations-wrap.full .learning-operations {
  padding: 0;
}

.container.learning-operations-wrap.full .teammates {
  display: none;
}

.container.big {
  max-width: 1280px;
}

@media screen and (max-width: 767px) {
  .container.big {
    width: 100%;
  }
}

/**
 * Header
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Header
    ------------------------------------------- **/
.header {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 70px;
  float: left;
  z-index: 100;
  background-image: radial-gradient(circle at 49% 50%, #0052a7, #001d34);
  /*
  &:before {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 90px;
    background: url("../images/header-bg.png") no-repeat center center;
    content: "";
    z-index: 1;
  }
  */
}

@media screen and (max-width: 480px) {
  .header {
    z-index: 100;
  }
  .header:before {
    background: url("../images/header-bg-mobile.png") no-repeat center center;
  }
}

/**
 * Content
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Content
    ------------------------------------------- **/
.main-content {
  display: inline-block;
  width: 100%;
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  .main-content {
    margin-top: 0px;
  }
}

.main-content-left {
  width: calc(100% - 330px);
  float: left;
}

.main-content-left .education-result-box {
  display: none;
}

@media screen and (max-width: 900px) {
  .main-content-left .education-result-box {
    display: block;
  }
}

@media screen and (max-width: 900px) {
  .main-content-left {
    width: 100%;
    margin: 0;
    padding-top: 20px;
  }
}

.main-content-right {
  width: 300px;
  margin-left: 30px;
  float: left;
}

@media screen and (max-width: 900px) {
  .main-content-right {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 900px) {
  .main-content-right .education-result-box {
    display: none;
  }
}

.main-content.library {
  margin: 70px 0;
}

.no-scroll {
  position: fixed;
}

.elem-disabled {
  pointer-events: none !important;
  opacity: 0.6 !important;
}

/**
 * Footer
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Footer
    ------------------------------------------- **/
.footer {
  display: inline-block;
  width: 100%;
  height: 90px;
  background: #011d33;
  font-family: GreycliffCF, sans-serif;
  position: relative;
  z-index: 99;
}

.footer .container {
  height: 90px;
}

.footer .copyright {
  display: inline-block;
  font-size: 0.75rem;
  color: #ccc;
}

@media screen and (max-width: 769px) {
  .footer {
    height: auto;
  }
  .footer .container {
    display: inline-block;
    height: auto;
  }
  .footer .copyright {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
}

/**
 * Pages
 */
/* @author Ertugrul Eslik */
/* Login */
.login-page {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.login-page:before {
  display: inline-block;
  width: 100%;
  height: 50%;
  background: url("../images/login-page-bg.png") no-repeat bottom center;
  content: '';
}

@media screen and (max-width: 420px) {
  .login-page {
    background-size: 200% 50%;
  }
}

/**
 * Fixed Header
 */
.fixed-header .header {
  position: fixed;
}

.fixed-header .labels {
  position: fixed;
  top: 70px;
  z-index: 3;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}

.fixed-header .main-content {
  padding-top: 70px;
}

.fixed-header .labels ~ .main-content {
  padding-top: 140px;
}

@media screen and (max-width: 950px) {
  .fixed-header .labels ~ .main-content {
    padding-top: 70px;
  }
}

/**
 * Grid
 */
.page-container {
  padding: 0 4.0625rem;
}

@media screen and (max-width: 1366px) {
  .page-container {
    padding: 0 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .page-container {
    padding: 0;
  }
}

.page-container .opacity {
  opacity: 0.2;
  transition: all 0.5s ease;
}

.page-container .hover {
  box-shadow: 0 2px 25px -3px rgba(37, 51, 66, 0.7) !important;
  background-color: #f5f6f9 !important;
  transition: all 0.5s ease;
}

.page-container .hover.learning-path-diagram__box--success {
  background-color: #fff !important;
  transition: all 0.5s ease;
}

.page-container .content-title {
  box-shadow: 0 6px 16px 0 rgba(11, 50, 84, 0.35);
  background-color: #2a51a3;
  height: 4.0625rem;
  display: flex;
  align-items: center;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.625rem;
  letter-spacing: 2.57px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
  .page-container .content-title {
    padding-left: 30px;
  }
}

.page-container.learning-path-container {
  padding: 0;
}

.page-container.learning-path-container .grid img {
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .page-container.learning-path-container .grid img {
    margin-bottom: 15px;
  }
}

.page-container.learning-path-container .learning-path {
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path {
    width: 110.125rem;
  }
}

.page-container.learning-path-container .learning-path__box-shadow {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path__box-shadow {
    margin-top: 10px;
  }
}

.page-container.learning-path-container .learning-path__img {
  position: relative;
  cursor: pointer;
  width: 100%;
  max-width: 750px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path__img {
    max-width: 100%;
  }
}

.page-container.learning-path-container .learning-path__img video {
  box-shadow: 0 2px 12px -5px rgba(37, 51, 66, 0.5);
  border: solid 1px #e4e5e9;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .page-container.learning-path-container .learning-path__img video {
    width: 100%;
  }
}

.page-container.learning-path-container .learning-path__img span {
  position: absolute;
  width: 84px;
  height: 84px;
  right: 0;
  left: 0;
  margin: auto;
  top: calc(50% - 42px);
  border-radius: 100%;
}

.page-container.learning-path-container .learning-path__img span img {
  max-height: 150px;
  object-fit: cover;
  width: 100%;
}

.page-container.learning-path-container .learning-path-information {
  display: flex;
  margin: 21px 0 0 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-information {
    display: none;
  }
}

.page-container.learning-path-container .learning-path-information .bar-column {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 10px;
  width: 33%;
}

.page-container.learning-path-container .learning-path-information .bar-column span {
  font-size: 14px;
  color: #253342;
  margin: 5px 0 10px 0;
  text-align: left;
  padding-left: 15px;
}

.page-container.learning-path-container .learning-path-information .bar-column strong {
  font-size: 30px;
  font-weight: bold;
  line-height: 0.86;
  color: #00a0df;
  padding-left: 15px;
}

.page-container.learning-path-container .learning-path-information-mobile {
  display: flex;
  justify-content: space-between;
}

.page-container.learning-path-container .learning-path-information-mobile .bar-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
}

.page-container.learning-path-container .learning-path-information-mobile .bar-column img {
  margin-bottom: 0;
}

.page-container.learning-path-container .learning-path-information-mobile .bar-column span {
  font-size: 14px;
  color: #253342;
  margin: 5px 0 10px 0;
}

.page-container.learning-path-container .learning-path-information-mobile .bar-column strong {
  font-size: 28px;
  font-weight: bold;
  line-height: 0.86;
  color: #253342;
}

.page-container.learning-path-container .learning-path-information--right {
  display: none;
  margin: 0;
}

.page-container.learning-path-container .learning-path-information--right .bar-column {
  flex-direction: row;
  justify-content: flex-start;
  width: 33%;
}

.page-container.learning-path-container .learning-path-information--right .bar-column strong {
  font-size: 30px;
  color: #00a0df;
  padding-left: 15px;
}

.page-container.learning-path-container .learning-path-information--right .bar-column span {
  padding-left: 15px;
  text-align: left;
  margin: 0;
}

.page-container.learning-path-container .learning-path-information--right.open {
  display: flex;
}

.page-container.learning-path-container .learning-path-information--left.hide {
  display: none;
}

.page-container.learning-path-container .learning-path-hero-text {
  position: relative;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-hero-text {
    display: none;
  }
}

.page-container.learning-path-container .learning-path-hero-text:before {
  /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffffb8);*/
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  width: calc(100% - 20px);
  height: 20%;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-hero-text:before {
    display: none;
  }
}

.page-container.learning-path-container .learning-path-hero-text.unbefore:before {
  display: none;
}

.page-container.learning-path-container .learning-path-hero-text ::-webkit-scrollbar {
  width: 6px;
}

.page-container.learning-path-container .learning-path-hero-text ::-webkit-scrollbar-track {
  border-radius: 4px;
}

.page-container.learning-path-container .learning-path-hero-text ::-webkit-scrollbar-thumb {
  background-color: #253342;
  border-radius: 8px;
}

.page-container.learning-path-container .learning-path-hero-text ::-webkit-scrollbar-thumb:hover {
  background-color: #253342;
  border-radius: 8px;
}

.page-container.learning-path-container .learning-path-hero-text-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-hero-text-mobile {
    display: block;
    text-align: center;
  }
}

.page-container.learning-path-container .learning-path-hero-text-mobile .learning-title {
  font-size: 24px;
  font-weight: bold;
  color: #253342;
  text-align: center;
  margin: 20px 0 11px 0;
}

.page-container.learning-path-container .learning-path-hero-text-mobile .learning-path-hero-content {
  max-width: 100%;
}

.page-container.learning-path-container .learning-path-hero-text-mobile .learning-path-hero-content {
  height: auto;
}

.page-container.learning-path-container .learning-path-hero-text-mobile .learning-path-hero-content p {
  text-align: center;
  margin: 0;
}

.page-container.learning-path-container .learning-path-hero-content {
  max-height: 350px;
  height: auto;
  width: 100%;
  overflow: auto;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  padding-right: 20px;
}

.page-container.learning-path-container .learning-path-info-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 65px;
  margin-top: 50px;
  width: 100%;
  background-color: #e4e5e9;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-info-bar {
    display: none;
  }
}

.page-container.learning-path-container .learning-path-info-bar-mobile {
  display: none;
  background-color: #284d9b;
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 99;
  padding: 5px 20px 10px 11px;
  box-shadow: 0 2px 4px 0 rgba(73, 88, 99, 0.46);
  z-index: 106;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-info-bar-mobile {
    justify-content: space-between;
    align-items: center;
  }
}

.page-container.learning-path-container .learning-path-info-bar-mobile__logo {
  margin-top: -10px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__logo img {
  position: absolute;
  width: 40px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__logo img.first-child {
  bottom: 9px;
  left: 22px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__logo img.last-child {
  bottom: 10px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__text {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.13px;
  color: #fff;
  margin-left: 65px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__pegination {
  margin: 6px 0 0 65px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__pegination ul {
  padding: 0;
  list-style: none;
  display: flex;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__pegination ul li {
  width: 12px;
  height: 12px;
  margin: 0 4px 0 0;
  background: #99a6c0;
  border-radius: 100%;
  margin-right: 5px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__pegination ul li:last-child {
  margin-right: 0;
}

.page-container.learning-path-container .learning-path-info-bar-mobile__pegination ul li.active {
  background: #ffffff;
}

.page-container.learning-path-container .learning-path-info-bar-mobile a {
  padding: 6px;
}

.page-container.learning-path-container .learning-path-info-bar-mobile a i {
  color: #fff;
}

.page-container.learning-path-container .learning-path__journey {
  display: none;
  margin: 45px 0;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path__journey {
    display: block;
  }
}

.page-container.learning-path-container .learning-path__journey a {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #212121;
  height: 50px;
  width: 100%;
  padding: 15px;
  border-radius: 25px;
  background-color: #ffc900;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-container.learning-path-container .learning-path-preview {
  display: flex;
  z-index: 99;
}

.page-container.learning-path-container .learning-path-preview ul {
  margin-right: 8px;
}

.page-container.learning-path-container .learning-path-preview ul:last-child {
  margin-right: 0;
}

.page-container.learning-path-container .learning-path-preview ul li {
  width: 20px;
  height: 11px;
  background-color: #7ec89e;
  border-radius: 3px;
  margin-bottom: 3px;
}

.page-container.learning-path-container .learning-path-preview ul li:last-child {
  margin-bottom: 0;
}

.page-container.learning-path-container .learning-path-preview ul li.blue {
  background-color: #6cabe2;
}

.page-container.learning-path-container .learning-path-preview ul li.red {
  background-color: #f27a7e;
}

.page-container.learning-path-container .learning-path-preview ul li.yellow {
  background-color: #fba926;
}

.page-container.learning-path-container .learning-path-preview ul li.black {
  background-color: #253342;
}

.page-container.learning-path-container .learning-path-definition ul {
  display: flex;
}

.page-container.learning-path-container .learning-path-definition ul li {
  display: block;
  position: relative;
  margin-right: 55px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  color: #253342;
}

.page-container.learning-path-container .learning-path-definition ul li:last-child {
  margin-right: 0;
}

.page-container.learning-path-container .learning-path-definition ul li::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background-color: #7ec89e;
  border-radius: 100%;
  left: -21px;
  top: 6px;
}

.page-container.learning-path-container .learning-path-definition ul li.blue:before {
  background-color: #6cabe2;
}

.page-container.learning-path-container .learning-path-definition ul li.red:before {
  background-color: #f27a7e;
}

.page-container.learning-path-container .learning-path-definition ul li.yellow:before {
  background-color: #fba926;
}

.page-container.learning-path-container .learning-path-definition ul li.black:before {
  background-color: #253342;
}

.page-container.learning-path-container .learning-path-definition ul li.nevada:before {
  background-color: #253342;
}

.page-container.learning-path-container .learning-path-diagram {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.page-container.learning-path-container .learning-path-diagram.fixed {
  display: block;
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 20px;
}

.page-container.learning-path-container .learning-path-diagram__box {
  box-shadow: 0 2px 12px -5px rgba(37, 51, 66, 0.5);
  background-color: #fff;
  position: absolute;
  z-index: 3;
  transition: all 0.5s ease;
  max-height: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.page-container.learning-path-container .learning-path-diagram__box--success .learning-path-diagram__content__progress div {
  background: #7ec89e;
}

.page-container.learning-path-container .learning-path-diagram__box--success .learning-path-diagram__content__button i {
  font-size: 14px;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #7ec89e;
  color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-container.learning-path-container .learning-path-diagram__box--start .learning-path-diagram__content__button i {
  transform: rotate(90deg);
  color: #6cabe2;
}

.page-container.learning-path-container .learning-path-diagram__box--continue .learning-path-diagram__content__progress div {
  background: #fba926;
}

.page-container.learning-path-container .learning-path-diagram__box--continue .learning-path-diagram__content__button span {
  width: 15px;
  height: 15px;
  background-color: #fba926;
  border-radius: 4px;
  margin-right: 12px;
}

.page-container.learning-path-container .learning-path-diagram__box--repeat .learning-path-diagram__content__progress div {
  background: #f27a7e;
}

.page-container.learning-path-container .learning-path-diagram__box--repeat .learning-path-diagram__content__button i {
  color: #f27a7e;
}

.page-container.learning-path-container .learning-path-diagram__box--abortive .learning-path-diagram__content__progress div {
  background: #f27a7e;
}

.page-container.learning-path-container .learning-path-diagram__box--abortive .learning-path-diagram__content__button i {
  color: #f27a7e;
  font-size: 18px;
}

.page-container.learning-path-container .learning-path-diagram__box--review .learning-path-diagram__rule {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.page-container.learning-path-container .learning-path-diagram__box--review .learning-path-diagram__rule:before {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.page-container.learning-path-container .learning-path-diagram__box--review .learning-path-diagram__rule span {
  position: absolute;
  left: 0;
  top: calc(50% - 24px);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.21;
  text-align: center;
  color: #fff;
}

.page-container.learning-path-container .learning-path-diagram__box--passive:before {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.5s ease;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__rule {
  position: relative;
  align-items: flex-start;
  display: flex;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__rule span {
  position: absolute;
  left: 0;
  top: calc(50% - 24px);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.21;
  text-align: center;
  color: #fff;
  z-index: 9;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content:before {
  display: none;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content:after {
  display: none;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content__button {
  display: flex;
  align-items: center;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content__button::before {
  display: none;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content__button strong {
  display: flex;
  color: #fff;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content__button i {
  color: #fff;
  z-index: 99;
  font-size: 20px;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content__button p {
  margin: 0;
  color: #fff;
  z-index: 99;
}

.page-container.learning-path-container .learning-path-diagram__box--passive .learning-path-diagram__content__button span {
  font-weight: 500;
  line-height: 1.71;
  text-align: center;
  color: #253342;
  display: none;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile {
  box-shadow: 0 2px 12px -5px rgba(37, 51, 66, 0.5);
  background-color: #fff;
  padding: 12px;
  position: absolute;
  box-sizing: border-box;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .box__img {
  display: flex;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .box__img img {
  width: 65px;
  height: 36px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .box__img p {
  font-size: 12px;
  font-weight: 500;
  color: #253342;
  padding: 0 0 0 7px;
  display: block;
  display: -webkit-box;
  max-width: 150px;
  height: 45px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot__box-icon {
  margin: 12px 8px 0 0;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot__box-icon i {
  font-size: 12px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  color: #15365c;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot__progress {
  height: 5px;
  background: #e9eaec;
  position: absolute;
  width: 100%;
  border-radius: 10px;
  max-width: 135px;
  display: flex;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot__progress div {
  border-radius: 10px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile .foot__progress span {
  position: absolute;
  display: block;
  top: -2px;
  right: -36px;
  font-size: 12px;
  font-weight: 500;
  line-height: 0.83;
  color: #253342;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--success .foot__progress div {
  background: #7ec89e;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--success .foot i {
  font-size: 12px;
  width: 20px;
  height: 20px;
  background-color: #7ec89e;
  color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--start .foot__progress div {
  background: #7ec89e;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--start .foot i {
  transform: rotate(90deg);
  color: #6cabe2;
  font-size: 18px;
  margin-bottom: 5px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--continue .foot__progress div {
  background: #fba926;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--continue .foot__box-icon span {
  width: 15px;
  height: 15px;
  background-color: #fba926;
  border-radius: 4px;
  display: block;
  margin-top: 5px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--repeat .foot i {
  color: #f27a7e;
  font-size: 22px;
  display: inline-flex;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--repeat .foot__progress div {
  background: #f27a7e;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--abortive .foot i {
  color: #f27a7e;
  font-size: 16px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--abortive .foot__progress div {
  background: #f27a7e;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--review {
  /* .box__img {
              p {
                &:before {
                  position: absolute;
                  content: "";
                  left: 0;
                  top: 0;
                  opacity: 0.4;
                  background-color: #000;
                  width: 65px;
                  height: 36px;
                  left: 11px;
                  top: 12px;
                }
              }
            } */
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--review .foot i {
  color: #fff;
  z-index: 10;
  position: absolute;
  top: -46px;
  left: 25px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--passive:before {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: 9;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--passive .foot i {
  color: #fff;
  z-index: 10;
  position: absolute;
  top: -37px;
  left: 25px;
}

.page-container.learning-path-container .learning-path-diagram__box-mobile--passive .foot span {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.42;
  text-align: center;
  color: #fff;
  z-index: 10;
}

.page-container.learning-path-container .learning-path-diagram__content {
  width: 100%;
  padding: 12px;
  position: relative;
}

.page-container.learning-path-container .learning-path-diagram__content__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.21;
  color: #253342;
  display: block;
  display: -webkit-box;
  max-width: 400px;
  height: 50px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-container.learning-path-container .learning-path-diagram__content__info {
  padding: 0px 0 8px 0;
}

.page-container.learning-path-container .learning-path-diagram__content__info i {
  font-size: 16px;
  line-height: 0.4;
  margin-right: 5px;
}

.page-container.learning-path-container .learning-path-diagram__content__info strong {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #253342;
}

.page-container.learning-path-container .learning-path-diagram__content__info strong small {
  font-weight: normal;
  padding-left: 3px;
}

.page-container.learning-path-container .learning-path-diagram__content__info small {
  font-weight: bold;
}

.page-container.learning-path-container .learning-path-diagram__content__info small:last-child {
  padding-left: 3px;
  font-weight: normal;
}

.page-container.learning-path-container .learning-path-diagram__content__progress {
  height: 5px;
  background: #e9eaec;
  position: absolute;
  width: 100%;
  border-radius: 10px;
  max-width: 135px;
  display: flex;
}

.page-container.learning-path-container .learning-path-diagram__content__progress div {
  border-radius: 10px;
}

.page-container.learning-path-container .learning-path-diagram__content__progress span {
  position: absolute;
  display: block;
  top: -2px;
  right: -36px;
  font-size: 12px;
  font-weight: 500;
  line-height: 0.83;
  color: #253342;
}

.page-container.learning-path-container .learning-path-diagram__content__button {
  position: relative;
  padding: 20px 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  color: #253342;
}

.page-container.learning-path-container .learning-path-diagram__content__button:before {
  position: absolute;
  background-color: #e9eaec;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 5px;
}

.page-container.learning-path-container .learning-path-diagram__content__button img {
  margin-right: 8px;
}

.page-container.learning-path-container .learning-path-diagram__content__button i {
  display: flex;
  font-size: 24px;
  margin-right: 12px;
}

.page-container.learning-path-container .learning-path-hero-infos {
  margin-bottom: 1.875rem;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-hero-infos {
    flex-direction: column;
  }
}

.page-container.learning-path-container .learning-title {
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.31px;
  text-align: left;
  color: #0b3254;
  margin-bottom: 20px;
  display: block;
}

@media screen and (max-width: 767px) {
  .page-container.learning-path-container .learning-title {
    margin-bottom: 18px;
  }
}

.page-container.learning-path-container .learning-subtitle {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12px;
  color: #000;
  padding: 3px 13px;
  border-radius: 2px;
  background-color: #fedb41;
  margin: 0 0 10px 0;
  display: inline-block;
}

.page-container.learning-path-container p {
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  text-align: left;
  color: #4d4d4d;
  margin-bottom: 20px;
}

.page-container.learning-path-container p:last-child {
  margin-bottom: 0;
}

.page-container.learning-path-container .learning-path-options-bar {
  margin-bottom: 30px;
  padding-left: 40px;
}

.page-container.learning-path-container .learning-path-options-bar .checkbox {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.53px;
  text-align: left;
  color: #4d4d4d;
}

@media screen and (max-width: 767px) {
  .page-container.learning-path-container .learning-path-options-bar {
    margin-bottom: 50px;
    padding-left: 12.5px;
  }
}

.page-container.learning-path-container ::-webkit-scrollbar {
  width: 0;
}

.page-container.learning-path-container ::-webkit-scrollbar-track {
  background: transparent;
}

.page-container.learning-path-container ::-webkit-scrollbar-thumb {
  background: transparent;
}

.page-container.learning-path-container ::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.page-container.learning-path-container .learning-path-diagram-wrapper {
  position: relative;
  background-color: #f5f6f9;
}

.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-left,
.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-right {
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .page-container.learning-path-container .learning-path-diagram-wrapper .scroll-left,
  .page-container.learning-path-container .learning-path-diagram-wrapper .scroll-right {
    display: none;
  }
}

.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-left:hover,
.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-right:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-left:before,
.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-right:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  background: url("../images/angle-arrow.png") no-repeat 0 0/contain;
}

.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-left {
  left: 0;
}

.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-left:before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.page-container.learning-path-container .learning-path-diagram-wrapper .scroll-right {
  right: 0;
}

.page-container.learning-path-container .content-navs {
  position: absolute;
  top: 0;
  width: 100px;
  height: calc(100vh - 200px);
  background-color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  color: #000;
  opacity: 0.2;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .content-navs {
    display: none;
  }
}

.page-container.learning-path-container .content-navs:hover {
  opacity: 1;
}

.page-container.learning-path-container .content-navs.content-nav-left {
  left: 0;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .content-navs.content-nav-left {
    display: none !important;
  }
}

.page-container.learning-path-container .content-navs.content-nav-right {
  right: 0;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .content-navs.content-nav-right {
    display: none !important;
  }
}

.page-container.learning-path-container .learning-path-diagram {
  padding: 0px 100px;
  position: relative;
  transition: all 300ms ease-in-out;
  -webkit-overflow-scrolling: touch;
  background: #f5f6f9;
  display: block;
  height: calc(100vh - 134px);
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .page-container.learning-path-container .learning-path-diagram {
    display: none;
    padding: 40px 100px;
  }
}

.page-container.learning-path-container .learning-path-diagram .joint-paper {
  min-height: 600px;
  min-width: 100%;
  will-change: transform;
  background: #f5f6f9;
  margin: 0 auto;
}

.page-container.learning-path-container .learning-path-diagram .joint-paper svg {
  z-index: 3;
}

.page-container.learning-path-container .learning-path-diagram-content {
  min-height: 100%;
}

.page-container.learning-path-container .learning-path-diagram-content canvas {
  min-height: 600px;
}

@media screen and (max-width: 767px) {
  .page-container.learning-path-container .learning-path-diagram-content canvas {
    min-height: 300px;
  }
}

.page-container.learning-path-container .learning-path-diagram__img {
  height: 112px;
  width: 100%;
  object-fit: cover;
}

.page-container.learning-path-container .learning-path-diagram:after {
  content: "";
  display: table;
  width: 100%;
}

.page-container.learning-path-container .learning-path-diagram > .group {
  background-color: red;
}

@media screen and (min-width: 768px) {
  .page-container.learning-path-container .learning-path-diagram .path-card {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-container.learning-path-container .learning-path-diagram .path-card {
    margin-bottom: 60px;
  }
}

.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .grid.mobile-full [class*="grid-col-"] {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.grid * {
  box-sizing: border-box;
}

.grid [class*="grid-col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding: 0 0.78125rem;
  box-sizing: border-box;
}

.tab__panes .grid [class*="grid-col-"] {
  margin-bottom: 2rem;
}

.grid .grid-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 0.78125rem;
  padding-right: 0.78125rem;
}

.grid .grid-col.left-col {
  flex: 0 0 84.5rem;
  max-width: 84.5rem;
  width: 100%;
}

@media screen and (max-width: 1735px) {
  .grid .grid-col.left-col {
    flex: 0 0 59.375rem;
    max-width: 59.375rem;
  }
}

@media screen and (max-width: 1366px) {
  .grid .grid-col.left-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.grid .grid-col.right-col {
  max-width: 26.1875rem;
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .grid .grid-col.right-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.grid .grid-col.view-stage--landscape-in, .grid .grid-col.view-stage--landscape-in-static {
  flex: 0 0 calc(100% + 130px);
  max-width: calc(100% + 130px);
  width: calc(100% + 130px);
  min-width: calc(100% + 130px);
  padding: 0;
  margin-left: -65px;
  background-color: #0b3254;
}

@media screen and (max-width: 1365px) {
  .grid .grid-col.view-stage--landscape-in, .grid .grid-col.view-stage--landscape-in-static {
    flex: 0 0 calc(100% + 30px);
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
    min-width: 100%;
    margin-left: -15px;
  }
}

@media screen and (max-width: 768px) {
  .grid .grid-col.view-stage--landscape-in, .grid .grid-col.view-stage--landscape-in-static {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    margin-left: 0;
  }
}

.grid .grid-col.view-stage--landscape-in .player-area, .grid .grid-col.view-stage--landscape-in-static .player-area {
  max-width: 1352px;
  width: 100%;
  margin: 0 auto;
}

.grid .grid-col.view-stage--landscape-in .player-area__footer .size-modes.theater-mode, .grid .grid-col.view-stage--landscape-in-static .player-area__footer .size-modes.theater-mode {
  background-image: url("../images/landscape-active.png");
}

.grid .grid-col.view-stage--landscape-in-static.bg-transparent {
  background-color: transparent;
}

.grid .grid-col.view-stage--fullscreen-in {
  padding: 0;
  margin-left: -65px;
  background-color: #0b3254;
  position: fixed;
  top: 0;
  left: 0;
  flex: 0 0 calc(100% + 130px);
  max-width: calc(100% + 130px);
  width: calc(100% + 130px);
  height: 100%;
  z-index: 9998;
  display: flex;
  align-items: center;
  margin-top: -60px;
  height: calc(100% + 60px);
}

@media screen and (max-width: 1366px) {
  .grid .grid-col.view-stage--fullscreen-in {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .grid .grid-col.view-stage--fullscreen-in {
    overflow-y: auto;
  }
}

.grid .grid-col.view-stage--fullscreen-in .fullscreen-close {
  display: block;
  z-index: 9997;
}

.grid .grid-col.view-stage--fullscreen-in .player-area {
  max-width: 1352px;
  padding: 70px 40px 0;
  margin: 0 auto;
  height: 100%;
}

.grid .grid-col.view-stage--fullscreen-in .player-area::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.grid .grid-col.view-stage--fullscreen-in .player-area::-webkit-scrollbar-thumb {
  background: rgba(11, 50, 84, 0.5);
  border-radius: 15px;
}

.grid .grid-col.view-stage--fullscreen-in .player-area::-webkit-scrollbar-thumb:vertical {
  height: 7px;
  background-color: rgba(11, 50, 84, 0.5);
}

.grid .grid-col.view-stage--fullscreen-in .player-area::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}

.grid .grid-col.view-stage--fullscreen-in .player-area::-webkit-scrollbar-track-piece {
  background-color: #e8e8e8;
}

@media screen and (max-width: 768px) {
  .grid .grid-col.view-stage--fullscreen-in .player-area {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.grid .grid-col.view-stage--fullscreen-in .player-area__footer {
  position: relative;
}

.grid .grid-col.view-stage--fullscreen-in .player-area__footer .size-modes.fullscreen-mode {
  background-image: url("../images/fullscreen-active.png");
}

.grid .grid-col.view-stage--fullscreen-in .player-area__presentation {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 60px);
}

.grid .grid-col.view-sidebar--landscape-in, .grid .grid-col.view-sidebar--landscape-in-static {
  order: 3;
  display: none;
}

.grid .grid-col.view-description--landscape-in, .grid .grid-col.view-description--landscape-in-static {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .grid .grid-order-2-md {
    order: 2;
  }
}

.grid .grid-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.grid .grid-offset-12 {
  margin-left: 100%;
}

.grid .grid-offset-right-12 {
  margin-right: 100%;
}

.grid .grid-col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.grid .grid-offset-11 {
  margin-left: 91.66667%;
}

.grid .grid-offset-right-11 {
  margin-right: 91.66667%;
}

.grid .grid-col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.grid .grid-offset-10 {
  margin-left: 83.33333%;
}

.grid .grid-offset-right-10 {
  margin-right: 83.33333%;
}

.grid .grid-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.grid .grid-offset-9 {
  margin-left: 75%;
}

.grid .grid-offset-right-9 {
  margin-right: 75%;
}

.grid .grid-col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.grid .grid-offset-8 {
  margin-left: 66.66667%;
}

.grid .grid-offset-right-8 {
  margin-right: 66.66667%;
}

.grid .grid-col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.grid .grid-offset-7 {
  margin-left: 58.33333%;
}

.grid .grid-offset-right-7 {
  margin-right: 58.33333%;
}

.grid .grid-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.grid .grid-offset-6 {
  margin-left: 50%;
}

.grid .grid-offset-right-6 {
  margin-right: 50%;
}

.grid .grid-col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.grid .grid-offset-5 {
  margin-left: 41.66667%;
}

.grid .grid-offset-right-5 {
  margin-right: 41.66667%;
}

.grid .grid-col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.grid .grid-offset-4 {
  margin-left: 33.33333%;
}

.grid .grid-offset-right-4 {
  margin-right: 33.33333%;
}

.grid .grid-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.grid .grid-offset-3 {
  margin-left: 25%;
}

.grid .grid-offset-right-3 {
  margin-right: 25%;
}

.grid .grid-col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.grid .grid-offset-2 {
  margin-left: 16.66667%;
}

.grid .grid-offset-right-2 {
  margin-right: 16.66667%;
}

.grid .grid-col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.grid .grid-offset-1 {
  margin-left: 8.33333%;
}

.grid .grid-offset-right-1 {
  margin-right: 8.33333%;
}

/*! JointJS v3.2.0 (2020-06-04) - JavaScript diagramming library


This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
/*
A complete list of SVG properties that can be set through CSS is here:
http://www.w3.org/TR/SVG/styling.html

Important note: Presentation attributes have a lower precedence over CSS style rules.
*/
/* .viewport is a <g> node wrapping all diagram elements in the paper */
.joint-viewport {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.joint-paper > svg,
.joint-paper-background,
.joint-paper-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*
1. IE can't handle paths without the `d` attribute for bounding box calculation
2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will
  break the links rendering.

path:not([d]) {
   display: none;
}

*/
/* magnet is an element that can be either source or a target of a link */
[magnet="true"]:not(.joint-element) {
  cursor: crosshair;
}

[magnet="true"]:not(.joint-element):hover {
  opacity: 0.7;
}

/*

Elements have CSS classes named by their types. E.g. type: basic.Rect has a CSS class "element basic Rect".
This makes it possible to easilly style elements in CSS and have generic CSS rules applying to
the whole group of elements. Each plugin can provide its own stylesheet.

*/
.joint-element {
  /* Give the user a hint that he can drag&drop the element. */
  cursor: move;
}

.joint-element * {
  user-drag: none;
}

.joint-element .scalable * {
  /* The default behavior when scaling an element is not to scale the stroke in order to prevent the ugly effect of stroke with different proportions. */
  vector-effect: non-scaling-stroke;
}

/*

connection-wrap is a <path> element of the joint.dia.Link that follows the .connection <path> of that link.
In other words, the `d` attribute of the .connection-wrap contains the same data as the `d` attribute of the
.connection <path>. The advantage of using .connection-wrap is to be able to catch pointer events
in the neighborhood of the .connection <path>. This is especially handy if the .connection <path> is
very thin.

*/
.marker-source,
.marker-target {
  /* This makes the arrowheads point to the border of objects even though the transform: scale() is applied on them. */
  vector-effect: non-scaling-stroke;
}

/* Paper */
.joint-paper {
  position: relative;
}

/* Paper */
/*  Highlighting  */
.joint-highlight-opacity {
  opacity: 0.3;
}

/*  Highlighting  */
/*

Vertex markers are `<circle>` elements that appear at connection vertex positions.

*/
.joint-link .connection-wrap,
.joint-link .connection {
  fill: none;
}

/* <g> element wrapping .marker-vertex-group. */
.marker-vertices {
  opacity: 0;
  cursor: move;
}

.marker-arrowheads {
  opacity: 0;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  /*   display: none;   */
  /* setting `display: none` on .marker-arrowheads effectivelly switches of links reconnecting */
}

.link-tools {
  opacity: 0;
  cursor: pointer;
}

.link-tools .tool-options {
  display: none;
  /* by default, we don't display link options tool */
}

.joint-link:hover .marker-vertices,
.joint-link:hover .marker-arrowheads,
.joint-link:hover .link-tools {
  opacity: 1;
}

/* <circle> element used to remove a vertex */
.marker-vertex-remove {
  cursor: pointer;
  opacity: 0.1;
}

.marker-vertex-group:hover .marker-vertex-remove {
  opacity: 1;
}

.marker-vertex-remove-area {
  opacity: 0.1;
  cursor: pointer;
}

.marker-vertex-group:hover .marker-vertex-remove-area {
  opacity: 1;
}

/*
Example of custom changes (in pure CSS only!):

Do not show marker vertices at all:  .marker-vertices { display: none; }
Do not allow adding new vertices: .connection-wrap { pointer-events: none; }
*/
/* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
.joint-element .fobj {
  overflow: hidden;
}

.joint-element .fobj body {
  background-color: transparent;
  margin: 0px;
  position: static;
}

.joint-element .fobj div {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding: 0px 5px 0px 5px;
}

/* Paper */
.joint-paper.joint-theme-dark {
  background-color: #18191b;
}

/* Paper */
/*  Links  */
.joint-link.joint-theme-dark .connection-wrap {
  stroke: #8f8ff3;
  stroke-width: 15;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  cursor: move;
}

.joint-link.joint-theme-dark .connection-wrap:hover {
  opacity: 0.4;
  stroke-opacity: 0.4;
}

.joint-link.joint-theme-dark .connection {
  stroke-linejoin: round;
}

.joint-link.joint-theme-dark .link-tools .tool-remove circle {
  fill: #f33636;
}

.joint-link.joint-theme-dark .link-tools .tool-remove path {
  fill: white;
}

.joint-link.joint-theme-dark .link-tools [event="link:options"] circle {
  fill: green;
}

/* <circle> element inside .marker-vertex-group <g> element */
.joint-link.joint-theme-dark .marker-vertex {
  fill: #5652db;
}

.joint-link.joint-theme-dark .marker-vertex:hover {
  fill: #8e8ce1;
  stroke: none;
}

.joint-link.joint-theme-dark .marker-arrowhead {
  fill: #5652db;
}

.joint-link.joint-theme-dark .marker-arrowhead:hover {
  fill: #8e8ce1;
  stroke: none;
}

/* <circle> element used to remove a vertex */
.joint-link.joint-theme-dark .marker-vertex-remove-area {
  fill: green;
  stroke: darkgreen;
}

.joint-link.joint-theme-dark .marker-vertex-remove {
  fill: white;
  stroke: white;
}

/*  Links  */
/* Paper */
.joint-paper.joint-theme-default {
  background-color: #ffffff;
}

/* Paper */
/*  Links  */
.joint-link.joint-theme-default .connection-wrap {
  stroke: #000000;
  stroke-width: 15;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  cursor: move;
}

.joint-link.joint-theme-default .connection-wrap:hover {
  opacity: 0.4;
  stroke-opacity: 0.4;
}

.joint-link.joint-theme-default .connection {
  stroke-linejoin: round;
}

.joint-link.joint-theme-default .link-tools .tool-remove circle {
  fill: #ff0000;
}

.joint-link.joint-theme-default .link-tools .tool-remove path {
  fill: #ffffff;
}

/* <circle> element inside .marker-vertex-group <g> element */
.joint-link.joint-theme-default .marker-vertex {
  fill: #1abc9c;
}

.joint-link.joint-theme-default .marker-vertex:hover {
  fill: #34495e;
  stroke: none;
}

.joint-link.joint-theme-default .marker-arrowhead {
  fill: #1abc9c;
}

.joint-link.joint-theme-default .marker-arrowhead:hover {
  fill: #f39c12;
  stroke: none;
}

/* <circle> element used to remove a vertex */
.joint-link.joint-theme-default .marker-vertex-remove {
  fill: #ffffff;
}

/*  Links  */
@font-face {
  font-family: "lato-light";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAHhgABMAAAAA3HwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcaLe9KEdERUYAAAHEAAAAHgAAACABFgAER1BPUwAAAeQAAAo1AAARwtKX0BJHU1VCAAAMHAAAACwAAAAwuP+4/k9TLzIAAAxIAAAAWQAAAGDX0nerY21hcAAADKQAAAGJAAAB4hcJdWJjdnQgAAAOMAAAADoAAAA6DvoItmZwZ20AAA5sAAABsQAAAmVTtC+nZ2FzcAAAECAAAAAIAAAACAAAABBnbHlmAAAQKAAAXMoAAK3EsE/AsWhlYWQAAGz0AAAAMgAAADYOCCHIaGhlYQAAbSgAAAAgAAAAJA9hCBNobXR4AABtSAAAAkEAAAOkn9Zh6WxvY2EAAG+MAAAByAAAAdTkvg14bWF4cAAAcVQAAAAgAAAAIAIGAetuYW1lAABxdAAABDAAAAxGYqFiYXBvc3QAAHWkAAAB7wAAAtpTFoINcHJlcAAAd5QAAADBAAABOUVnCXh3ZWJmAAB4WAAAAAYAAAAGuclXKQAAAAEAAAAAzD2izwAAAADJKrAQAAAAANNPakh42mNgZGBg4ANiCQYQYGJgBMIXQMwC5jEAAA5CARsAAHjafddrjFTlHcfxP+KCAl1XbKLhRWnqUmpp1Yba4GXV1ktXK21dby0erZumiWmFZLuNMaQQElgWJ00mtNxRQMXLcntz3GUIjsYcNiEmE5PNhoFl2GQgzKvJvOnLJk4/M4DiGzL57v/szJzn/P6/53ee80zMiIg5cXc8GNc9+vhTz0bna/3/WBUL4nrvR7MZrc+vPp7xt7/8fVXc0Dpqc31c1643xIyu/e1vvhpTMTWjHlPX/XXmbXi3o7tjbNY/O7pnvTv7ldm7bvh9R/eNKzq658Sc385+Zea7c9+avWvens7bZtQ7xjq/uOl6r+fVLZ1fXP5vuqur6983benqao0587aO7tbf9tHYN6/W+N+8XKf9mreno7s1zpVXe7z26+rjS695e2be1hq3pfvS39b/7XcejTnNvuhqdsTNzZ6Yr97i/+7ml7FIXawuwVLcg/tiWdyPHi4+rD7W/Dx+3RyJXjyBZ/AcVhlrNdZivXE2YAgbMYxNeBM5Y27FNmzHDuzEbuxzjfeMvx/v4wN8iI8wggOucxCHcBhHkGIUYziKAo7hODJjnlDHjXuKrjKm9HsO046rOI+Fui/rvKzzss7LOi/rsqbLmi5ruqzpskZ9mfoy9WXqy9SXqS9TX6auRl2Nuhp1Nepq1NWoq1FXo65GXY26GnU16srU1WJJzKJnLjrbczJIzTg149SMUzNOzXgsa/bGfbi/mY+e5uvxsOMVzXXxYrMUL6krnbvKuYPqanWNulbNOXcrtmE7dmAndmOfcTJ1XD3lu2Wcdt4ZnEWl7dMgnwb5NBgX/f8DanskqEJxD8U9kjQoRYNSVJGgymWlWyitxQPNk9Qm8WBzkuItVPZQ2ENdKyUVKalISUVKKlJSkZKKlFQoS6hKqOmhpjVrgxT1UNRj9lpKeuKVmCWPc5p7Y67aia7mI/zbQs0j1OyN7zVHYyFul97u5gR1e/k6wdeJuLP5Gm8neDsh05vN9mazvdlsb44nm9X4TfONeNq5fXjGe8+qz6nPqy80t8cfqPyj4xXN6Ugcv6S+3CzESjpW0TCovuHz1Y7XOF6rrnf9DRjCRgxjE95Ejo6t2Ibt2IGd2I33XHc/3scH+BAfYQQHcBCHcBhHkOJj1x5Vx3AUBRzDcXzisyI+xWfIXOOE90/RWMZpes9gio9nVXPK9UdkYYssbJGFLXHRe92y8KUZqMrCl/Edee5UuyRqPm7x/iIsaw7Jw4QsVGXhiCyksjARv/T9fqx0ziDWYL3vbMAQNmIYm/Am9jl3HKd97wymXOOsWsE5xxfVn1HUR00fJX2yUInbvdvt7MVYgju9lqr3tJXl4l5n3sf/+5sZdQOU7TWnBfNpLo2xyhiD6mp1jbpWzTl3K7ZhO3ZgJ3bjLeO9jT3Y277HBvhbpXyAvxX+VnTQp4M+6vuo7+Nrha8VvlZ00Rc3Ut7vyv2u2u+K/c7sd2a/b/b7Zr9v9sddnM9xu5fbvdzOyXsm75m8L+R8TsbvkOtUrlO5TuU5k+dMnlN5zuQ5ledMjjNZzbif436O+znu57if436O+zk5S+UslbNUzlI5S+UslbNMzlI5S+UslbNUzlI5S+Usk7NMzjI5y2QsNWu9ZqvX/TqHO11Wr/m4xfEirMcGDGEjhrEJb2LK987hp9w5+a05vTKfv25e0OsFvV5wD0/o84IeL7hXC+Z03Fo5bl7HOXuSsyc5e/Kac3nAuQdxCIdxBClGMYajKOAYjqM1zyfUU8YtYxpVnMevYtZXEzEXneiKe3SxMOart+upW64XYwmW4h4sa74gmX2S+bpkLpPMPh1O63Bah9O6m9bdtM7e0dkRnb0TK429yriD6mp1jbpWzfl8K7ZhO3ZgJ3Zjn7EPGOcgDuEwjiDFKMZwFAUcw3Fkzjuhjjv3lPHLOO1aZzClp7NqBeccT/usivO46L07zPywmb/VzN9q5ofN/LCs9lmHSzqs6rCqw6oOqzqsSsWwVAxLxbBUDEvFsFQMS8WwtbFkbSxZG0vWxpK1sWRtLFkbS7qq6qqqq6quqrqq6qqqq6quqrqq6qqqq6quWnNXlbJbpYwuczJpTibNyaQ5mTQnk+ZkwopR5eckPyf5OcnPSX5O8nOSn5NWgKoVoGoFqFoBqryajGe+vldv/tb9mrhfE1caat+vi9UluLO51BWHXHEoHvvqfzzp5kk3T7o9l+51Hyfu44Q/3e7jhEfd7uPEc+kh93IiEb0SMeC59Gep6PVcGpKKXvd4IhW9EtF7zXs95/tbsQ3bsQM7sRvv0bMf7+MDfIiPMIIDdBzEIRzGEaT42HVH1TEcRQHHcByf+KyIT/EZMtc44f1TNJZxZb2YRhXn8fDlJ3/xqid/nrM1zuY5W7QC/pCjRU7ul6pRDtY5WOdgnYO7OVfnWp1jZy4/sWvtJ/Zq9dLTusahIoeKHCpyqMihIoeKHCpK3ajUjUrdqNSNSt2o1I1K3SgX6lyoc6HOhToX6lyoc6DOgToH6hyoc6DOgbpu67qt6bZ21ZM3f9WTN6/7mu5ruq+1n7wvc2ABBwY4sIADCzjwOgcSDrzOgQHZystWvu1Ea3VZ5L0rK8ylfF1aZS7tfRLuJNxJuPOCfOXlK8+lRL7ynErkK8+tf8lXXr52ydeIfK2Tr10cXMDBhIMLZCzPxYSLC7iYcHGAiwNcHODiABcHuDjAxYFrrkrX3vMkHE44nHA44XDC4UTO8lxOuJxwOeFywuWEy4mc5eUsL2d5OctfXsESziect9Ok9wym+HdWreCc42mfVXEeF733Ey6nl10tcLTA0QI3C9wscLLEyRInS9wrca7EtTLHJjjVWptT7qScSXVf0H1B9wXdF3Rf0H1B9wUdlnRY0mFJhyUdlnRY0l1JdyXdlXRX0l1JdyXdFHRT0k2qm5TqlOqU6lQ6ZrXuFHRihQS92PwvNTX7m6K9TdG+pmhPUrQnKdqTFO1JivYhxfiuM0ecOWJvV3P2iOfRZs+jumfRZvu3mtEaUpAZrWEv1xpxxIgjRhwx4ogRR4w4YsQRI47ETXK7XGaXU7W8ndlWXlc6HsQanMYZXJqH5eZheXseLqrz+ZvxN+NvaxfT2sFkvMp4lfEq41XGq4xXrV1JxquMVxmvMl5lvGrtQrKY59rrXHtd+5lzrWfIlO+cw/fdbYWvz7rF8aL2fDfoadDToKdBT0PiCxJfkPiCxBckviDxBYlvzWuD1gatDVobtDZobdDaoLVBa4PWBq0NWhu0Nr5WcP3Xu6UrO6EZ8So/5+qm047iZv54asWiWBw/ih/b594Vd8fS+Lln8C+sGff6LX9/POC30IPxkDX0sXg8nogn46n4XTwdfZ5Rz8bzsSJejCReij+ZlVUxYF5Wm5e1sT42xFBsDE/eyMV/Ymtsi+2xI3bGW/F27Im9fr2/E+/F/ng/PogP46PwWz0OxeE4Eh/HaIzF0SjEsTgen8cJv8hPRdlcn7FbOGuOz8V0VON8XPw/fppwigAAAHjaY2BkYGDgYtBh0GNgcnHzCWHgy0ksyWOQYGABijP8/w8kECwgAACeygdreNpjYGYRZtRhYGVgYZ3FaszAwCgPoZkvMrgxMXAwM/EzMzExsTAzMTcwMKx3YEjwYoCCksoAHyDF+5uJrfBfIQMDuwbjUgWgASA55t+sK4GUAgMTABvCDMIAAAB42mNgYGBmgGAZBkYGELgD5DGC+SwMB4C0DoMCkMUDZPEy1DH8ZwxmrGA6xnRHgUtBREFKQU5BSUFNQV/BSiFeYY2ikuqf30z//4PN4QXqW8AYBFXNoCCgIKEgA1VtCVfNCFTN/P/r/yf/D/8v/O/7j+Hv6wcnHhx+cODB/gd7Hux8sPHBigctDyzuH771ivUZ1IVEA0Y2iNfAbCYgwYSugIGBhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRlZOXkFRSVlFVU1dQ1NLW0dXT9/A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx9fPPyAwKDgkNCw8IjIqOiY2Lj4hMYmhvaOrZ8rM+UsWL12+bMWqNavXrtuwfuOmLdu2bt+5Y++effsZilPTsu5VLirMeVqezdA5m6GEgSGjAuy63FqGlbubUvJB7Ly6+8nNbTMOH7l2/fadGzd3MRw6yvDk4aPnLxiqbt1laO1t6eueMHFS/7TpDFPnzpvDcOx4EVBTNRADAEXYio8AAAAAAAP7BakAVwA+AEMASQBNAFEAUwBbAF8AtABhAEgATQBVAFsAYQBoAGwAtQBPAEAAZQBZADsAYwURAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAEAAf//AA942sR9B2Ab15H2vl0sOha76ABJgCgESIIESIAECPYqik2kSFEiqS5Rnaq2bMndlnvNJU7c27nKjpNdkO7lZPtK2uXSLOfuklxyyd0f3O9c7DgXRxIJ/fPeAiRFSy73N9kktoDYeTPzZr6ZN29A0VQnRdGT7CjFUCoqIiEq2phWKdjfxSQl+7PGNEPDISUx+DKLL6dVysLZxjTC1+OCVyjxCt5OujgbQPdmd7Kjp5/rVPw9BR9JvX/2Q3ScPU4JlIdaQaWNFBWWWH0mbaapMBKLoyJ1UtJaM/hn2qql1GHJZMiIpqhYEJescOSKSV4UlqwmwSQZ2VSKksysYBJdqarqZE0zHY+5aauFo/2+oFmIC3Ck8keY9zmnz2r2u4xGl99cmohtpBkl0wE/9GD+qsXn4hJMHd0792JkeHRDKrVhdBjT+zLzOp0AerWUlaqiYIBUWNTHZ1R6SqMIi6YYEm2EZobPiAwv6YA2js9IdhSmqqoxCSoOATGhkoXDl0c1NGfieBp5ckeM4ioUzr77kGCxCA/NHxF+jVGUYjU8P0HVoyEqHQN+iSXxtBHokHhzPD5To4gZDeFp1pOsC9jjUo0yMx2oqIwH7LEZrYrcUrpT9fiWFm7pBJMTbiGxISqWnZRKjJl0SZk2PN1a4tPAB/OSGQZgM2akRhQWE65Xmx/7ww8pa1grxiKcqD8hRdSnWJE/8WrzbX+YItdNcB3+LIyvm3jJqT4lxvhpNqY3w4PJbx3+LUb4aSHCm/Ezpt0lTrjuIb8D+LcY5qcrwib5bZXkbfAh8fwfJskVeE8dfs90Kv/OenydodL6cAT+oVYrq9TpeRih2xMIV1RGYvFkXao+cr5/YqsLy6cRtaC42ZtM2OPmZtSAGK85HrNaVExcpQz5GThWeRmQWW1N0uxlOBRGZjgr8Zq9YzTzL6uyc0pF+T+NK5ym8GZUvTlcjMb/XcmWvbHqf3jY7H9tKufMaCz7D2OsUwhveo0TUAJVr8r+A/oNq9Xy6K6QD6GHzZZsA/obj1qR3Q7n2YOuymy9IKgU6L7sVrsJ/a2hHt1FwSx8MHtK4VceoxqoZdRK6m+ptBVrIkyKdk1GDIJAh6Mif1JqFDJiIy/VgRRrOBB3TZ06PLOSo4pBWUMxsYaX+uFWRMhII7KAW/5j9hksSIUYAkm6Tkht7CnRdoKdtrbZgMshfrog5AKmB/FvsY2fbsfXGWra5gq1Eba/aLW5CoJt7QuclRpBCKIyJenq4FWbklbWwGt3SuwXRH9KjJgkrxtmblV1C0rAhFXYzRGmFiZvC8IyULmRXaX0+yJ0iHGzeDIbEeZ8MoLMFjdtN3MMaob3w/0HC/SCpjBU2z2R8i67fkdr7c57tmiQ0Vii3/Fgm13L68taN3a4q7aM99cVN+5/fKceGQ0l+mPvjFau2J4qWnHxihBKDl+zprJm9f7m50uNNl9pwMXQt9lqR46u7z62s4X5Omf+vmqg1S94y4Ls3EtGX1nt8g1NYw9e0s3+1GD+s3KS+X3L2taIha5VVA9sOfPXbN3aI12d69srzBTFUuNnf89+m32FMlMhsB2dMJe/TKVLYQanW7HZ62Uz6QqQYprFk9nPZmZWJVpZQ1haBYdOIzl0shkkjhMLYzFmRAsvuUF+WjjU8lI1HHbBYRcvDcJhA0zbCXh1WwRT2siWplIpabALjhOtlSlsKVf1gtFsqIbLficcaakUWE3zOVYzQieBx/FYM40Z7PdxtJkIBSn96DPeOB4dPtDSsn+kqnrVvuaWA8PRwUDTcCQy0hIItIxEIsNNgTKFUWnius783mCjV1atPNAK745Wj+xvajm4smpFoHk4GhlpCgSa4N0jzQHFwMQtayORtbdMjN+MX28eHzzQ7fN1HxgcPNDj8/UcODPJ3qPWnt5lQmMTt6yLRNbhd05EIhPwzv3Lvd7l+wcHDy33+ZYfAju69+wH7GGQRSs1TF1HpeNYCo1YCstUmbQBC8ANB24D2ELKbdOALxohXG8Dn9PGS2rgqx/mlh9MHByawNqDtSvHcwms/Sp4dfoF04yBbVy2ImBPiSZB7EuJ5aZ0qDpJeO9eBrcpdXUS35a5Dgpdm+OpXYk1PhiKMJiTVovNDlxPYsZzSIWdRhRxzGKmJ1EwxDF7a9dd3dvTU7P5xpGuy9YmaU7vMKg5RuVvHG9s2ra8dPVa9K1IUk3r9Sm6qwVVrzU5+B9F9l37lZUDX71k+dbGzYfrl199YH0oW65kO/f2l6GLem/cP1Y4fP/Y8ssm4tGhXSlGwRp0BV3N4WDXhrpV949lm3of7TMYN31vffZdtfHvayfaAvGtf7Fl8PBgyNswWI3+nlUVDW0+CK6LQth3IgPxnX7Zc+bcJhJ1eZ9JfvRLneW8h1zkF+HzvpH9kEbKAsoJMwqJLvIZBvj7AvnvMUvtNrDeSuCgCR8ZUYT5hrttajBsUF12xRWXq7jw4FSbm77hyL/+8tdHC1RGre5vsmv//d+ya/9apzWqXUf/9Ze/gudMZj9EL5HnJOTnaE+KVGzGIJtRAy+xsgrgB0sGLcwwWm0HKYusIDLYrtlrkglTbQ0dCoZqWpCbwVNGFQpOqi+//IqjKsSFV0y1FxW1T60Ic7/Q6v4aPflv/46e/BudllMXHP31L//1yJFf/fLXR1wqzMOrmHvoNHuKqqWSlFgSndHoKRXmYCIqlpyU1LFYbCZA6JK09lhMSgJFgRLBNM1yxWWgaZgvSTtY1AhqQnGrRalqBpdnBz6DmfUgVSiCQm5UhPy1NYkkh4woBFoHihm6quAt3sKpVbWsWm/l33KdMBaYTC7+Lec7RqtBiS/rbMYTrrc4l9ns4tiByEGt2WR2m/75n0xus2DRHIgc0GhpRqM+ED2oEQRTgfDP/yQUCEZBs7/ygFrDMFo10ZED1CuKasVfUjqYlyIVFVVxCSkzIhtLUwjjEkqrCacRhQ8Rg6elnoiDjkkasHyKWFqjxfc0KnibVoMPtZQGpCKrRK0XlMpr9Qp+4QB6eQi9ku0eom/pQ9/PxvqyVegHsp4ezM6hIPUNqoCKU2knNgqMHsxuIVYwkQPIC3gU/xQBc5UUuDIbTGjGSXwchp3gxGw5EWM2NjNJosYHq0srqmxlKb9RrVRoi4udCqVRE6xaE4g3VpePjazwGtVaVqvQlibbSmg6LtOynU7QHfQt4PF9mB8S0mTwDxIVUYlC4RnGimcQ1kB5fNbt6Od0YmQE/+0UYOsyGIdAlS1C1vkDhFH0ArrGSI/6BGieOhcpnwuP4Rlnz5x9lv5H9keUmjJSIhNFoiYqacknqVAC/ASMnKWvNJaWz12v9gqrlXTwNGWxUATL9p39UDGe84edOQqdmkzO/6mBwlLZ0xkWPJ05I5XlfFoO75/ju0zNCKhHJquFxjyPoE+4pb6Vd7w+NfXGHcPDd7y5Z+r1O1ZOdh66d9Wqew915l/pd99E9hfHx1/MZt58M5vBR8j+pnTqkeXLHzkliacf6el55DTm7yxg8RD7TYqnAIkrMfUqFaD+GLFt05wSqUE/haioBtNmyKQZNVZHhgXNVDP4UK0EzTTBaBg16A6CsSAODnR4JIjoKehrTRJ8rS80ix7vQ01zVjTAZN/SwrRRNKFDpx/q71fc4w9lfwNmAFHXAz1h4GeMWk+lKUxPpTaT9mBuGrHKxKOiS+ZmeSztsmASXDA5MG+12E4YMlIN5jHmLevBvK0E7ZYU5WDKjMI0a3MFiLOKY63OYS7MUuKr/KFmJq84KvBWcW/MVoSu12nQfzbtGqioHb+4teui8Xq91kMr6Wr9wOH7xkfuuagjtvpQc7be2x2gD/IWv86hRv/VfPjSK7qHLukPlPfubAog9fovT9ZUbf7y1uHbr72sJVutVpv5FJkb15/9QBGF8S6nbqfSnXi8HGgP14kHxoFxSMeIImkAPTk6Y3n01BMVK09KpcCFUlmnkiAbdxL/kdsB3HDzorn4pCC1ADt64XZpJfCAUQMP3MI0F2vsxGZUcoCkJKoFrjoFsTEl+k3p8krs2rGBxQbAg9zsvN7VnsusKFrEKzfKI6jrQ3q9zsKqlbZA7cDOjnW3rY+Ub3nskg1f2lQdX31Rc9dFYw2c2q1iY4b+w/ePj3zlQGvFwM6mRx9ffuXxySue3N2Atgis1mgxJesbIoVNGy9Jdlw0XL2Mjgztbx842Osr69nZkmMnxkbdh1bXG92v3TF+7/7m9j3Xw3xsA/05yj4H+myjeqm0DmMi4qYNgg4ZwiITlwyg4GqILuxRUXcSwl1JC8gHjK8D640up8WCAQ6olIgEsIx5XbYowwjMrhfceRK0OpFso3+6BmkMxt+NzY0aBWYzvZdm0G+Zd2Y7EjpDdhN61KBL0H8SSi1E1veCrBWAHaLUP1HpMJa1msmk7VjARdrMjNcUtgOF5rjkVWfEYqCwKioaTkpBEGJ1LnSd+yOJbEQ7BDYQ0UhFmlOc6D7xquFXb92Ib7BicURyF6nhGiuZbXDTekK08tMWq9kcflX7lRO/gnfpQD+mPe5iczgNv4tvLb7VrwRVSKXhXfBCzVhtbosnIgegGqvNXuQ2WzzFiwNNBFSB8jiceIaZYOqnKSZINEeOfxaZK6UqZMas83sZYtjmwfa9hVqLITY41b3qy3uaIuvv2lR/fU/rIfq2AvfcH9d0XVZ38OsXNwzd/OKOxr2bhg6WGj0l7sT2ezauOLa+BpvG68othdkiwdh68aMbLnrh6g5rIIrt8W3A4yrgcSFEJ2DRHJjLPnUmrcQ6wFU4lDCFOCVMoWpilotgChXxUghEbwY2x+A1VARQQ8c5VGSOVPjw2Mw6eVZgmyF7BNW5Y1lqoW9bvRXdJvhXZ4eKa22NT29Z//Ch1u4rpV3bnjnSvjG+7oaRsTsma2s2HRuauHNLDfr70ZM30BbH3PfKewPN3U0HHt665amjHW2XS2Mrb9maTG6+cXDkxvXxlq1Xy/70BtDxHpJvci3ScMmoJf4w5wSxHwVoRMJMlEiCzt7A/LVKObdTXWhvpx8ymGbf0PHs7pYKwaU5/TPeynoKrDz+fIa6HHhYBjYpBJH5IPUmlfYTOwyxBEnR9CkzM21JvxF0tS4utangqUOEmbI9Ehux5dHCsTYqNcomCvPVbchMW9wxNYQncHFZFBtxaaWs18Lzb1+J1ZcTWV7sOCGl7KdEJwTsdSknCcxZZ6qDqOMM66yTD0lQvqwRZGX0VyaJrJLYyrnBi0p9bXBk0abmoxKmdhEmUMno9byR4ZLzyyOrLu5q2drur9/7wOZND+xt8HduaVl20arosiue37nzG5cvm6zdcsvIyM1bEsv2Hmtqun5qWTQ4dNmqkcuGSsLDRwYGjo6E0dVDV65r4k2tY3uaB26aTKUmb+5vmhprNRmb1105tO7uncnkzrvX91wyGo2OXtKz8er+4uL+q+md9XtHY7HRqYbmqaHKyqEprNsiyD0GcnGDdwTdNlP5ODuizsy4AmYcXLtUspMEcXiAzR6eQA1tzi2WeTCMtrvMhF+RAOi2lrKnlsbMKgSGDkdrBH98gkli1+XHJzc9dnGrPdJenr3e6B9DX/fUWBuObxq/Z2/z5tj4Vf1rbtlQFV93Vd/QjRsTCuX6Rw63tx15envdju1TTXM/dtCrwwOB9uUNU/dNDl0zHm3cdKRpEKZ1fN01BFPdDZhvmPkF6LefqlxAfaI3Ktkx5gsQEIsNtzUjFpIXqeR8yE849/Ru42IgmDz3bEnWdGwJSiR0AaaW6aqkOnIW3Ap0GaMyFo1ERdNJiSqGmMUBlGnJixQFvjtM8+kLSrKGwbU4PpGmCJovBLqX0K08PwZnrj6H5DnqUzH5E8jIPKEYBD9JmWsRsRRKFYToOHB6gqH0/Nx3fKVhD50wGugHytGtHTpek/1XQavhs79UC7oOzI9n0X8yp5jLSD7dJSN7CHMA1LNYCdVRSTNviRD8PMsMzkrMIPrPvj7U2t9P6IB/RgWS6UAEkiVwpIaCTQhZEdIb6WRxmSUgzH27gKGQsUNnUqFiXsNyauTmbB3ZS8qBDt/ZD+kfwLwopeqpKSpdh+US0ecwuBdj8IaoaD4pmTic4Zi2m+IcTAWQUFlUiltJ1qMQTxKBpIglkxlPEm+kDic94oLIp8RCAOrE1XkjcI/SmoJyxmMeAimMyB8CG6PIzxGAu0vE6yvsGtlSv/yqTXVVvav7amh9B1vdM9pTHe7dVNu5pTOkMqpf5FzeRZEKGy6Ml9rDQxctX3FgtK2u3vfMN9nylsamgcmu5Jomj78ioD8zcB493X9WryxlR6gV1Gbq25TYG5Va2Ey6pRfDw5ZOgIfGqGiNS2FFRlwVE9dHJQ+bEWtBbBhabiG2ox5YVc9LLmDHIMSkgzzG+DNBOVsQ5KUqzC8uI22V7XdT5vffku33OC9OnJD8ylOi7wQ17fOPTxC7PX9EsINpUDC9yFo9tS2964GRUlUQT4/2bjI9jC0ksSqth2nygpZymarqc+klUyKwiJ8h2TjJht1mZzjQ4nPsFMIpE5siHktgMOtBSoXfFwjSJfl0kzmCsKT2H/khsj9yy+xbFzfsvG1wYi2d+otVqVV1Be3XvHZJYlNwvV5vD1a76vcMV2197tfX3D77xoGL/w5pvnrvme0qHafkL8q+/8zx7M/+8Ur0nqWssaxksKfFNuys8a+7Z1c9HXsOlbx32ejx008eePn6no3jG0dLuzYk13zz9jGTKftQtM9dWefVNR36y8l7//VrPVPvZD967IXs+69sXNbOcsH+4anvo4o1Zd1xt7N13yhqUqn7jn4NyxcMIusC/28AjFshR0mAa2WYq+EogLmSBs9AexRj2lxEZsZBD4qTXBSD8/5+sxfBVAMoY6RX7qJXruTM7HNzdc8qLMYP6VuyP1VxahWnYo+fXmM0oCeza3UCzdE/EyqdTpwJxjjhPfBHXwM6LJSHKqf25OI1K8QvBI+UQ9BS7CHkFGNywkSzrGaMbQGTkqSj0ZyZVhmdAAqCcD0YlVQQHFfAjaAVaNaDOnjwgTElFgtwKpabRBUeiOBdEnqUeGMJIneIN4kKBP3e99BjV7xwaX1p/97u515pv/LFi7NfRlN/9U7Nli+tzX4FNUzetTb86lvZv2OPV2+8dU1qz0S7yfXNv1j3lR2JVU9+tWtff9lAfNWeui/fQ+zl1Wc/YCMkLo1T6Qgep1ubszAW7bzLdVqIn6Uki1swzWgpQ7DsXN2VVwEUckY0p4cYSXrkXCiir97xOmIfHjx2cFtVsdqkKapoXn2w+/pfPDIx/sBPrlhx2faxMKtValVllbuvumfintMzk/S7TyL+r/fYK9rDEb21OFhsXXv8w6/e/+HT46COIYVSVVE1kCza9TYyEdsAMmMfAJnpKSdVl5OYgclJzMlk5nOQIA6DvHSmssjpSMmJY6J59ucTFCXe/JTzvkfzD2Rf3LbtxewD2Qn01LGf4mTET49lJ9jjk29k//j0M9k/vjE5uvqJ39137++eWE34inWoAejRUd05ajR5ahRMZoZVE/1hMWF6QpjGLKfISPpMowNrRsfkXFkuQSYnx+Sf95jJOSV92dyN9Gn2+Jq5F0fnnlhDnfNcDdUqP3fhmWqWPFONn6k9zzMhKs89ULfkgfLj7p6bwg97ZM3cdmped7aC7tRQ+6l0FdEdZkF3ZkrKqjByK8GOqjavRqKTl/zA/DAE9v4wfq6/FJ6YwDl7J1hLga3C2dmwIBm02GqWgMKJ4ZRkKSMOyuA8j97Np+JziocD2SbkFbDqgWG8evsbyPD0yO1Hd1UVagSN2tiw9Wu77/jNo2PjD//LjX2X7d5Ylf0PHY++lDh8w33rHspmX91Ov/sMEt7eZatoK680KpSV1aGJZz685/6Pjk8YPRUF6CZOk5qbCzaUWnPqJ/OdrSXybslZLpVsuUQ2PsNoCecZ1by0dWYcmos6sloBMiD2IS9nvCgfx/G48N5u5rZdu2YPs8fn1tFPnF5DvzjXKz9vDn5th+cxlHeRnHHqkWTr4dPwDzv/iXO7sMWT/3bt2Q/o78LfuiAOkiNJHZMBWkQljnAoiCoF8lkFZJnSDJ9TiKeJDqdTmZSoFEQFzqWSVY/5mFhewQcrvJZmEK3nNK5AxL3iyrHI7qb9j01GNhq4IqOGU6lV1dse2Ml8a7b+slevbuUIPX8C3vnY5ygflcrxzpbjnQF455V5h7XITwbnI7yTApgmxgs0mVLyGOXFFrIERnLmduIUUIQJI+FPO1ebixwWPb2cL7SOzt1kdpttPoF+cLTAZph7QGe2e53rwU1sZrScjh7nublLLKBbLuvccgCKh3SCjp1blpMz83vgHZv3UBKTm9dIVOZ5n2aofDpRUi0I1freTloEMYjj8zqj3A+f5cnPVVHIjdsYz9dXeAQS7OBMpAA4DtdTmCDYEdU4I4kzgOrClDx8wArIZgehEA6A+uDsZBj5QshmFd5bzgkaerlRrzRo6JRa4HrWK+b+hivgXca5Fxn2uNIwyxd5eS/H/N6gPL1G8eOColl9QQHzX+6CM5WL9duUt66iLkerBmg1E1pNAsGceP1NB7RaiI/GNCqNi2gMYlXx58iKA1nMs8y6mIObHQY6VPozDk+h4sTpNRbFf3gKzjRi237V2Q/ZXy/NRee9lF+7kIu2LOSiLf+7ueirtr2UvRes/uQkWP375l7atmf0gZPXHnvvvlWr7nvv2LUnHxil330arMTuXe9kfw8e4Pdv7wJrIDxz3wfPjI0988F99374zPj4Mx9i+kG/FfuIb7JT7Yutsh2QhM5A9FuHk8AOMgw9dlExUS97KRamnxNz0o69FCt7qWIFAQdeJ5oHBX9Cl1BnEdN9w19dmv0D4jbds7vu+9/N/oE9/i//sPHRi1vnXqYfrN1wTf/TMzKWvir7ltIDPMX5pMF8PinP0wrtQiLJMp9IwjydTySxVoeRBNs+B5BlTYkVQlprpFJL2YuDbjILP4vNFcOHe9HRMYtPn/1u211Dn8nxfW89fm0ku1fHoRUFhefnfJ73Pwfe28G6rM1prkHWXMkH7Lc5CPttqnnzYgf2O2KiXVYkzP4AViQ7aI9JKy8cCjjJbCP1EqJPyAslF+Pa8mYHhZETxRfkc/DMn1NT92xymtFHa3mHLlsllJa/Obvpvl113307+zF7/O3XRm7Z2a41uubugPiwz26aO0j/PLL6aP8DX5XtxfjZD5h3QWZN1D4q3YAlpgXbo20gK2k4p16ER1UK10qL8LVSP16Ea46KjpNSpSEjVvKSEYaSMGSkFnitdJBVMdEovKC1FJXEGnBcmDCJxTC6Ui12t47iBHG3udqPnNyU+dBEpVT5ZCmC61XmwpfxIj2vKSqr79vavPqmDdUt26+75bodzcndD00enO51agRD+fKpwcFLV5Y37yB3mi/9+v67/uH5SqMjUB5w1Exc0T2wtb0ynBi+YkPPjTubu3ujAgpGQpUrttf1buqMVCaGj4yvfezSzm0yTwIg31tAviqIkck6jyxaisGLPThYF5UnsRDTrBKzhMVsUrL4UInXHhciebzuGFBsyzI72aHx8dMiO0Q+/ztnf8+a4fOdVJJKW0luWyvbe5GL50ElmHxcUAb+W+LNuaVmhkyL3Fq5ZYmTjNDf2dV08KmdO5+8qHFn313fvfrq793ZT5cx18xeu+2b1/Usv1bcBsfXHPnB/WNj9/8A04FjIyfQwWN/z+NxUrKDxKtY2D1QEsXnYKw55wsSOWfoN45ADIT+02zQmdDvWLNxeO7ZDexxo+HMimhtslKR1gkADcBSU5Tqx/CMEPVzKh3Cz/AUB+PxOHmUxLnjcWxpsV3FsfHbH79/guTsqQgnKniR4iXGcYqFQynkOPVq4+/e30VuB3HV2QlJy58SdSdefcf3fiqf0OdE7wnJrD0lmk682lTxuyr5ugfXNvHY6Tl18HEumIe6UwwFGq7Q6kxmp8tbslAbhlp5Kn/d7Sn2lgRD5ysfk6gQYEuVzS/bp3gMJ4TmfWXMds4p8qNgSAlmS1jjVqN9Sg3L6lTofoWFK8JsvF+lY1m1Cu1lbNxQtm5DdpVaqdRkR9azxwvPjFuiLlfUonhaJwB7xy2VLmeEnIFPzTgLC51n7LLeAq8Vr5B8fnDB99N5tSqKYuNDSTT2niob8Z4aRMSap1IjWxmSCfcLtD6r38FxLHqZUbPouJLTTWZ1tGYHJ7DZpEKbbVWZ9fT/oN/Wa+ZuVBvV9ISam+ucMwMmeMDIzV2nETBNLqApTeLeqlwWlsqDEaucaALltuUySQSBUPJBXuUWMxGmk2steHf0MGdVq60celhp5tbNZXazxw2GuR2OCps97KDv0xlnn597ll6Nn38JPP9pEv+7c9gKcClZ4ZADJS6K7RdFFjmTyIsXAlTIa71Ez9w/e7HCzs3uZB4Omk2sak3AZjk9uwZ/5jQ4w1NKAT4zSjJ5ajYjqqISYsnn4cmr5jNpNcFragOJunIPMecXxuJ4sXQaLTNxP/4xZ8r+QeUJGIRT23hDCYXO/vnss/TJ/Bo7tXiNncFahmWkLi810leWCl41+6PgqazZiunaB3Sl83QZohIDdCnhT3N0KQAGAF0KPaZLgenS5Omy1yQwvJNDHO8+HlPFo87s6xkDr3yA5wJ/xnUxP2DizLcIXsvX81CkGoVYRXN0AZzll7TlBIqcOMFZlB+g9U1owzKdif1Yw7Esp/kTyxuYOH3J3K2cFr0peAS+WMi2q3lZn6nsb5nQ2QjEI3ZcayBRbAb/kFoIOQqxgo1lQrP/+COCo8cUT6KvgC/TgF8majaj1FNGXC1DQtMZ1koZFPlI1EzWbDGBYxucDv2jSb1Jzb7Cmf6o0mIfvw/84hqFHuxWkrqBShfg2eSN51Z32EzagiiSOUpryLq6htOEZ9i434IDcExi3aJVHoxwRDYmuXD9Mi8VGTN4MqbwWjNmlpASY0Kas2BDIhaZRDdMgjhenqHcqZSkYclb5Hx9Ert9kjGNotyimoCPlxSHQZS6r+ehj5+/7EjvjuWVRotOGBL3D1++sizkUXHlIxO7mmu29kU2+JK9pQ1bR3sDf/Hjm1s/bts3XK3Yc8e9ZdVl5qKh4ZrNt47O7Sy6rqy90u5u3dob76uyuyItJUirCDSPEhwknv1IwYKeWkAfVlJpDvOIiksO4IoSs6dYlRFRNLcGgau3JVqIkXQWrqTRGMhKhFRkxWiew3C6GNBDWiMwqRy0F/AYTbkYMARhedI9D358SpW4pTN94LUf1R96cs/u++uUjCNYf+e6iZvXRp55aNsTbeyP5i6d2Jmdy84eeOvO4ZGVV7p+MdbdfuTpyV+f3Lme6NfE2Y+YvQodRF1Ncl2mVACks5h0AQ4E4tIFPQY8lWQINiA5gpVcKAAoo6aK/fPFfAS7yFnWxXmD+WwVPdF8+Ln9Wx9IOVmtWhtoGG8du3l9LL7u2FDv1tagzqAucCyf2FW/+bGL2lD28InbBloSflZd6C1oPvzUjqknDzX6y/xar6c2ZF124zvA+3Gg/Rs53q+h0iY5eiK8JwPwAO81i3mP2Y5BhJqLxSRdjvcFmPesCfROJ4hGnEHEEqDUxkXLXDY7ia2iBG3TZosNJ4kFOR88Dryf2nFP3ZaES6HtfOHgaz+aJLxvuGti4qa1UXQGs36gh153OlLw6LoppEAKzH3ataa77cjTWIewDF4EGZSAf5ik0l4sBUt+EBXKzEyQ8+KMT1AxHz4YDbjiWTTmIgg+F0EYgXLW4sWTSCtIzkKsUBwuhaXwcUoMCgCtFy8kKf3eT4op6c0FERMth5/bu/rLU40Gbs6T2HLb6oGD/ZU6g6rAuXLrodTOr1/eMUk/Wjl8aNnglWvraNO+V27sbzj01B47b7no+UsavOU+LK2gbfnt3/7J8HUT1bF11xKd88Cgr2Rfg9c2Kl2IpQZwrygu2ZUwV2IYd6lVGUmHRwvBeiGpdCuAAdti6YJCrI8FToCY3hzEjC+GzcQyFCEZdoaCnucrhy9aVtzqZJBZX+6JjTb5UF/2pc1fcjPTpdeuuX6sQqeN4pxG+66Bq3pm9zFf0tJyrnogez3zM7B99dQQNYni4LexMDYpM9N28yZ1WHIpMmIiKrUCyX1RqQI0LRyDQEdajQ3fNiKjBj4jNvCSUgc2jicr3StxHoiDaB487kqBmMW1OAaCQzcvdcFhtZBJV3fhMVY7YIzbZUj4pw9OPCkvl/Tz4vITUrn6lBg5wU6HyyPm8KunzCc24SqN6Up8Cm+Z7ulfbg6n4XRRrQZcw7UaL/SXV0aW9+RQ3ov95eGFU3mxZW2pYGrVMGabX5doXb0JBy9uQSwATeprBU2qbsDBKISlOGXlB6tVCmerBUlXAq8u0zTnXrmWWATwp7nq3vkiX5vdiwtS89U/IbIEozzP2roixDFLl9YHdq+PN/LeiKdnZc2mm4Y7DlYituj+InftxhtWji0PVzdtv+7G67Y1tx55dtfUY/uSayLj165acePWVHzV3iNHa0LtVa6Wku7tbe3buwIly7a3tm3vLplaebhYaK+3RSNlfPltG3ovXR0tdvtctC60Odl7ZDRa4Oz0VERtSpU5MtLZcslEoqJvS0flQJ3X3zJWU9XgNQBANZbGGhkqtbGzpKRzQ738ulH23U+BIv0d2Ccr1ZXDovq47BWEnFewzVsmmvgEHOnoDWTrjGSwkjASDK2cH1zwBsTjCbL9F57a3P3CwVXXrApvOXbT5Nc7weJfvmZH7eSd43OH6dvuenzHxJwC25j7gaBB9gXKDDiimUpb5msBjPpM2opwms1xzsYjC9l4ZDeQLIlkn8/3fLJaHgdi93POYrPJ6+B5h9dk8jq5ss3shMnn5Dinz2Qqxq/Fp19mzsyyFH3277M35mgJ4ayuk6SbgAwtwnAdMJsGMFuMZJ80JzE/pu0aCwfzxConn/QaIMbpJ8QwpPAMzPFConQpfXEWGdRu18jQZk/j2mZ39KWltGYfrNarJ0YUV545VjvREdQqv7OEcpClCLJ8E2Tpns+lWuJpHRA8wxRROpxIZWWReggX3USkUjHJpRaB/Pj5XGrifKlUBHhY3FLFOXl0r85hXp1t1pp1vF2PfjrK2fTZVUKRO8r+aPZitRFdrzNmR7UmpdpumMvqDOg7Jm4uS/TtHfgVABoZsKwyjZigXOYaBIl/FjLX72xmf3Q6ktNT9ocEA+zLxQcOP0SnCEYny8QUl0pBY4tieRBQYcALHGIFT3I4fsP8pgCHjA6kCook1cQAdjhgJkQDKRo04RQIjr1YQz5z6SF1gTZ7bmk8p9jcOSpeW6DQuDsG1lQduMFh6li9rbb/6GjllmuP1G7pq9h86cGRO5PMGddXyrviBddd1LKuqSi25UvrsPp/7cHgwEX9+Ojuh7eOzWbzcxLGaqcGcjziciNV44lpVs2nC+3yGO1ycofLT4TcwIwCCdTM1HzykAzlE7MTk77slUMLExQovW9sz5IJKmOZ00DXObnYPAbwq85bF2z49FzsZ2xVabn0+X37nr+kpeUS/Hppy2R07c1r18rbTPBrFGWPvHVrb++tbx05cuLWnp5bTxzZ/uThlpbDT27f9hT+s6ewXXkqey/QrQcbF6DGqbSQp5uwVIOJ94Lm4ACuZB4BszYZAbtz1i6INzNSctLMLUgagVRO4FUrvUUpozCBRCrnQGEnOgcIP1VrEJAG8NfrP2w48OTUznuT9XetxQDs6Ye3PdmavZfdqjM+tG4qOytj4b6+rJHuHlsug+FdG/BYxmEs34CxYDw5LuNJAibxNF9AlNxSRMlhIF8AiNKQQ5TcPKI0yFpyXkSZJOGmcCFEueuBpAYVJbZ0Tu/PI8rkl9cuIMqhgUOu0w/RRRM75xFlwaoegihzc5r+PYzFga29nBmfl4hFlwEbyhefiMo10k4yGpi6JEDDJstIVhfs86sLMusXMpNYs+MCj9TVTxyJrPBzjKC0+6qLL747wpzhTO9dcbvZ3MEjjVZ9101zu/JrYwwL+t1I/ZBK15N1WyUEjvUkcFRowulCTFkIroUIxAv5cMjRFBXtYG0AH1XIfK4VMlKzDIren3zHIoMiMy8KJ6So85RYfQJOpk1mAXBQlJ+uilYDDoLfi3AQ3CQ4SDCZo1XVORx0zhlBQRU4L61UgAw5YVpTGMA1JWKtSfL4sHKGNDiNa/fU5tK4i9brzsnj+j+Zx13rYPU6Q2nz+q62LW2+6qFtU9uGqqNrrlyx/ktNNpVRV1I/2pRc1xqAO3vgTtXaG0anHpjyqTXeoDfQPBKJd0S93lDDaGtisr+yNukD9+Qqru0OVbVWFntLG1c3dRxaVd1JeF579gP6QXYT5aMOydG7HNIVkJDOpgnjLUieuKQmsDut1uXr80nG3k08r6iKpfVufEOPN6G4Sd7EjQvo9bzEcBmcksAugMHLyTRwRifki9Vqk2Q7KVnoztkeHGFgh1eL0yy133Aigz6CWrMnrMG4u6Q25ODVBaEjbTsu/rLOyDwb1KO9Gi57ec/cQHljyGxzWbXhcM2hI/TLBhjb7aBP32DOyHbcgPUbJ9YkZc70iNp43o6D18NJZA1ojTFG7A224xqG1LiIelyvRUlImfPRJKssT8aFiC9C37712I1bv961JVGENN2vHBq9elUYHaBvmzt81xPbJ+jsLFtwz9huMOpULt/HfA9oM+Gcsonk+1Au35fPEFGmCyb4/K5+zqRAQ1ody+o0aJg16Xuzw6uZM0bt7M8c5TZbhY0J6DhAUvhZdvDd/wAIr5z6M5Uux/6sME4eJ3EFOK8cjuLyGDxf3tG+f2w+r8ySvLLCcIqFQ6nccOrVt3/4u5Q8nXy86DkhCcpTouXEq43Z9x+S88eF8GcOXizkJTve6OyAUFp96tV3yt8vJiXiAsw7wQLzzsdPF/s85vC0F/9Ow8VFsw/uwIvoTVGtOgUrmCx2h6fY64sszjwbqdydgkJPcfk5N/PTExhYjtdo/amlLASjGsuv1+LKa7wgKiff8KKtvZczMwipNApWr0YmlbXUrkIGo1ahUSNaXbA8+9xyXpX9LatmGDWb/XeluXOB7WE7E7bbZ9+NhG0VdibgnGVtTIPRY4T/Z//GllszYW4DuRfM5575eJpGueWEwihO+eRzz9bFuefEeVLPAXQg+/B6nHoOKzhkZ3ntRPZBdGg9zjx/l9Vm31PxOlqD/qDXZIcEC7pVY8ia5/4gaNDbFmN2o8aIdQP82feBHhvBg7IKitboQqEXZb2gFpJ93vYhI2jiGqVWweqUaIQ16/rmXlRaTMtmCFt+aywW+GKecei4029wJnQnPKMfeLACnrko15xPhZEqzwvkmvuN9DVzX6F/aZw7Rh8KCVZm80CZTZj9ywHM17bsH9AZpUAtR4cosT4q1bAZUjwKIbgtKvG5DS4tELu0gheO8hmpMBKLpVuipIARacLTndEWCGZUHfG4VA63PWG4XU72zJSnwJYJMbzrhWyYeOOjdfJW8NaIGAZd46WI5pQY5qUOzalX31r1kYZMIW1E9ETw9uNCuOnhJRW+WfxHA5kJWn5arVXBBNDg3zBhposK8Xxw49+vNs/+8XHytgg/XREJw/VK/BueNN3W2gGn7fh3Go4Xpo3YnkrDu/BRRSoNn7boljuVhufgI0AarbxKrdEWFrk9eO9/a1t7x9JVG/SSWlPkrqic36uen081oJXleG8PBCIlKdFmknTFZHbV5kAj9moNiKTuc8m9RbXx+BQv+BTN11jiP2kLNJTbzHZzqGeqs86k9lUsr3Gb7CZnebLInSh3wqG7ZnmFT22q65zqCcEbbeWN9JYWW3nKW7dnz5765j0rKsI6vSc1HKvfP7UnGWyJFquUxVXNwcTU3n31seGUR68LVwzubknB2+t8deV4HiJ99l40DvrCyFXG8yGQMUN+5BAIgX1H+oHsvaqjf75JxkxT2T/QJUTPrqPE5fLaQV1USoKe+aNSKKdnEJJqC0HP2kGRIm2gSO1ky2V7HehZU7tGTZpfYD03OEHdmuBd1c3wLq6JbNFaDuoWXFC3b390j6xuzogIonDyUjVoVIQo1qtvRT/6K6JuhojYFsHldc1ws42XtPim4Y8XET0y8NM6gxYUR49/v9r84R93k+tOftrlLITrBfi3WM1PR6sjcFqFf7/6VtlHPydva+anW5rb4Hor/p2GP1mkXAWpNLwdH0VTaXjbolutqbQe7/tNiTqsd1qd3uB0FRRGAEY1t7S2fVLvdHpXQbSqpfVcvasDPyxx7aB3SQH7Y79JclSmUrnlmEWql9uTgU9BAYNN89tpSP7Sukglw2iK1/gqemrcZpvZWZ5wY12DQ3dNT4VPw9d17ukNWWwWe3l9IFBfbofDUO9UR92vZUVL7d8LitZcVaxUFUdbSxJTU/sa8oq2Yk9zamrP7hRWNNBSUDhQu1TznsEKoj93odcVFnoOrO1qCuyspFVn0layNdeKEZMrKrFwhXWRBXNeM9/rxWMktUg4zOSNci2S0YNDCCvGmi4t9nSOxTEdAZrxXGBHNtjd5W0eT9Xu272tItgcdgwWN0+kavbt2VYRagw7EHq9bvPystLq0oLqztK6zd34sBAOSS8amCvHAZdzVCHY7jSDDbVenwFvhVdLyTqeNYN/pgvUOCFUaMD3REucZGStMRLEFRQCiXoGU6uHQ9Ei733CpC6kZJJxMBWC//1E6aIuNPNNaDYyz5cmOJevFO7VzS2b7z8TmZN75jyenWPOKLJUlKqnbpL3UoglcakWAjJ7LF1LKh5rCzVynIZXARIqnDAmpfwwiCogtkpuVhAE1FpbfFIQw3HJDsdBXlLK1eliAudnbXCgi5HK/mCCRPeSHaPDEhhdohZwP0cJxfNrHov6dXCI9Osg6QycSs+37GCSuZYdj7dd9fJhHTJyJfrxWxMOVmPy1Q2nKgZ2dpXq1GqF07FsYk+DfH/LXx5u2VS19pqhyg1fnqxB2Yv+6tZB+kcGy5/UDVEfq3a4C9jZa2l/qVfBFrtjQTv9Hm7F0X/Da5dOPnKoTcVcybRe/ATWyS6KUkyxLwPXLpI7PkiVTEY+ADea1uHcm0uTmaEUcZ0hLBbH8eqiWCIzLnUSR4QhvC8olg6l8nFZOhXChykKF7am4powZhYlVeIOJ+UpyaUAbeDNsvMgi6r5Dg+Li0oFeY+fQLbjx+UTvGVU6DILxxO7Htm54tLxVltIYxA4S7RlrHno0uEy9B+CIVvT22oPO5ig0zrr8bfHi+ibvEYrqtz4xJHOYNtYtZ0VipuiBbUbb1yZ/XGpzpT99torKhSKMmNRh6GsYagWrZD1CVEQNm+ASD9JraAwIiqDMCgOU1Qpr1wWn5QCoAkBnuSzOC5DFivxFqiXaLVgcRX5daROK14GV9Q6coWW1SJpl6PlpJ1UmytVdlVIbuqgCpFceCKpWpKNeTz2cORAW8uByMOxh0rC5SUPxx+OHGyB80diD5eUl5WwFX3bU6ntfRX5V0V5/GF4Y+Ch+EO5P4yTNz6cP/95altvRUXvNnh3f0VF/3bQhTWgC+3scaqYuliuTMvXusy4ChyUvJUUr2tYYzNuD7lgjEtuuCCAOnhxuRPePYXzYqZY2u7AOmC3gmHjY2mHHZ85XHgvcUzy4USZg1TNALLwLJTPEIyZT4B6reQ/XJBbS/5bs7LAgLaoOVYjoC24nCa7Ak1mb0GXZm/ZLL/A5eOuuTWWgOAL0cd1xtnvNx5pzB5FN8ELqUtb5PtVME7i/dVk+5cihp2/qIxJKrCxmnkMwMg4YACQAFMw+2+K9Uzh7G/kGrc7z17GXEP2Wq+jHqHkuWJTZtI2EinbBBhsNCo1wJUGAjUbEtimrycGp4fPTCt7sMUsADTQw+NeQ1IALpYHRuBiK1xsjWIwipsrbMg3VYilxB5BTIDjNYl14GOFVr3OzHhC0YauwaHxCZyDGDGRMjlbg2B6QcmVx4YmcrYosWiZZWnmQTm/4zoYSp6brADjpAB9lRdd0J0bdtV1L8pGBBpGm1Ib2gLxVXv271kVX70q2UUyEg822VmDzhBq3bCsZWuHv3bswMX7xxJrSrsmtmyP9LSUNI+s21Sxtp/+58GrgsFt/cmtA5WJhN/g9LiKE8tLo8vqotWp7k0to1cFQpPdJGNR51ervcFiX/NIVc2KxupYbffavvL2RCRc4fJuaY4sT1WWl9pDm7FcShU/pKPsEYivS6gaCu9O8sXJhj9HDL9IjC0GChuMiogsZ2CcbiGL7Bm8WgpyN52bG0WBJeelBkcRRDZ2jrMX87zbgVYaHO75C4LbwZp8HnziEXi33WCwF517Ctq35uwflEVgdwvAY63DPY9IjZtXkUmrcFFGWEEFFOGZsX6ryhCWxkCF+sewCvWvxCjSqlKHZ2rbyb1abI+ITs0UytupCuXtVN1CRuzmcfJ0hpO7n2A1CnaDObJ6VeHa+tExYqCa+gXTi1xhsIrqHsUK1C6I9bLzUuDiQ7wZDW8xWZofti822osX9BO5rf5yYmRN7aabnnh9+/Y3nrxpYyKx8aYnX9+x7Y0nbtpU27j75Y/vuOPUK7t3v/LnO+/4+OXdH3Rd/uy22vH+do9DxWl9DeuXjd42mUhsvn5wzVVJvY7V0MWNT16y5anD7fS7297EH4E/+s1t29/IH7+x/c5Tr+7e/eqpO+889dqePa+dumP7s5d18kXlhT5dgacgse2u8XVf2lpTDngaPmt5x9Fn5Xm8lxmmO0AWQdCWq6m0Bc9jjWJx2Yroi85UEJGIsegMS47ymytC4AVCcqMpFuN+B7gCvK0ihON4TgDkWi3AR/nwqqjDJBblNoFLToBsYkyQqKLFFSzm81Sw2HAByyfbG9VyaG944z1Ty/oqGssKdUaVoXpv1449Xp2O1bpiiZaArzlauMziDTt8qViF7esPML8raY8V0zUrVtqdds5eHbl0W/Zqtb7LEXAaTMGGisJSl87o9FvuZJcRvjxC3UJ/h3mYzKMglZsxMy4rpQY+FMdIaYEL4aJks6Mo10in1my32S0qBm/+NMORES25hBd4H/nYzSP1awaNVv+aCgluDp+rXsfnr6sEN23g0DFea9Trsz+xaNWW7I91BqOWR9ef97Icmz2D1jKn6J9QLFWV3zma746j0Mh7BBSkm1JaQfqMKKj5PQK4A45feIZZuYq+pS97E4qAGzxnfi6jBqknLzBDu7rJLOwCrNTVjT+4qwrUpTE2Uz1IblSz+e3sS6bnMjDt3TFxGS/14bw1nNWeM1lXwtW+ZWDErd6wqo3sHa0VIKoSgyaxEXSou0swzcC0pcitQUGs/RyTlhTVyeZ+SbV0AnQujD7/bEVfnXvo0euP6C0aFBjWGpXZ/6l2FRy894qj+44+9bnn59zzzG2XHN1+TFCZjdmbVFq0Q8dl96MfTa7fsBpkamFpmJddC31+2IxcQLjQ50d9Tp8fC5h9uoPsJV7PjNF/y75K1svaqfn2cXhvNel4klst4xZWy7j/ndWy9VUjB1vbDo5UwWtb24GRqp6SltXV1WuaS0qaV8eqV7eUKG5pOTASjY7sxx3d4G37W/BV8q7VbSUlbatlW3SAGlZUKx6CMRupjYv2QOOQBaCnqImlFaTmSsHhYEZBYkUV1nA+KnInMX4xGHE/krSBw/cMDKijNpbmDCS9gONMQDqCvLtd3ki90P6JeWu2Jd8Carivj97Uhx7NburLbkMP4Dm2lbmf7lFeRVVSvYSyMuCnJSpq45irBQp5x7r2pFTMZdLa4vk+U1EM/stI15wgmDyLIClZ3D0HV7zLIUDLfOMcucfbfOEeaWxI+uYUoa1KzQdFsaDNUVpb1NJrVVloA+Pmrt5YOdTgdYbr3T8xl1qR08nc71ALqo+KUvVN3kCt39STMiPEbtlVEOurLlvW1uh5j2UdYWIzJpm/oPtgPC3USgrCGckAUNYenXHIhr4EMH4Ub2pGgMRE00mxICYlABpWgaK05TeGpClFghh2QYynpOISGGRBldzwhlhuD3IzizreoPlRqhaqExehrwg96VGoWLWRYRSWksZIeWuZzRbtS65fZy+tcbf1mpRmFe/krlpfuSJV3NPcNxhsH6tuGkl5FSsMNK1Wq/XlJUUFFbVOX23QGqMHWv1xH9/eaEGMYssuV1VnRee4RVjdWT1Y5/HUdGEe/ETxJC3k60EVuXrVC9aDknZ7uEr1J4/pnI5NP1cLBsWTfzRx2TmtSrbDt+M1UuYMVYRXSM1yTQvIe37VRSwAxO0mk88lkLIW1zlrLx7sU+T+YaKGZHz0pvkVGIm3pS60BhMMAROxn1y8FLP8Gzsnbw6yTLXFkX2HrVu8HDOxYbCnYqIkK9kI3cmzTYpfQexjxrU4xFroNfLqFplteo6UAiOs7xzpqCca+BlKdoVUFOfecLsoDZ+RrPOd9iBq9ZPthH4Bm4yWi5/ZTf/bv6/JimO7jl/comgbvmFDfNWp3yodp37L3JWavAXTcRz9GR2hvwV0RDBynWH1lAXcjPxCHg9C0VrJRfll8QMXWajjfGGJxRYqFITCkM1SUsjTG+bPgoU8D54DP++m7N3op+A1i6ijFMhmRk2UP60mi4Bq0k0OpCWcnDHJ3ssk9+/F7W89ub36sd91yjlKIcKJ/AmFZHKd4kTzCWqaF0xmktyDcD+/VV/A2aoCbF7VBaQlUq45FIGOpGNpMr4QjdykVWlZobDMXVPvirWXhpvdazcWxrrKyoeyf1Wk1xl0lSGX12Zgb9nCNzd6qn1mB4zpPrBTHcqjYEF7KHD8Myp5QjO4AzMelgrl7KWaJH0v0IRMWNSEDNMYF+JWb21cSOLJG7rvpw33ZK/4S8VX1Gqdmn39jbmRWIwuC16rRFpix8eZQfoJ9iWQo2fe/xQpiP+x5woXF/qVuuR+pSSz51rwP0X2T/E/NtlngzEZLx2YWtY51V9a2j/VuWxqoHTFnn27p6Z279ujONZ9cGU4vPJgd/718PXXH774hhtkXzMD+O6XgO8sVBkgPCSWk0BYG5sJyo41jOMFmItpJW9NkWqqZA1etMUdNZhgbU0LMluZULBk0cVQ/uKM6nUlXqBUvq4yuT/+2C0ghfo1+QpAPvnStE6PKnUGBcvpUIXOwGv47JVc9gpeI1zoBqZbQcFEYb/MPg/ydVKl4I0el3fmiP7czkhLXAryuHxB9MZnymThF8XSZUEs27JCTXhGpeSRIbygGMRzfZo24BXiAOh7eWzGn4NxMdKJJachYkBIuwrKsCvwk/1HUlmQtNzGu3YrU0v0BzfzyC+j+UsQvmMJI6u/1usjjcCSt/y08WvZK7F2aXSqx5i41mUJz35XV2hCZ9CuzmuFA63ZaQfdjkoYxYevz6ue5kyUvUEwn77UxJ1Cv856S/hvfYsvQWscRXLNKubbVI5v3dRjVNolr0FKHWwmz7mZsloX3phXBji3rJYwLEIY5lrCsOWfi2FSPbwhQKo4Ai6YVD3nsGzaGqttJUFohwu3WmoF9pUJaU+sPtc07kI88y4FDaoLgIZzGHmAqdE6rTIj6QGl+kOAE1Y7hhN9FqWVttIO7hqAE/U+gBOen5jLLMjlvAB/nWqeYIxmjDGE9hYzomnFlp0uDDK6W5sAZCidYayro0RX01Qb1UdNAKJ7jUq3Y66PxtOVmOPL4lKxIiONtRN9HYnPrJVZPBhLryUR/9oVwH5DU3slCAUAyozDjg9zIAWJm6JiwUmRj0kx3IwG56fr4CDGS6tBW9fFZkZlbV0RkzYD61fXwWzuH1iL9XRUELuB82vHQBr9KbFJEDem8pimLodpalNisSldUh5LfS5MU46X0s+Haj5d20fnMY+5pClS3lIOmKc/sX6tDTBPS79ZBbZDazIS1FPn7W3qW1GCUc+qOl9mYWYI6A9LZgZzXQ4SlQWLCsO1LoBEFoBEbf64V+hJWEBgzJZdzmqMiczCmo7qwZTbXds5+/iFphBIK3s7/Y8KHVjLBmoTlY7itZCUPgNIUbLjbfKNS3dja7jMtF1dzoWlGmtGaoIr5bgnP2sE7qoFXM6mMU3bS6IpMgdSdlw0pC4szpVHNytaUNyOQ7mFEnxbvgb/3E7TwXB1z+r+GlrXoYQD0gOopntze4lWo1G4SJ+g7qs31SEf5/JZFlZX2lbsG6yPJ/xPf4MNNyUS3Rs7kmONxYGKgEpZWhgvdZQPHlLUfqIfECP3i1FZSL+Y4k/tGOON4lzvZ3eMQfMbjT6td0z2Py922rn/6NEL2vO3kaHDGsOPFer/OzQyBPyycOnTaBzLcE7HRdl3tSb9+WlE7T82aH6uYvM0Kj8mNIY+lUZ59+fn4GMybifxE5zi5aVPJTU7++G6D/vUFtVxWkGrnlWZ1Rei+HvfY9kbYMKwN7ALdP+C0B2jDl6Qbgwo7HHJC2FiNCoVwksgRjrb2E/OxGS7FCNeYqZEznnglnKBmGB6AZnoQnM5mRW5IUtRL8wcD1n6vZCA5lc/E8mFxU/lp7Yj+jdzScLnb07VFoYrUdLkT/h9TfWJwnAFfQFeDPibI05vibeuItAYcXmD3vowwSQyT+YIT8qpRmrswlwJRnGfw0IwHJFYvoTRa82IXp4grriVlDBKYRjwNG1C5sVsuLDklwDEEnl5NX/6qXrwkcHu5nk5Q83jDDV6ttrHux0Gg8PNC3B+AV6c4D34PfhvbAaDzc37YovOqAW+qEpzfEl8mrYEozMR2fnVRGcKc/4tSbQlLGtLmKRZZ7yytuAvcKjGTb2ASYXBc9gk1URAW7z2z6Et50PUn8atLxVGmv3+lkhhYaTFD8pQmGivibe3x2vaL8ClB/2NYacz3OgPNIQdjnBDAL8bfggGP/s7ilL+hvTetFNfodL63P7AxU2LREtshjPpkbwAx6lwl4oZVq2fb2TkiOKSRRyLnbj24zOkIsQSETURHFooCk6JGl7Sw4uCn2YVGnN4Wo1/w81pgwV/+YgZ/2ZeUrBqjd5gtpz79R9+vAxnzv0AC5VwAfioMjPFzHuzb/bSR+a+MkA/Oqepn3s4Y3CjFrpySm3RzXdHQm9lx100x/QVRO2kd1H2btL3apC6lEr34dFG4ue0LwKJz7TLQWg7aUDc3oSjtaHFjYzwTqiYkXT7lLqceDuShXVHosn63j6iBe1J0IL6lNgniLHUf6t31sImpGBoSXQaoT9/U60dV9y9xp6PWAvOjWVLbs88te6zu21F+5NuNJCPbs2Lg95L1AfeQmoq34dL0QD+TkdZP7vzle2zOl/ZP9H5asFDL+qBNVe+yCHnBK6y5Hzw/wOa5j3yYpp+s9gD54hShnNOd4FX4Hd1VOFn01X0WXS5z0PXEi+8mLy6TzrdeSKX+FmZzjmg00NVUzs+nVLcNaoyLgngVvzgVmIXJJuYA5zCAZdj4/EWJKnUSha+458cyad7lcXjin62E8mP8/hn+g2awl/s8DjojgY8RxGV1uJqBB3p9sSRHLPBnMn3C5jXTLxUr5rXyMSunCqe+jZpwUVTb8EHr/t8nzmvWfgz31rQKP2uvCqdejfX2IsG7aboEdAnnmRSyB6XtIl8rhWnziRLrn2DRcBfg4F0ci7FvFRLcFrTulQ7Htx1rlrMPxb0Q4/HA/qB9+yV4V5WZNce+dIjYxRXP+E174JYLrGzeKkb99qx86RDeTHAjfB5M4iYHvO5AtcvFfKHu4bOlfInhHtqByZYefw8Mo4BNvhxrrfKjtyeJgG0myHJMtBuRBkZuegIAXh0w0h8UdFI9vsKZrzfLC0YyWaFYk04bRTwoRGvcAg82SGpsWRwz7tcMyyNXa44OqfZoFcwL7QbxEof+zktPDD30uTkS9n7536/Gz197D3cdPC9Y9lx9HB2C/1GO/3sQu9B+o25e/PtB+eea8/1Q6wFbGyiItQVn+jYhbEf+PAiGE04KjlYuS17dHHcaAaAE5HhToTMzhzcwfAw3+ELrx8WY4TjCKZSi3p9SeEivABRdoGuX+YLAOQl3cBOfQom/kSfMGXifICYkXuHwVzD62/V2Mqep3tY7Hzdw+K5NbhpI1taSbz5F2wgtuCpPruVGCqcNxefq6sY87Ts3P6/jm/eNn2O8Z1cMF2fa4D0m/OOMjdGsGt4jHUXGGPqfGOsXzTG8H9vjEts4+cYavlS0/k5B3yO01007l+QcXdQx84zblz8WBqXYiyp0qrE7Y5hHncu5kUpzNwOeeZ28FItnCXks8QCnzCOre2ACMbo9FeyDedySmqFSFiqav7cPLvA7P4crOu54Iz/fDz89vlsgCLHxznCxwZqgNp9Pk5CgNcTlyrBU7UAC1csYaEUs5JsJq627YTDzgXm4a9za4xhJXP62f+Wkn06uPkcfPN+Fub5fEal8TPxEKIeok4rGMUGwIKUWYOSGmTXIJUGPYSuyt6UQEfRpYnszejKmux12WtRFF2NjiazN6Ijyewt2WO16MrstbJe383+mn0fvG0llaI2UGkblkZ1XhpleD7Xy60+QQA+npQxCcDqBnj14UVZd0pMCC+pWZuT8wQjuPBEwFu3KamsWjC9RHGC06MuSeXDrFyVKymAtuUFEQypyN6hII647Uje0Wqe36orG+0r3h09pDdZ647vOIS5f8l3R240+ITKN/Yf3bN5DT3b89JezP//2f3N7VgeY0M5Pne23ccbf7Ml++sZwuzm+hmBp85uQSWvPXFmlYKtbwZuz/XUJDDzH/xoFcYgpM8c2HEn5cddWT/ZaS5wvk5zJblOc2mry5NDc+ftNreATc/Td+7jBd9zoQ507FbZ3/zfpnPBp5yHTiQtciIXolRxWd5x5GgFv+Gkys9Pa/h8tFYs0Fr06bQu8Q3nI1n5CWdwYcKXOAAmR/8c0F9JtVDrPjkCsSwqNsQlDxit6hgpD1kYDl7LDVjnC8MTcJhYGGRbrkZcsqo/TW0+3TKdZ8Bzn2mJLjj+P3+G9aHl/nSgexbK/ckOdZ75DnXFn79D3UIu/fy96poXx/Dna1vHvDuPUxb6vHIgsb5FfV5nDEYSHRs0mRnGKbcz1sx3JOeAZNoYi4kcj0soSCdouS25cb4t+QVavu5E3Pl7vmZ/Lnd9zf4zOkq6vk5j2/29sx8o2tjXqF7q8hx1xZTcuQkgg6TEBbx9hKReQ0bslb+Zlnyjs1xVWiBkpnUF1eqw1AIhQkuUhAD4K2rr8HeVlvlT+Ks0JWUnvLYAlLAVV9Q2En/YWYG/eajAH5K/oWzRt5coFm04X1LwrVj8rRNW4XsdR57esubmddGqnlU9Vb667r5lKV/NumsHd3y1ycZyOkOweW1r48Y2b+PEronG6r7VfdVFrbv6eq7enFSgHU8eaqwZ2R5v2diTqmsMlsRK3L7y5tHGZRevinTW5fast6yq6hquDcX722K9LY1do/XFvW3hiok7Ns0imIukxxz57qAk1UbdfZ4uc3X462E/q9Vc+2e2mus4p9XcDGfx1zVhB3ehZnNSHQBcsekLN51bcAlfuP3cjvkmfF+sEZ3i5lzLvs/Fz8b/T/xsxPys++L8nK9J+8L8/PV8EdsX4ydzcb7kLc/P44Sfy6kHzsPP1OfhZ89n8rP3HH6+gPlZ3zbPUNEliA3nZWvqv8tW7GWj+Ct0EfGyX5i7Vf+y5hftvP5RJUsr6cdYTvMFmXzF7Kz+aYVaoaSfZlWLdPdWwusR6t0v3HESW9m6uNQOdncoKjXBhS7w3qsWsx5M78yIHKeNLBbE9DJXTB2e6ZJvdUVnlslHC/IZXSSfOkHkUlLXCER2Fn9lkwavSkhFMeFCqj/UDldaV6S+uJQuEPN9YWElLKE6n78pUVNQUYkazcGk39dYV1MQrqS/oNSeLWmLunwhX11VSWu0wFfqa4iQdUBZdkeI7Hqp9dTbX1x63VFxIi41AegaArFtWCw2vPWuHZBW+zkyG8Uyk/rhej/Ix7p4Nm1cJK0UlpbYbpIqsSvtFySLBu/MMElDE3KZzP+RZqOftafoC4ss+VmbkL6g5H716VuW5mX4cyLDPmrNeWfgKMZdTfL63afLc2awm2syhGcGcyu9Y0vnYb88xfp5aRjO2uWz9guYx/Gl00/sN4n+lDgszFgqm7o1nzEDRwfhSnvdf38Gnm8Z+QuL9NbCqtZAoLWqqEh+LWzIry1/QYevKGmucDormktKGiudzsrGknhbW37NmdhRpVGhp9qpYZiJIpVuxlJMxKXlMMvKYqTdn1gQJ4vy47G0xjovvZFAs9UQFlfEpREF7gaVn4YdIIsOXhqQJRMAmDoSwxEQ/tL3Yj5DplsHRb4yRBwQ0py1GReYBUySA7+uEtIFZaSMvtgkRapxSjuwHNdCwTHZ0iiIxbhUSjLN73JfEFCu7s9mn68783uXdCzFXwO/WG5NcBXle5guFpLOyAqDz+299m571Ss3DtywpU7Lza2rnrh6Rc/2ZSEtp3Y6+tbtrL3x7SrLmv3/q7dzD46quuP4fe4z+7jZZ7J5bTbJ5r3Ze5MseUMChIQkBBLAPARDERGCgBgEX4hCK0lFKyhi29FSFehUu3fJjNba6YBV207/cqa0U1un49ROM+NMy1inLUjo+Z1z95l9JNX2D2DvJsy9v98595zfOef3+3wfWoaaxLeluG1YXHn/iATNx5xgtlf07GzvPTgs0prOAyMBrvvJFyrESr0GNdmxe+99vO3g6/c6zAdem2pxlxfrCgF++uQ3102uzC9cuWtd03opp2bzkfXH+YquMdqweXqr1HjHCWDwzp/GDN5u6igV6oK2KpNklyophjfo8802k9evGRedNjfA8fmaMJsXjvxwIpppDidjttnh+FzgXWVen9jZhdcNzT5SatolQLn20ji+dLqTczYj4Lf2h5M5Y3fkiasrKgdzdSodn51XkV/f4vJ3lpeOnNrVlIb72zLIrU96TH5Y1X/8J9DvMUcXxb7A0cX17hGSrp8JE9wScbotKXC6rQpOd5a3uv2g1pAGqCv7YZRpXAJYN7pIWBJidyayQFgUbJflo+uC1L5p+N/6pgF841+Cb+hIwL8k39DqSLS/KOfQ12LqWsL+uYj9syLOP2JK/3Sm8E9XrH/qM/hHXKp/FkTuS3LTcGLUvjhn/Ts+WOcUfx3C/uqiNlHT6bnVsIc2JMmNKLjrQbPK5gTPAby6xYZxyXBmMoA+DkT9eRukAbWgUcrqroaTAFnnhfraL0u3zhSxLcmvY5mitUX5mdmSPkhjKBSI0VtwPZeBqlRyHGCvDkMqI4kOBpLoIFN6BU8an0ThiYwj7RMK7/9GL4bzKnXBFP2HhHtwKe/B6SNlPuEXF+7xYuR1tE9EashujJG7MLc+hRvh3AAr1ajkVMCeXiibjkmsMMQlVmix3iedrdyPTXwR8GZrYv8+NcG9Ftt5bwwphrK3PkN2XsccATvJr8A7n1aa5FeUkfyKPJJfEUUJgHiUMtFCfoU7kl/BJPQfeJzEPmZI6CbvTNRkQAvc0MPzJn6L22ns1j/Yv/MvIv/1ArtHhPevVY21sjFrjWw6BtCzBsywMw0KwzXK3uKKAFq86vnc0nIRxwSgjB2ianRx2s6OWtqLtYU7YDMek0s6YKs34MBl3gtlsQME7jLWuv/VXY17dtzmNj29/4KgzjradmKtTkBNMj47+B0Lb7xvxe51VS33yVO3f/+B1RNNE492j57YIrGm1tHDA6NPjNfSH2x7/bG1ec2jbT/+V9/pfI1Ol7W3uM7MmIysnbMa28SZAo1Gb9hR9/C59w89+ZdXRjofkvdufW5H4+pjP7u/fucGqW3PM6QvEwb3NOWgJOpkCuIvnFc4JblYNRes8+HkDeDf1CdQgFFjz0pkkSKZ4eQlRt42TAhuiBKC5VIJ4qp8CzkgV0DBch2gAYpqm1Ijg1Ot+ReihL0pF/XJIMPch0mX7mjuw+xhRQfOTw3H0IfLI3MfRhCLyRDEaRIe5HKY3GoWUV8dHZ8yc4m/HRm9MhKK2U0kAkpnY/WXtLEabCxfhI3RwGYR7GVHZPjMaCTTGYlkwnZeVHI6Yu2siLezKZmdaRI75IrF2rkgQMls7vbEUTuz0b0J24cR26cT8zpiKNrhvA5VsrwOw+LyOgxLyuvI4KoU73pmj+1K+e5ndt2hFHt4xH+HsP+aY/M5Yj0Y8AV7ST7H8mg+B3FdRXw+xyr0cVXUaRnyOdI7KlOsltlhuzMFaJn99qMMO2jQB/dRH3N+DjTuLShWq6VAz0CdNRcGPbh9siNrDp/mc1eDVlHOskGIAdOJwrigY8+Cy4S4q33s5ZuXY/l5sZ+ZE2vXzr9ZvsycU2KxenJMAZaOuSDvxyXOwHXgeqlGaqOSH+ILbzSUw0FlANcI54uy24ArVqBkR0CtB2eW9W5AnfF2p7GglIyC5T6SFuIs0JQ0xu0fBBQsnqL0oSYoPDo2J8ROGpiM+KOnlo3orRbp6bbl0ISv3DNk8Aje6dXdW+tEhqs93D82vcX31Mj02PTtvg2kqcTa+03Gy6uuHIb2Wr9PML+16leP7brQwrxRVbvi4Pl5d/fyqVd3/HwKxwGYF43GfwflhhP/eGK0k1H46BgbXZwCG+1RsNEhixMSGBLQ0VBOmZ8aIB2d4JKgpN+NzmjJoNLcufA6PoMdeV+FHXkC4XcntyM6iSVDYq+IzlrJDGFPxqy5w7aAhmj5Qlty4mypSGFLZdQWVxJbctLasmCiSmLSyQUzU1LDnoufjVjFtkPItkqqDXh7SRnlQa8v2CzJ+WiAqBOxpGjUSqCUF9twnhakzjTYMEEoxnbQGsWkKYsKzTogirIolHmmoTSJE57NOHYmdcqNjOMlQxjVqD9DFSdaa7qYKC0do6rD1ZsKqjroEoKO1MBqNtI7U6OrhUgfTQ6x5o5EO6mib8F/gFnuir4biNoSonUBlrbAKivkZcsGfTeLKEJqh0vRd4PXzZUd0XcrsMfou1kS9d0SRS0mVob2pRC0UDffPDh6d1jbbbB/XhOvZ8Eqvj2EV7et1EAsAxwS1ZtIkaKPFCk644oU65UiRbeiQlwlyBo7PH4mZDiToXelbpefZupkKZrr0wy9DHSuP9PcjfpYEVVPPaEojtkkuYydC1pEgnU0hivU6ti5WVN2HmxbmaA8iDDg3FbsGUDA2KtEEdZ6wMA0YrivERiYWSL6IGircE6lDmpZebw/lQ2YCAfoxYQodxUMUcZsZZeKZLAyjph6HLeA96iSyDmPvfznma3nZ/aUsSPhkpwvzpftmTm/dfqTl8d2989cmTp4ebqvb/rywakrM/1KwqR//NgwvTFcqrdp+NhY3c4rtPnC2WvnR0bOXzv7/LWLo6MXr5HYWfUIp6dEajXq56epUC14CcXKy9RQY0KwugZJ7kSX/eJst70WXNQN26AbsIsk5BKJnD3A7ki3CBskayDTyTyH4ZdtaD0s1wIZyo46E3JFcE12yOAqbyL5TUWg5yTbl6GomiryVEk4maQbJIOCnUqPU0ILRSko+UEQnSx65MNbfiMt+87deer9KuuaOx7o7f/615bpTTdv948dGVh15+pKfZbG5ewbv6tx+r3aql88v/2lfS3bKzce2Tj8yHBlJfoLfaxkVcydFWt3tvdODYskCvnuzMrJgcqYg5/wtt7zz518KUkUaQmf+7Ak7051k7Ki+a+ZGorPvIMQsVGSc9EbWk1ovLarcqENk6ItOBMPJ5BBzO23kT35xSbnpc8+TJ6xt4ga4mR5fNzQInKf3dxrTAPeC6yJaqoKCodEwEQkBQWXHVFX1TaFK6xi5m934mQdv/UH9/Jyv2MCaI3oovqooMUHtbg6FJc7fTgFwSCCTgPc0EUWfS6c2hlm9oFkp8EF77YFOqsTk7nt8WTu+IVc6i2apNsxNLWDaWS6GOgdFKwGdtB/ZBqHhoif/tufnWGq2beZKaIhSxYi8CdGQxb+yxm2lKnu6SG/z7+f+ff5OuX3j3PNdAP/OerHzVQw2zfLZlE6jmziooFBb5oL6XGBoh64MZR51mSlJORN2NnVk0NjigBsYVtRDaKAZH+xlj4+0J6nUXmlEt603G7lfjN4qs2i0qhV9XcFWjs0WqPK5e0nNu7namk3/1f0DG34GbKiz8BflU2muaDJPKvFNw5qfSEtrivTAr4OHsMEextZ5DECQDwhm56E3uwt208eocNhHejIU3PrNCppZ6ClQ6MxqnO9fd7B060WFTzD/HXaTc1+6WdwZH6GTxY+QrYK5jrUFkwPbosKtBZFTxH0SkqDBJ2RUsFUbRLUk1zZIvTzIpwWUORCP7eZZ0usVL2CjFLaTLaZUPdnIZemSAh6U7ZhaeaGpa39HXBZDwamamdvisZnoO2Zetz2FdTusM3E+UE3sTm9/+EICud1I7NzS+DbXBuwzXMLtMRkpW0gC88LeQ0gYJOir5SGv/SmbDzagi49PG1uR9ft+Sk6lCZpL8P2zl9n6nE/+//a6/iK7E3aebXJezToeZTSy9hH2G/hmsugETPz1ISZp4bXy4IHbK0Nf0n+wSJLdX6oAIqZ2ehS34bJh/Zu8Pk27G1v27PBx2xr3wvMzns62ibh20myhzN56xpvp16nBMpDNQAvEO+CuSUJnwjJjgpRJF/xsJXTGFt8iyYoOQ+2dAgdqxbNzAHC4ozn+ZSmvZw05hTbojs79OemnGKrpSTHbM7xWNH1PzHnJ3K9Lo7hU57mioyVL1In6Hcx99dNhd1nslFGDmf3QP0w6L+hKDU58DeR7psC50vuNYvu9SFm0MG9bGECnYBvh8c9gSj/paLPLQDNXUoDj6OpolvXuGn+DbTaOUaFeqCRmrVzIROE9oUotKfoHpOhKuiTZIqbC9aLs1oN/qJCAiI05tesw2+PbgCF+dWWObmkAbV2Nc6/qfbDS1JdBmDWagxmhXdJI8qDeIXajIbDFSvRUrwQ9EmtTqUcGY7NAp4GiYStSmINplKoieqBymbFwrjoIwZvcdGzam/R92iGO3fBPH7yrf2de7cOlRVxOq3G7hFXjbWMv3Bfn4nZaRJuhliaZgSzad5i6D1wdrxjW29Daa5Wpy0r3bTzwTX3vT29ych0t1rL7aK/9Ru/fXbQUdNVXcKrbYVlhbblD795uFCfXSfZvbbCLOHI5aMrnGXVZTk6j68/kD949qOn8JjTy47zpShGU6N34gCJ0mStTSJ+ZMUwixnAihqHiBZDVAHkJaEgVnVV5o1odYXRjDyLnKfC3lSB83hS9OwxYgVROGJzkFALKpucHkAl5pNCmgYC28SEY4fF0aioy3mEAOqanmIv6xB66Y9/vYY+3azTqT/S89rf81pdy3L+TxohS9B8ouL3tLbe/BsjoD/9nGZ+psBspKc03M1L9Hs18w+aaYF+vGq+GfoQDAI32BtoJPDGaCcqMkIQisJAQ/5R4iG/4Bbgv8DBMta3Zh/lf4n+3aqsNh2SInFti0pcqxLlra0ihJtwpuwwzIUVFSiidC07UdgZ0giYLSBrQGRP35Sgfu0B9WtVPu1WmKQgfx3YdWaiuMfJ0QZ9dfG5ILNx27yJqF9v3nLm7qYsnV+nfvUHw1+Uss+E1a/J81/i36GKQY28kMLLkZABWlxAMbJghmefzc0v1JDa/VxsExYNLMTGgPhtjhgqKMRigXmgCWGWzTCsGObwsGguQMboNValDCxsBEhIoecm28OxIt4NO85u86ztbrP1TgQe8PcfHqqmvfMfEju6Rl/Yv5xXcdf7+H2Mpm7s6GBXRMj7P61y/VcAAHjaY2BkYGBgZOo//7DZK57f5iuDPAcDCFz2z/KA0f/P/mvhyGTXAHI5GJhAogBrnAx3AAB42mNgZGBg1/gXzcDA8eL/2f/PODIZgCIo4CUAogoHhnjabZNfSJNRGMaf7/z5VjD6A6bQjctWClFgEV1LiVR2FTHnMCjXruY/hCCCRdCwUApyYEWyZDUsKKUspJuI6MYKuggGIl5Eky4WXgQjarGe92uLJX7w4znnPd855z3vc44q4AhqPmcUUCkU1CrmTQZd5K7bhLC9ij7nLeZVDE9IVB9AgmODTgpDahoxalwtln8xdpyUyJUKbeQWGSVJcpHMOitICWzfJ49MxnFUEU3uTQzYZmy2AeTsPVxy65AzL8k4+yX2/cipKH7rKURsB4qmATlfO3ISd88wp1coilo/x/YhbB4jaJexIGv68thq3nlst1twnud4ppbKP6j9zOGj3s2zh9Clv7B/GrM6g25q2NSjW42j0WzECXMSWeZ9x/lc/qBXvXO8cXuQlTgJmw4q5+i9yOpBRNQiDjI+pvPcM48GPYOgFp1EJ/dtUzHHT41z/xtSf6k92xnSXtGQ/GMUrjO3FneY/Rn06QTSHJuWOV4shDodRI94oh6gl0QZ+yR72004pAJ4yP4I47dVifklMGef4prHC5xi7fd4dV8HX2/5m3jh+VADffCR12Qb8bud2F/1YS3Ma9LzRbyoQbwQz8wU3kvd18MdoIoX9f/D2u8kaWelXCDfzVFE/vmwFtal0h6rRbwQz0Q3fGWuy/yHObFWO0izTgG+FqCq6izfyAJp/Qvy1H7qOY7xHVTh2hO8FxN8F0l5I5V3kiSiQ7zvu+xlxGWuuoA0mZN1mWfAPscx/ZPtw7xzI2j8AyV25OAAAAB42mNgYNCBwxaGI4wnmBYxZ7AosXix1LEcYTVhLWPdw3qLjYdNi62L7RK7F/snDgeOT5wpnFO4EriucCtwt3Gv4D7F/YanhDeFdwWfHF8T3yl+Nn4b/kP8vwQkBBIEtgncETQSLBC8ICQl1Cf0RbhOeJ3wJxEVkVuiKqIpon2i+0RviXGJOYlFiTWIC4kXiV+QMJFYI/FPSkEqTWqNNJt0hHSJ9CsZM5lJMj9k42SXySXInZOXkQ9SkFBIUJilcETxjuIPZQnlIiA8ppKk8k41Q/WWGoPaGXU59ScaBRrHNN5pvNPcoHlOS0urQuuBdpJ2l/YzHS2dJJ0zuny6Cbp79CL0hfR/GNQYnDNUMKwxYjOaZKxkPMvEzWSCyR1TA9N1pjfMWMwczBaYc5n3mf+zKLB4YznByswqwuqRtZl1j/UbmxKbI7YitpvsouyZ7Hc4THOscIpxNnG+4ZLm8s21z83LrcZtndsH9wD3Rx4lHs88ozxveFV4S3lneD/z8fLZ4Cvnu8mPyS/B74l/WYBBwJaAV4FWOKBHYFhgSmBN4JTAa0ESQVFBV4J9go8E/wnJAcJFIbdCboW2hf4JkwmrCXsEAOI0m6EAAQAAAOkAZQAFAAAAAAACAAEAAgAWAAABAAGCAAAAAHja1VbNbuNkFL1OO5BJSwUIzYLFyKpYtFJJU9RBqKwQaMRI/GkG0SWT2E5iNYkzsd1MEQsegSUPwBKxYsWCNT9bNrwDj8CCc8+9jpOmw0yRWKAo9vX33d/znXttEbkV7MiGBJs3RYJtEZcDeQVPJjdkJwhd3pD7QdvlTXkt+MrlG/J+8K3Lz8H2T5efl4eNymdTOo2HLt+U242vXW7d+LHxvctb0mkOXd6WuPmNyy8EXzb/cnlHjluPXX5Rmq3vXH5JWq0fXP5ZbrV+cvkX6bR+d/lX2dnadPk32d562eQ/NuTVrdvyrmQylQuZSSoDGUohoexJJPu4vyEdOcI/lB40QuxdyCfQH0lXJhJj5QMp5QxPuXyBp/dwTSXBjt4jrMxxL+A1lPtYz/GfyTk1QrkLTxPG+wgexlgNZRceu1jLILXpX/0k0MvdqmRk9RPSs1o9kHvQDOVjVKK6y75XPRxg5TNa51jPqHuESEcezWKblaGheQ8QVWuePQWBy/WfPMHnyRK2V+2Hl6JelbFZv42nUyJbUEd3I/hQqy6kwpHS2otFrNeXYtXxU2iFeFJc1VpRHtPTGdYy6f8LBrSvbfG03fVsc3o2bqWLLJUJfWKgDOmTYSmyUB7HREwRmDirUiJX86mE9tixu9wFp8REo86BZI+5mpdVv7Nn6I+9FcaHjGnVaC8s57G7yNLQ1PqH6FLl7T1ypmD9CW0No4iZKg7KJKtd87WzMGRyaFrvTSEV7JQCfroLi4is6zNmxL0JKlT9GRk5Y49b5BNmWdDvEHsaN3b+KZtCeYS1lHG0QmOa1jv1XDX6LifH0Hu5XOBr9ffgN/Z5lMhjRutBq6BVHTMmRlNWe7FSaebTTv1pnRXjNa/8H2NbPw4WXZXiJLVuPYVPnT0RtXLuRu5fscqI8IxYZaz5gDtdX4sW/W64nzP/FLWN6HeVoyUsp8wjcgaqN63pnPuV3oidb3Ogz/hj1lh3RMqYoU+NMXO7YG9Zvyb0MVhwRmt9xxk3dA5V81vrGHsuFZo57RNOkfVeHSFexj2dNWfO34TVx86HOlLfp5qtdH3CVzNhTiSe3N9VJx94hGSBqLJmwPeUsTfGimUyYVeExG7EbOeOjfVGiUpmS3maHK8wIif3U0yLGSPZG6yaGAWZN2K0asqun12+crp1zV3mlvCUqs40L3M/T/V24KxOnUv1yRXMyezsqSTCJSupmFudRu5aXbDSuFOscKU62YydM6GFdceQlUwxIQ7xm/PX9kldvx3anDZjaFxX//LszbG2PH0/X5u+h//xt8/etWvY/199Ma1XmMNOsZyy89u0GOGecWYeItpdeN+/gg/PZllVWn+96LdPj71puduX0alX/qFP/lCO8e/geiJ35C1cj3GtzvhNoqOTRedvQXaX7IN8CZUH/uaybh/9DeeiFNJ42m3QV0xTcRTH8e+B0kLZe+Peq/eWMtwt5br3wK0o0FYRsFgVFxrBrdGY+KZxvahxz2jUBzXuFUfUB5/d8UF91cL9++Z5+eT3/+ecnBwiaK8/FZTzv/oEEiGRYiESC1FYsRFNDHZiiSOeBBJJIpkUUkkjnQwyySKbHHLJI58COtCRTnSmC13pRnd60JNe9KYPfelHfwbgQEPHSSEuiiimhFIGMojBDGEowxiOGw9leMM7GoxgJKMYzRjGMo7xTGAik5jMFKYyjelUMIOZzGI2c5jLPOazgEqJ4igttHKD/XxkM7vZwQGOc0ysbOc9m9gnNolml8Swldt8EDsHOcEvfvKbI5ziAfc4zUIWsYcqHlHNfR7yjMc84Wn4TjW85DkvOIOPH+zlDa94jZ8vfGMbiwmwhKXUUsch6llGA0EaCbGcFazkM6tYTRNrWMdarnKYZtazgY185TvXOMs5rvOWdxIrcRIvCZIoSZIsKZIqaZIuGZIpWZznApe5wh0ucom7bOGkZHOTW5IjueyUPMmXAquvtqnBr9lCdQGHw+E1o9OMbofSa+rRlerf41KWtqmH+5WaUlc6lYVKl7JIWawsUf6b5zbV1FxNs9cEfKFgdVVlo9980g1Tl2EpDwXr24PLKGvT8Jh7hNX/AtbOnHEAeNpFzqsOwkAQBdDdlr7pu6SKpOjVCIKlNTUETJuQ4JEILBgkWBzfMEsQhA/iN8qUbhc3507mZl60OQO9kBLMZcUpvda80Fk1gaAuIVnhcKrHoLNNRUDNclDZAqwsfxOV+kRhP5tZ/rC4gIEwdwI6wlgLaAh9LjBAaB8Buyv0+kIHl/ZNYIhw0g4UXPFDiKn7VBhXiwMyQIZbSR8ZTCW9tt+nMyKTqE3cY/NPYjyJ7pIJMt5LjpBJ2rOGhH0Bs3VX7QAAAAABVym5yAAA) format("woff");
  font-weight: normal;
  font-style: normal;
}

/*  Links  */
.joint-link.joint-theme-material .connection-wrap {
  stroke: #000000;
  stroke-width: 15;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  cursor: move;
}

.joint-link.joint-theme-material .connection-wrap:hover {
  opacity: 0.4;
  stroke-opacity: 0.4;
}

.joint-link.joint-theme-material .connection {
  stroke-linejoin: round;
}

.joint-link.joint-theme-material .link-tools .tool-remove circle {
  fill: #c64242;
}

.joint-link.joint-theme-material .link-tools .tool-remove path {
  fill: #ffffff;
}

/* <circle> element inside .marker-vertex-group <g> element */
.joint-link.joint-theme-material .marker-vertex {
  fill: #d0d8e8;
}

.joint-link.joint-theme-material .marker-vertex:hover {
  fill: #5fa9ee;
  stroke: none;
}

.joint-link.joint-theme-material .marker-arrowhead {
  fill: #d0d8e8;
}

.joint-link.joint-theme-material .marker-arrowhead:hover {
  fill: #5fa9ee;
  stroke: none;
}

/* <circle> element used to remove a vertex */
.joint-link.joint-theme-material .marker-vertex-remove-area {
  fill: #5fa9ee;
}

.joint-link.joint-theme-material .marker-vertex-remove {
  fill: white;
}

/*  Links  */
/*  Links  */
.joint-link.joint-theme-modern .connection-wrap {
  stroke: #000000;
  stroke-width: 15;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  cursor: move;
}

.joint-link.joint-theme-modern .connection-wrap:hover {
  opacity: 0.4;
  stroke-opacity: 0.4;
}

.joint-link.joint-theme-modern .connection {
  stroke-linejoin: round;
}

.joint-link.joint-theme-modern .link-tools .tool-remove circle {
  fill: #ff0000;
}

.joint-link.joint-theme-modern .link-tools .tool-remove path {
  fill: #ffffff;
}

/* <circle> element inside .marker-vertex-group <g> element */
.joint-link.joint-theme-modern .marker-vertex {
  fill: #1abc9c;
}

.joint-link.joint-theme-modern .marker-vertex:hover {
  fill: #34495e;
  stroke: none;
}

.joint-link.joint-theme-modern .marker-arrowhead {
  fill: #1abc9c;
}

.joint-link.joint-theme-modern .marker-arrowhead:hover {
  fill: #f39c12;
  stroke: none;
}

/* <circle> element used to remove a vertex */
.joint-link.joint-theme-modern .marker-vertex-remove {
  fill: white;
}

/*  Links  */
.joint-paper > svg,
.joint-paper-background,
.joint-paper-grid {
  left: -100px;
}

.active.joint-cell [joint-selector="body"],
.active.joint-cell [joint-selector="line"] {
  z-index: 10;
}

.joint-port {
  visibility: hidden;
}

#minimap-container {
  position: relative;
  display: inline-block;
}

#minimap-container .mini-box {
  position: absolute;
  width: 20px;
  height: 11px;
  border-radius: 3px;
  z-index: 1;
}

#minimap-container .mini-box.green {
  background-color: #7ec89e;
}

#minimap-container .mini-box.blue {
  background-color: #6cabe2;
}

#minimap-container .mini-box.red {
  background-color: #f27a7e;
}

#minimap-container .mini-box.yellow {
  background-color: #fba926;
}

#minimap-container .mini-box.black {
  background-color: #253342;
}

#minimap-paper {
  position: relative;
  background: #e4e5e9 !important;
}

#minimap-paper * {
  display: none;
}

#minimap-navigator {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  opacity: 0.84;
  border-radius: 2px;
  box-shadow: 0 2px 12px -5px rgba(37, 51, 66, 0.5);
  border: solid 1px #fff;
  z-index: 5;
}

.joint-cell {
  position: absolute;
  z-index: 99;
}

.fake-overlay {
  position: absolute;
  z-index: 6;
  cursor: pointer;
  transition: all 0.5s ease;
}

.fake-overlay:hover {
  box-shadow: 0 2px 25px -3px rgba(37, 51, 66, 0.7);
  transition: all 0.5s ease;
}

.passive-fake-overlay {
  position: absolute;
  z-index: 6;
  cursor: pointer;
  transition: all 0.5s ease;
}

.passive-fake-overlay:hover {
  box-shadow: 0 2px 25px -3px rgba(37, 51, 66, 0.7);
  z-index: 4;
  transition: all 0.5s ease;
}

.passive-fake-overlay:hover + .learning-path-diagram__box:before {
  display: none;
  transition: all 0.5s ease;
}

.passive-fake-overlay:hover + .learning-path-diagram__box .learning-path-diagram__rule::before {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.passive-fake-overlay:hover + .learning-path-diagram__box .learning-path-diagram__content:before {
  position: absolute;
  background-color: #e9eaec;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 45px;
}

.passive-fake-overlay:hover + .learning-path-diagram__box .learning-path-diagram__content__button:before {
  display: block;
}

.passive-fake-overlay:hover + .learning-path-diagram__box .learning-path-diagram__content__button p,
.passive-fake-overlay:hover + .learning-path-diagram__box .learning-path-diagram__content__button i {
  display: none;
}

.passive-fake-overlay:hover + .learning-path-diagram__box .learning-path-diagram__content__button span {
  display: block;
}

/**
 * Elements
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Elements
    ------------------------------------------- **/
.icon-arrow-down:before {
  content: "\EA01";
}

.icon-arrow-down2:before {
  content: "\EA02";
}

.icon-arrow-down3:before {
  content: "\EA03";
}

.icon-arrow-right:before, .certificate-boxes .certificate-box .modal-certificate:after, .sub-menu-content li > a:before, .label-category li.active a:after, .label-category li a:after, .sub-menu-v2-content li > a:before, .label-category-v2 li.active a:after, .label-category-v2 li a:after {
  content: "\EA04";
}

.icon-arrow-up3:before {
  content: "\EA05";
}

.icon-arrow:before {
  content: "\EA06";
}

.icon-clock:before {
  content: "\EA07";
}

.icon-close-bold:before, .certificate-modal-container .uxr-modal-close:before, .media-box__static--canceled:after {
  content: "\EA08";
}

.icon-close:before {
  content: "\EA09";
}

.icon-close2:before {
  content: "\EA0A";
}

.icon-download:before {
  content: "\EA0B";
}

.icon-info:before {
  content: "\EA0C";
}

.icon-left-ok-icon:before, .media-box:before, .ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before {
  content: "\EA0E";
}

.icon-lock:before {
  content: "\EA0F";
}

.icon-menu:before {
  content: "\EA10";
}

.icon-minus:before, .teammates-list__item--has-sub.teammates-list__item--active:before, .learning-operations .table tbody tr.active td .mobile-plus:after {
  content: "\EA11";
}

.icon-plus:before, .teammates-list__item--has-sub:before, .learning-operations .table tbody td:first-child .mobile-plus:after {
  content: "\EA12";
}

.icon-print:before {
  content: "\EA13";
}

.icon-right-arrow:before {
  content: "\EA14";
}

.icon-right-ok-icon:before, .related-accordion__firer:after, .selectbox + .uxr-select-selection .uxr-select-arrow:before, .ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
  content: "\EA15";
}

.icon-search:before {
  content: "\EA16";
}

.icon-sidebar-menus:before {
  content: "\EA17";
}

.icon-check:before, .media-box__static--watched:after, .toast-message-box li.success:after {
  content: "\EA18";
}

.icon-right-next-arrow:before {
  content: "\EA19";
}

.icon-fullscreen:before {
  content: "\EA20";
}

.icon-sandwatch:before, .media-box__static--process:after {
  content: "\EA21";
}

.icon-circle-check:before {
  content: "\EA22";
}

.icon-lock-menu:before {
  content: "\EA23";
}

.icon-logout:before {
  content: "\EA24";
}

.icon-user:before {
  content: "\EA25";
}

.icon-hourglass:before {
  content: "\EA26";
}

.icon-return:before, .media-box__static--return:after {
  content: "\EA27";
}

.icon-bookmark:before {
  content: "\EA28";
}

.icon-persona:before {
  content: "\EA29";
}

.icon-share:before {
  content: "\EA30";
}

.icon-clock2:before {
  content: "\EA31";
}

.icon-arrow-curved:before {
  content: "\EA32";
}

.icon-bookmark-saved:before, .education-library__card .copied-link.active .icon-bookmark:before,
.education-library__card .saved.active .icon-bookmark:before, .copied-link.active .icon-bookmark:before {
  content: "\EA33";
}

.icon-actions-operations-branch:before {
  content: "\EA34";
}

.icon-close-small:before {
  content: "\EA35";
}

.icon-minus-small:before {
  content: "\EA36";
}

.icon-paper-plane:before {
  content: "\EA37";
}

.icon-media-picture:before, .chatbot__message__image:before {
  content: "\EA38";
}

.icon-play:before, .chatbot__message__video:before {
  content: "\EA39";
}

.icon-arrow-left:before, .chatbot__return-messages:before {
  content: "\EA40";
}

.icon-label:before {
  content: "\EA41";
}

.icon-layer:before {
  content: "\EA42";
}

.icon-volume:before {
  content: "\EA43";
}

.icon-refresh:before {
  content: "\EA44";
}

.icon-calendar-event:before {
  content: "\EA45";
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Icons Extend
    ------------------------------------------- **/
[class*="icon-"] {
  display: inline-block;
  font-size: 1em;
  line-height: 1.2;
  vertical-align: middle;
  font-family: "IconFont";
}

.icon-05x {
  font-size: .5rem;
}

.icon-075x {
  font-size: .75rem;
}

.icon-1--5x {
  font-size: 1.5rem;
}

.icon-2x {
  font-size: 2rem;
}

.icon-3x {
  font-size: 3rem;
}

.icon-4x {
  font-size: 4rem;
}

.icon-5x {
  font-size: 5rem;
}

.icon-6x {
  font-size: 6rem;
}

.icon-7x {
  font-size: 7rem;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
img {
  max-width: 100%;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Form
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.form-line {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.form-line-label {
  display: inline-block;
  width: 100%;
  font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 35px;
  font-weight: 600;
  color: #4e4e4e;
}

.form-line-button {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.form-line .passive-msg {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.14px;
  text-align: left;
  color: #c1cbd4;
  margin-bottom: 8px;
}

.login-box {
  display: inline-block;
  width: 100%;
  padding: 40px 30px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px #b5b5b5;
  box-shadow: 0px 3px 5px 0px #b5b5b5;
}

.login-box img {
  border-radius: 6px;
  /* width: 150px;*/
}

.login-box .captcha {
  max-width: 150px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin: 0 auto;
}

.login-box .captcha a {
  border-radius: 10px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  margin-bottom: 5px;
  opacity: 0.5;
  border-radius: 6px;
  background-color: #6a7786;
}

.login-box .captcha a i:before {
  color: #fff;
}

.login-box .captcha a:last-child {
  margin-bottom: 0;
}

.login-box .captcha div {
  display: flex;
  position: absolute;
  right: -50px;
  flex-direction: column;
  top: 8px;
}

.login-box__captcha {
  border-radius: 10px;
  background-color: #e9eaec;
  padding: 20px;
  text-align: center;
  margin-top: 10px;
}

.login-box__captcha .form-line-label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.34px;
  color: #6a7786;
  font-weight: normal;
}

.login-box__captcha .form-line-input {
  max-width: 150px;
  margin: 0 auto;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.form-input {
  display: inline-block;
  width: 100%;
  height: 40px;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
}

input[type='submit'].form-button {
  display: inline-block;
  width: 100%;
  height: 40px;
  font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #011b36;
  background: #ffe001;
  border-radius: 10px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .sort-select-drop {
    left: initial !important;
    right: 10px !important;
  }
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.btn {
  display: inline-block;
  margin: 0 5px;
  padding: 13px 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
}

@media screen and (max-width: 1023px) {
  .btn {
    padding: 10px 20px;
  }
}

.primary-btn {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  background-color: #ffe000;
  color: #333;
}

.second-btn {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  background-color: #4d4d4d;
  color: #fff;
}

.second-btn:focus {
  color: #fff;
}

.default-btn {
  border: 1px solid #707070;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  color: #0b3254;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Aydin Cinar */
/** -------------------------------------------

    ------------------------------------------- **/
/** -------------------------------------------

    ------------------------------------------- **/
.flexible-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.flexible-row.column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flexible-row.space-around {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.flexible-row.space-between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flexible-row.flex-end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flexible-row.flex-start {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flexible-row.vertical-center {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flexible-row.horizontal-center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.flexible-row.vertical-end {
  -ms-flex-align: end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.flexible-row.vertical-start {
  -ms-flex-align: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flexible-row.direction-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flexible-row.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 420px) {
  .flexible-row.mobile-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/**
 * Particules
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Aydin Cinar */
/** -------------------------------------------

    ------------------------------------------- **/
.tag-item {
  font-size: 0.75rem;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 4px 12px;
  float: left;
  border-radius: 20px;
  background: #a6a6a6;
  color: #fff;
  text-decoration: none;
}

.tag-item a {
  color: #fff;
  text-decoration: none;
}

.divider {
  height: 1px;
  margin: 40px 0;
  border: 0;
  background: #c9c9c9;
  box-shadow: none;
}

#tooltip {
  text-align: center;
  color: #fff;
  background: #004994;
  position: absolute;
  z-index: 100;
  padding: 12px;
  font-size: 12px;
  border-radius: 10px;
}

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #004994;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #004994;
  top: -20px;
  bottom: auto;
}

#tooltip.left:after {
  left: 10px;
  margin: 0;
}

#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

/**
 * Components
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.certificatelist-title {
  display: none;
}

@media screen and (max-width: 480px) {
  .certificatelist-title {
    display: block;
    padding: 25px;
    text-align: center;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
  }
  .certificatelist-title.example {
    margin-top: -15px;
    padding: 25px;
    padding-top: 35px;
  }
}

@media screen and (max-width: 480px) {
  .certificatelist-title span {
    font-family: Turkcell-Satura-Bold;
    display: block;
    text-align: center;
    font-size: 1.5625rem;
    text-transform: uppercase;
    color: #4a4a4a;
    line-height: 1.17;
  }
}

.certificate-boxes {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  .certificate-boxes:nth-child(2n) {
    margin-bottom: 0;
  }
}

.certificate-boxes:nth-child(2n) .certificate-box {
  padding-top: 30px;
  border-bottom: none;
}

@media screen and (max-width: 480px) {
  .certificate-boxes:nth-child(2n) .certificate-box {
    border-bottom: solid 1px #e1e1e1;
  }
}

.certificate-boxes .certificate-box {
  position: relative;
  width: 33.3%;
  text-align: center;
  padding: 0 30px 20px;
  border-right: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px 17px;
  }
}

.certificate-boxes .certificate-box .modal-certificate {
  position: relative;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box .modal-certificate {
    display: flex;
    align-items: center;
    width: 100%;
  }
}

.certificate-boxes .certificate-box .modal-certificate:after {
  font-size: 0.75rem;
  position: absolute;
  right: 11px;
  top: 12px;
  color: #4a4a4a;
  font-family: tag;
  opacity: 0;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box .modal-certificate:after {
    opacity: 1;
  }
}

.certificate-boxes .certificate-box:last-child {
  border-right: none;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box:last-child {
    border-right: solid 1px #e1e1e1;
  }
}

.certificate-boxes .certificate-box .modal-disabled {
  cursor: default;
}

.certificate-boxes .certificate-box-img {
  border: solid 2px #4a4a4a;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box-img {
    width: 72px;
    float: left;
  }
}

.certificate-boxes .certificate-box-img img {
  display: block;
}

.certificate-boxes .certificate-box-title {
  font-family: Turkcell-Satura;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #4a4a4a;
  padding-top: 25px;
}

@media screen and (min-width: 481px) and (max-width: 620px) {
  .certificate-boxes .certificate-box-title {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box-title {
    font-size: 0.875rem;
    font-family: Turkcell-Satura-Bold;
    margin-left: 15px;
    text-align: left;
    margin-bottom: 3px;
    padding-top: 0;
  }
}

.certificate-boxes .certificate-box-content {
  display: block;
  font-family: GreycliffCF, sans-serif;
  font-weight: 400;
  font-size: 0.8125rem;
  letter-spacing: -0.4px;
  text-align: center;
  color: #4a4a4a;
  opacity: .4;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box-content {
    font-size: 0.6875rem;
    margin-left: 15px;
  }
}

.certificate-boxes .certificate-box-content:first-child {
  padding-bottom: 7px;
}

@media screen and (max-width: 480px) {
  .certificate-boxes .certificate-box-content:first-child {
    padding-bottom: 0;
  }
}

.certificate-boxes .certificate-box.certificate-display {
  pointer-events: none;
}

.certificate-boxes .certificate-box.certificate-display .certificate-box-img {
  opacity: .5;
}

.certificate-boxes .certificate-box.certificate-display .certificate-box-img img {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
}

.certificate-boxes .certificate-box.certificate-display .certificate-box-title {
  opacity: .5;
}

.certificate-boxes .certificate-box.certificate-display .certificate-box-content {
  opacity: .5;
}

.certificate-modal {
  width: 800px;
  box-sizing: border-box;
  margin: 0 auto;
}

@media screen and (min-width: 481px) and (max-width: 800px) {
  .certificate-modal {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal {
    width: 100%;
    background: #fff;
    height: 100%;
  }
}

.certificate-modal.example {
  margin: 70px auto;
}

.certificate-modal-detail {
  display: none;
  padding: 25px 0;
  text-align: center;
  background: #0b2842;
}

.certificate-modal-detail.mobil-example {
  padding-top: 35px;
}

.certificate-modal-detail span {
  font-family: Turkcell-Satura;
  font-size: 1.125rem;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 480px) {
  .certificate-modal-detail {
    display: block;
  }
}

.certificate-modal-title {
  margin-bottom: 5px;
  padding: 13px;
  background: #122a47;
}

@media screen and (max-width: 560px) {
  .certificate-modal-title {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-title {
    padding: 25px;
    text-align: center;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
  }
  .certificate-modal-title.example {
    margin-top: -15px;
    padding: 25px;
    padding-top: 35px;
  }
}

.certificate-modal-title span {
  font-family: Turkcell-Satura;
  font-size: 0.8125rem;
  padding-right: 5px;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 480px) {
  .certificate-modal-title span {
    color: #4a4a4a;
    line-height: 1.17;
  }
}

.certificate-modal-title span.certificate-modal-title-name {
  font-family: Turkcell-Satura;
  font-size: 0.875rem;
}

@media screen and (max-width: 480px) {
  .certificate-modal-title span.certificate-modal-title-name {
    font-family: Turkcell-Satura-Bold;
    display: block;
    text-align: center;
    font-size: 1.875rem;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-title span.brackets {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-title span.certificate-name {
    display: block;
    text-align: center;
    opacity: .4;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-title .expiry-date span {
    font-family: Turkcell-Satura;
    font-size: 0.8125rem;
    line-height: 1.17;
    color: rgba(74, 74, 74, 0.4);
  }
  .certificate-modal-title .expiry-date span b {
    color: #4a4a4a;
    opacity: 1;
  }
}

.certificate-modal-img {
  position: relative;
  padding: 10px;
}

@media screen and (max-width: 480px) {
  .certificate-modal-img {
    margin: 0 20px;
    padding-top: 40px;
  }
}

.certificate-modal-img img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .certificate-modal-img img {
    display: block;
    width: 100%;
    height: auto;
    border: solid 2px #4a4a4a;
  }
}

.certificate-modal-img .expired {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: Turkcell-Satura-Bold;
  font-size: 2.55rem;
  line-height: 28.56px;
  color: #0d446e;
  padding: 40px 50px;
  background: white;
  border: 7.44px solid #0D446E;
  box-sizing: border-box;
  border-radius: 12.24px;
  transform: rotate(-15deg) translate(-50%, -100%);
  opacity: 0.6;
}

@media screen and (max-width: 480px) {
  .certificate-modal-img .expired {
    font-size: 1.05rem;
    padding: 20px 13px;
    transform: rotate(-15deg) translate(-50%, -50%);
  }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
  .certificate-modal-img .expired {
    font-size: 1.925rem;
    padding: 30px 22px;
  }
}

.certificate-modal-link {
  padding: 10px 10px 20px;
}

@media screen and (max-width: 480px) {
  .certificate-modal-link {
    margin: 0 20px;
  }
}

.certificate-modal-link-url-text {
  font-family: Turkcell-Satura;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: left;
  color: #fff;
}

.certificate-modal-link .modal-bottom {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 480px) {
  .certificate-modal-link .modal-bottom {
    flex-wrap: wrap;
    display: none;
  }
}

.certificate-modal-link .modal-bottom .link-copy {
  position: relative;
  display: flex;
  width: 403px;
}

@media screen and (min-width: 481px) and (max-width: 620px) {
  .certificate-modal-link .modal-bottom .link-copy {
    width: 75%;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-link .modal-bottom .link-copy {
    width: 100%;
  }
}

.certificate-modal-link .modal-bottom .link-copy .icon-info {
  position: absolute;
  right: 80px;
  bottom: 8px;
  font-size: 24px;
  color: #3fb0e8;
}

@media screen and (max-width: 480px) {
  .certificate-modal-link .modal-bottom .link-copy .icon-info {
    right: 67px;
  }
}

.certificate-modal-link .modal-bottom .link-copy .icon-info:before {
  float: left;
}

.certificate-modal-link .modal-bottom .link-copy .icon-info:hover + .tooltip {
  display: block;
}

.certificate-modal-link .modal-bottom .link-copy .tooltip {
  display: none;
  position: absolute;
  right: -47px;
  width: 277px;
  bottom: 55px;
}

@media screen and (max-width: 480px) {
  .certificate-modal-link .modal-bottom .link-copy .tooltip {
    right: 0;
  }
}

.certificate-modal-link .modal-bottom .link-copy .tooltip span {
  display: block;
}

.certificate-modal-link .modal-bottom .link-copy .certificate-modal-link-url {
  width: 332px;
  font-family: GreycliffCF, sans-serif;
  font-size: 11px;
  letter-spacing: -0.4px;
  color: #4a4a4a;
  margin-right: 8px;
  padding-right: 39px;
}

@media screen and (max-width: 620px) {
  .certificate-modal-link .modal-bottom .link-copy .certificate-modal-link-url {
    width: 100%;
  }
}

.certificate-modal-link .modal-bottom .link-copy .form-button {
  font-family: Turkcell-Satura;
  width: 59px;
  padding: 0;
  font-size: 11px;
  border-radius: 0;
  letter-spacing: -0.4px;
}

.certificate-modal-link .modal-bottom .link-copy .form-button:focus {
  outline: none;
}

.certificate-modal-link .modal-bottom .action-modal {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 170px;
  color: #fff;
}

@media screen and (min-width: 481px) and (max-width: 620px) {
  .certificate-modal-link .modal-bottom .action-modal {
    width: 45%;
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-link .modal-bottom .action-modal {
    width: 100%;
    margin: 20px 0;
  }
}

.certificate-modal-link .modal-bottom .action-modal .actions {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.certificate-modal-link .modal-bottom .action-modal .actions a {
  display: flex;
  align-items: center;
  color: #122a47;
}

@media screen and (max-width: 480px) {
  .certificate-modal-link .modal-bottom .action-modal .actions a {
    color: #4a4a4a;
  }
}

.certificate-modal-link .modal-bottom .action-modal .actions [class*="icon-"] {
  float: left;
  font-size: 1.6875rem;
}

.certificate-modal-link .modal-bottom .action-modal .actions span {
  font-family: GreycliffCF, sans-serif;
  padding-left: 9px;
  font-size: 0.6875rem;
}

.tooltip-content {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #9d9d9d;
  padding: 0;
  border-radius: 15px;
}

.tooltip-content span {
  display: block;
  font-family: Helvetica;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 12px;
  letter-spacing: -0.3px;
  background: #f6f6f6;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #4d4d4d;
  box-shadow: 0 0.5px 0 0 rgba(204, 204, 204, 0.4);
  border-bottom: solid 1px #979797;
}

.tooltip-content p {
  font-family: Helvetica;
  font-size: 0.875rem;
  letter-spacing: -0.3px;
  color: #4d4d4d;
  padding: 12px;
}

.tooltip-content .icon-arrow {
  color: #fff;
  position: absolute;
  right: 124px;
  bottom: -20px;
  font-size: 27px;
  filter: drop-shadow(0 1.8px 0 #d4d4d4);
}

@media screen and (max-width: 480px) {
  .tooltip-content .icon-arrow {
    right: 65px;
  }
}

.tooltip-content .icon-arrow:before {
  float: left;
}

.tooltip-arrow {
  display: none;
}

.tooltip-pop {
  top: 505px !important;
  max-width: 277px;
}

.certificate-modal-container {
  padding: 0px;
  background: none;
  box-shadow: none;
}

@media screen and (min-width: 481px) and (max-width: 620px) {
  .certificate-modal-container {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 480px) {
  .certificate-modal-container {
    top: 0;
    transform: translateX(-50%);
    height: 100%;
  }
}

.certificate-modal-container .uxr-modal-content {
  margin-top: 0px;
  overflow-y: hidden !important;
  height: 100% !important;
}

.certificate-modal-container .uxr-modal-loaded-content {
  height: 100% !important;
}

.certificate-modal-container .uxr-modal-close {
  width: 30px !important;
  height: 30px !important;
  top: 8px !important;
  right: 15px !important;
  color: #4a4a4a !important;
  font-weight: 300 !important;
  background: #ccc !important;
  border: 1px solid #ccc !important;
}

@media screen and (max-width: 480px) {
  .certificate-modal-container .uxr-modal-close {
    top: 21px !important;
    left: 20px !important;
    background: transparent !important;
    border: none !important;
  }
}

.certificate-modal-container .uxr-modal-close:before {
  font-family: tag;
  font-size: 15px !important;
  line-height: 28px !important;
  float: left !important;
  position: absolute !important;
  left: 7px !important;
  top: 1px !important;
}

#uxr-modal-overlay {
  opacity: .9 !important;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.main-menu {
  position: absolute;
  left: 0;
  margin-top: 13px;
  font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
  z-index: 1;
}

.main-menu.hide {
  display: none;
}

.main-menu li {
  margin-right: 20px;
  float: left;
}

.main-menu li a {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 600;
}

.main-menu li .mobile-menu-btn {
  width: 45px;
  font-size: 1.875rem;
  margin-left: 15px;
  text-align: center;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.footer-menu li {
  margin-right: 30px;
  float: left;
}

.footer-menu li a {
  color: #fff;
  font-size: 0.875rem;
}

@media screen and (max-width: 769px) {
  .footer-menu li {
    width: 50%;
    margin: 0;
    padding-left: 20px;
    border-right: 1px solid #08172f;
    box-sizing: border-box;
  }
  .footer-menu li:last-child {
    width: 100%;
    border-top: 1px solid #08172f;
    border-right: 0;
    border-bottom: 1px solid #08172f;
  }
  .footer-menu li a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
  }
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.animated-image {
  position: absolute;
  background: center no-repeat;
  background-size: 100% auto;
}

.logo {
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-top: 16px;
  transform: translateX(-50%);
  text-align: center;
  z-index: 5;
  width: 181px !important;
}

@media screen and (max-width: 400px) {
  .logo {
    max-width: 130px;
  }
}

.logo a {
  padding: 0;
  outline: none;
}

.logo-text {
  font-size: 0.875rem;
  color: #fff;
  font-style: italic;
}

.header-banner {
  display: inline-block;
  width: 100%;
  height: 270px;
  float: left;
  background: -webkit-linear-gradient(#072863, #1266fb);
  background: linear-gradient(#072863, #1266fb);
}

.header-banner .swiper-container-single {
  overflow: hidden;
}

.header-banner-first {
  width: 100%;
  height: 100%;
  background: url("../images/banner1.png") no-repeat center center;
  color: #fff;
}

.header-banner-content {
  align-items: center;
  width: 50%;
  height: 270px;
  font-weight: 600;
  font-size: 2.625rem;
  line-height: 1.2;
  box-sizing: border-box;
}

.header-banner-content p {
  width: 100%;
  padding-left: 15px;
}

.header-banner .slider-buttons {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 769px) {
  .header-banner .slider-buttons {
    top: -40px;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
  }
}

.header-banner .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 4px;
  border: 2px solid #fff;
  background: transparent;
  opacity: .5;
}

.header-banner .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

@media screen and (max-width: 769px) {
  .header-banner {
    height: auto;
  }
  .header-banner-first {
    background-position: -250px top;
  }
  .header-banner-content {
    align-items: center;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px;
    font-size: 1.875rem;
    line-height: 1.3;
    text-align: center;
  }
}

.footer-banner {
  display: inline-block;
  width: 100%;
  height: 255px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}

.footer-banner-title {
  width: 60%;
  font-size: 2.25rem;
  margin: 0 20%;
  color: #fff;
  line-height: 1.3;
  text-align: center;
}

.footer-banner .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-size: cover;
}

.swipper1 {
  width: 100%;
  height: 255px;
  border-radius: 10px;
  overflow: hidden;
}

.swipper1 .slider-buttons {
  position: relative;
  margin-top: -50px;
  text-align: center;
  z-index: 999;
}

.swipper1 .swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  border: 1px solid #fff;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
}

.swipper1 .swiper-pagination-bullet-active {
  background: #fff;
}

.slide-first {
  background: url("../images/footer-banner-1.png") no-repeat center center;
}

.slide-second {
  background: url("../images/footer-banner-1.png") no-repeat center center;
}

@media screen and (max-width: 769px) {
  .footer-banner {
    width: 90%;
    height: 200px;
    margin-left: 5%;
  }
  .footer-banner .swipper1 {
    height: 200px;
  }
  .footer-banner-title {
    width: 80%;
    margin: 0 10%;
    font-size: 1.75rem;
    line-height: 1.1;
  }
}

.profile {
  position: relative;
  margin-top: 10px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .profile {
    z-index: 6;
  }
}

.profile-text {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 0.6875rem;
  margin-right: 10px;
  color: #fff;
  font-family: GreycliffCF, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .profile-text {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

.profile-text span {
  font-weight: 500;
  color: #a0a0a0;
}

.profile-text i {
  margin-left: 10px;
}

.profile .notification-bell {
  margin-left: 30px;
  position: relative;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

@media screen and (max-width: 768px) {
  .profile .notification-bell {
    margin-left: 10px;
  }
}

.profile .notification-bell ::-webkit-scrollbar {
  width: 7px;
}

.profile .notification-bell ::-webkit-scrollbar-track {
  background: transparent;
}

.profile .notification-bell ::-webkit-scrollbar-thumb {
  background: #bcd0e0;
}

.profile .notification-bell ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.profile .notification-bell-firer {
  position: relative;
}

.profile .notification-bell-firer span {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  background-color: #ff004e;
  font-size: 10px;
  color: #fff;
}

.profile .notification-bell-drop {
  position: absolute;
  width: 275px;
  top: calc(100% + 10px);
  right: -21px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 22px 5px 22px 15px;
  display: none;
}

@media screen and (max-width: 768px) {
  .profile .notification-bell-drop {
    right: 0;
  }
}

.profile .notification-bell-drop:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 5px 6px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -5px;
  right: 30px;
}

.profile .notification-bell-drop ul {
  max-height: 650px;
  overflow-y: auto;
  padding-right: 5px;
}

.profile .notification-bell-drop ul li:not(:first-child) {
  border-top: 1px solid #ECECEC;
}

.profile .notification-bell-drop ul a {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.31px;
  text-align: left;
  color: #0b3254;
  padding: 9.5px 0;
  display: block;
}

.profile .notification-bell-bottom {
  padding-right: 10px;
  text-align: right;
}

.profile .notification-bell-bottom a {
  text-align: right;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.26px;
  text-align: left;
  color: #0b3254;
  display: inline-block;
  padding-top: 20px;
  text-decoration: underline;
}

.profile .notification-bell.drop-active .notification-bell-drop {
  display: block;
}

.profile .profile-select-js.active .icon-arrow-down {
  transform: rotate(180deg) translateY(3px);
}

.profile .profile-icon {
  z-index: 2;
}

.profile-photo {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ccc;
  position: relative;
}

.profile-photo a {
  width: 100%;
  height: 100%;
  color: #333;
  border-radius: 50%;
}

.profile-photo a:before {
  content: '';
  border-radius: 50%;
  width: 100%;
  font-family: GreycliffCF, sans-serif;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 45px;
  font-weight: bold;
  line-height: 54px;
  letter-spacing: 0;
  text-align: center;
  line-height: 50px;
  color: #ff004e;
}

.profile-photo img {
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

.profile-photo--unknown a {
  border: solid 1px #707070;
}

.profile-photo--unknown a:before {
  background: url("../images/soru-isareti.png") no-repeat center center;
  background-color: #fff;
}

.profile-photo--danger a {
  border: solid 1px #ff004e;
}

.profile-photo--danger a:before {
  background: url("../images/cross-red.png") no-repeat center center;
  background-color: #fff;
}

.profile-photo--time a {
  border: solid 1px #ffc828;
}

.profile-photo--time a:before {
  background: url("../images/sand-clock.png") no-repeat center center;
  background-color: #fff;
}

.profile-icon {
  display: inline-block;
  position: absolute;
  right: -3px;
  bottom: -2px;
  width: 22px;
  height: 22px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #ffe000;
  line-height: 21px;
  text-align: center;
}

.profile-icon i {
  font-size: 10px;
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
}

.profile__select {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  min-width: 265px;
  position: absolute;
  right: 0;
  top: 53px;
  display: none;
  z-index: 99;
}

@media screen and (max-width: 767px) {
  .profile__select {
    right: 0;
    left: initial;
  }
}

.profile__select__selected {
  font-family: TurkcellSatura-Demi;
  font-size: 16px;
  color: #9d9d9d;
  padding: 14px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
}

.profile__select__selected i {
  color: #5c5c5c;
}

.profile__select__selected i:before {
  font-size: 18px;
  float: left;
}

.profile__select__list .checkbox label {
  padding-left: 0;
  font-family: TurkcellSatura-Demi;
  font-size: 16px;
  color: #4d4d4d;
  width: 100%;
  cursor: pointer;
}

.profile__select__list .checkbox label:before {
  left: initial;
  right: 0;
  margin-right: 0;
}

.profile__select__list .checkbox label:after {
  left: initial;
  right: 4px;
}

.profile__select__list > div {
  border-bottom: 1px solid #e5e5e5;
  padding: 13px 15px;
}

.profile__select.domain .profile__select__selected {
  color: inherit;
  display: block;
}

.profile__select.domain div {
  cursor: pointer;
}

.profile__select.domain div.kvkk {
  margin-left: 26px;
  text-decoration: underline;
}

.profile__select.domain i {
  margin-right: 5px;
}

.profile__select.domain i:before {
  color: #37afea;
}

.readiness {
  position: absolute;
  top: -270px;
  right: 0;
  width: 300px;
  height: 140px;
  padding: 50px 30px 30px;
  border-radius: 10px;
  background: #011d33;
  z-index: 1;
  box-sizing: border-box;
}

.readiness-png {
  display: none;
}

.readiness.none {
  height: 100px;
}

.readiness.none .readiness-title:after {
  content: ' (YOK)';
  display: inline-block;
  color: #b8fa8c;
  font-weight: 500;
}

.readiness.none .readiness-title span,
.readiness.none .readiness-title .readiness-arrow {
  display: none;
}

.readiness.none .readiness-content-bar {
  display: none;
}

.readiness a {
  width: 100%;
}

.readiness-title {
  font-size: 1.3125rem;
  color: #fff;
  font-weight: 600;
}

.readiness-title span {
  color: #b8fa8c;
  font-weight: 500;
}

.readiness-arrow {
  float: right;
  color: #ffe000;
  font-weight: 600;
}

.readiness-content-bar {
  position: relative;
  margin-top: 10px;
}

.readiness-content-bar img {
  height: 100%;
}

.readiness-content-bar.percent-0 {
  height: 70%;
  border: 1px solid #ccc;
  border-radius: 50px;
}

.readiness-content-bar.percent-0 img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.readiness-content-bar.percent-5 .readiness-bar {
  width: 95%;
}

.readiness-content-bar.percent-10 .readiness-bar {
  width: 90%;
}

.readiness-content-bar.percent-15 .readiness-bar {
  width: 85%;
}

.readiness-content-bar.percent-20 .readiness-bar {
  width: 80%;
}

.readiness-content-bar.percent-25 .readiness-bar {
  width: 75%;
}

.readiness-content-bar.percent-30 .readiness-bar {
  width: 70%;
}

.readiness-content-bar.percent-35 .readiness-bar {
  width: 65%;
}

.readiness-content-bar.percent-40 .readiness-bar {
  width: 60%;
}

.readiness-content-bar.percent-45 .readiness-bar {
  width: 55%;
}

.readiness-content-bar.percent-50 .readiness-bar {
  width: 50%;
}

.readiness-content-bar.percent-55 .readiness-bar {
  width: 45%;
}

.readiness-content-bar.percent-60 .readiness-bar {
  width: 40%;
}

.readiness-content-bar.percent-65 .readiness-bar {
  width: 35%;
}

.readiness-content-bar.percent-70 .readiness-bar {
  width: 30%;
}

.readiness-content-bar.percent-75 .readiness-bar {
  width: 25%;
}

.readiness-content-bar.percent-80 .readiness-bar {
  width: 20%;
}

.readiness-content-bar.percent-85 .readiness-bar {
  width: 15%;
}

.readiness-content-bar.percent-90 .readiness-bar {
  width: 10%;
}

.readiness-content-bar.percent-95 .readiness-bar {
  width: 5%;
}

.readiness-bar {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #011d33;
}

@media screen and (max-width: 769px) {
  .readiness {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 0;
  }
}

@media screen and (max-width: 375px) {
  .readiness-bar {
    height: 35px;
  }
}

@media screen and (max-width: 320px) {
  .readiness-bar {
    height: 29px;
  }
}

.mobile-menu-offside {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  z-index: 999999;
  opacity: 0;
  display: none;
}

.mobile-menu-offside.active {
  display: block;
}

.sub-menu {
  position: absolute;
  height: 36px;
  width: 100%;
  top: 114px;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  line-height: 36px;
  z-index: 99;
}

.sub-menu > .container {
  display: flex;
  max-width: 1200px;
  justify-content: center;
  width: 100%;
}

.sub-menu-content {
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
  margin-right: 15px;
}

.sub-menu-content::-webkit-scrollbar-track {
  box-shadow: none !important;
  background-color: transparent;
}

.sub-menu-content::-webkit-scrollbar {
  width: 3px !important;
  background-color: transparent;
}

.sub-menu-content::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.sub-menu-content li {
  font-weight: 300;
  padding: 0 20px;
  display: block;
  align-items: center;
  justify-content: left;
}

.sub-menu-content li > a {
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: normal;
  color: #7b7b7b;
  white-space: nowrap;
  width: 100%;
}

.sub-menu-content li > a:before {
  display: none;
  font-size: 0.75rem;
  position: absolute;
  right: 7px;
  top: 0px;
  margin-right: 10px;
  color: #fff;
  font-family: tag;
}

.sub-menu-content li:hover > a {
  position: relative;
  color: #7b7b7b;
  font-weight: bold;
}

.sub-menu-content li:hover > a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 4px;
  top: 33px;
  background: #37aeea;
}

.sub-menu-content li:hover > .sub-menu__items {
  display: block;
}

.sub-menu__items {
  display: none;
  position: absolute;
  top: 36px;
  max-width: 230px;
  width: 100%;
  background-color: #fff;
  box-shadow: -4px 6px 9px 0 rgba(11, 50, 84, 0.25);
  border: solid 1px #e8f0f4;
}

.sub-menu__items li {
  position: relative;
  padding: 0;
  padding-left: 9px;
}

.sub-menu__items li:nth-child(odd) {
  background-color: rgba(188, 208, 224, 0.21);
}

.sub-menu__items li > a {
  line-height: 1.3;
  color: #0b3254;
  font-size: 13px;
  padding: 13px 0px;
}

.sub-menu__items li:hover {
  background-color: #bcd0e0;
}

.sub-menu__items li:hover > a {
  color: #0b3254;
}

.sub-menu__items li:hover > a:after {
  content: none;
}

.sub-menu__items li:hover > .sub-menu__items-list {
  display: block;
}

.sub-menu__items:hover-list {
  display: block;
}

.sub-menu__items-list {
  display: none;
  min-width: 270px;
  width: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #fff;
  box-shadow: 4px 6px 9px 0 rgba(11, 50, 84, 0.25);
  border: solid 1px #e8f0f4;
}

@media screen and (max-width: 768px) {
  .sub-menu__items-list {
    min-width: auto;
    position: initial;
    width: calc(100% - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
    margin: 0 0 0 auto;
  }
}
.labels {
  display: inline-block;
  width: 100%;
  height: 70px;
  background: #f6f6f6;
  line-height: 70px;
}

.labels.mobile-labels {
  display: none;
}

.labels > .container {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 30px);
}

.labels.no-slider {
  height: 44px;
  line-height: 44px;
}

.labels .search {
  cursor: pointer;
}

.label-category {
  font-family: GreycliffCF, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .label-category {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .label-category::-webkit-scrollbar-track {
    box-shadow: none !important;
    background-color: transparent;
  }
  .label-category::-webkit-scrollbar {
    width: 3px !important;
    background-color: transparent;
  }
  .label-category::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
}
.label-category.push-sides {
  padding: 0 75px;
}

.label-category li {
  display: inline-block;
}

.label-category li.mobile-menu {
  display: none;
}

.label-category li.active a:after {
  display: none;
  font-size: 0.75rem;
  position: absolute;
  right: 7px;
  top: 0px;
  color: #ffe000;
  font-family: tag;
}

.label-category li a {
  position: relative;
  margin: 0 20px;
  color: #4a4a4a;
  font-size: 0.875rem;
  font-weight: normal;
}

.label-category li a:after {
  display: none;
  font-size: 0.75rem;
  position: absolute;
  right: 7px;
  top: 0px;
  color: #fff;
  font-family: tag;
}

.label-category li a:hover {
  color: #3fb0e8;
}

.label-category li a.active {
  color: #3fb0e8;
}

.label-category.mobile-slider {
  display: flex;
  background: #f6f6f6;
}

.label-category.mobile-slider li a {
  color: #4a4a4a;
}

.label-category.mobile-slider li a:after {
  display: none;
}

.education-box {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.education-box .swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: inherit;
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
}

@media screen and (min-width: 769px) {
  .education-box .swiper-container-multirow > .swiper-wrapper {
    transform: inherit !important;
  }
}

.education-box .swiper-slide {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
}

.education-box .swiper-slide:nth-child(even) {
  background: #f6f6f6;
}

.education-box .swiper-slide .education-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 769px) {
  .education-box .swiper-slide .education-item {
    display: inline-block;
  }
}

.education-box .swiper-slide .education-item:hover {
  width: 100%;
  background: #e6e6e6;
}

@media screen and (max-width: 769px) {
  .education-box .swiper-slide .education-item:hover {
    background: transparent;
  }
}

.education-box .swiper-slide .education-wait-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 769px) {
  .education-box .swiper-slide .education-wait-item {
    display: inline-block;
    width: 100%;
  }
}

.education-box .swiper-slide .education-wait-item .education-list-title {
  width: calc(100% - 145px);
}

@media screen and (max-width: 769px) {
  .education-box .swiper-slide .education-wait-item .education-list-title {
    width: 100%;
  }
}

.education-box .swiper-wrapper {
  display: inline-block;
}

@media screen and (min-width: 769px) {
  .education-box .swiper-wrapper {
    transform: none !important;
  }
}

.education-box .swiper-buttons {
  display: none;
}

.education-box-title {
  width: 100%;
  height: 50px;
  font-size: 1.125rem;
  background: #3fb0e8;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
}

.education-box-content {
  padding-left: 5px;
  border: 1px solid #f5f5f5;
}

.education-list {
  width: 100%;
  max-height: 216px;
  padding: 2px;
  float: left;
  border: 1px solid #f1f1f1;
  font-family: GreycliffCF, sans-serif;
  overflow-y: auto;
}

.education-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.education-list::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.education-list::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.education-list::-webkit-scrollbar-track {
  background-color: #ccc;
}

.education-list::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

@media screen and (max-width: 769px) {
  .education-list {
    max-height: initial;
    overflow: initial;
  }
}

.education-list::-webkit-scrollbar {
  left: -20px;
  margin: 5px;
  padding: 20px;
}

.education-list::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  background-clip: padding-box;
}

.education-list li {
  width: 100%;
  height: 50px;
  margin-bottom: -1px;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  line-height: 50px;
}

.education-list li:nth-child(even) {
  background: #f6f6f6;
}

.education-list-img {
  display: inline-block;
  width: 65px;
  height: 50px;
  float: left;
}

.education-list-img img {
  width: 65px;
  height: 50px;
  max-width: inherit;
}

.education-list-title {
  display: inline-block;
  width: calc(100% - 375px);
  padding: 0 15px;
  font-size: 0.875rem;
  color: #011d33;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.education-list-date {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 200px;
  height: 50px;
  padding: 0 15px;
  font-size: 0.8125rem;
  border-right: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  color: #999;
  line-height: 50px;
  box-sizing: border-box;
}

@media screen and (max-width: 769px) {
  .education-list-date {
    width: 100%;
    line-height: 1.2;
  }
}

.education-list-label {
  width: 110px;
  font-size: 0.8125rem;
  padding: 0 5px;
  text-align: center;
  font-weight: 600;
  overflow: hidden;
  box-sizing: border-box;
}

.education-list-cancel-button {
    width: 30px;
    height: 50px;
    font-size: 0.8125rem;
    padding: 0;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    box-sizing: border-box;
    border-left: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.education-list-label.required {
  color: #f27c75;
}

.education-list-label.optional {
  color: #3fb0e8;
}

.education-list-btn {
  width: 145px;
  height: 50px;
  padding: 0 10px;
  float: right;
  font-size: 0.875rem;
  background: #ffe000;
  color: #011d33;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

@media screen and (max-width: 769px) {
  .education-box {
    width: 94%;
    margin-left: 3%;
  }
  .education-box .swiper-container {
    border-radius: 0 0 10px 10px;
  }
  .education-box .swiper-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .education-box .swiper-slide {
    height: 230px;
    padding: 10px 0;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    box-sizing: border-box;
  }
  .education-box .swiper-buttons {
    display: inline-block;
    width: 100%;
    height: 50px;
    float: left;
    background: #f8f8f8;
  }
  .education-box .swiper-pagination {
    width: 100%;
    margin-top: 12px;
  }
  .education-box .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 3px;
  }
  .education-box .swiper-button-prev {
    top: auto;
    margin-top: 4px;
    background: none;
    font-size: 25px;
    font-weight: 600;
  }
  .education-box .swiper-button-next {
    top: auto;
    margin-top: 4px;
    background: none;
    font-size: 25px;
    font-weight: 600;
  }
  .education-box {
    width: 94%;
    margin-left: 3%;
  }
  .education-box .swiper-container {
    border-radius: 0 0 10px 10px;
  }
  .education-box .swiper-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .education-box .swiper-slide {
    height: 230px;
    padding: 10px 0;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    box-sizing: border-box;
  }
  .education-box .swiper-buttons {
    display: inline-block;
    width: 100%;
    height: 50px;
    float: left;
    background: #f8f8f8;
  }
  .education-box .swiper-pagination {
    width: 100%;
    margin-top: 12px;
  }
  .education-box .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 3px;
  }
  .education-box .swiper-button-prev {
    top: auto;
    margin-top: 4px;
    background: none;
    font-size: 25px;
    font-weight: 600;
  }
  .education-box .swiper-button-next {
    top: auto;
    margin-top: 4px;
    background: none;
    font-size: 25px;
    font-weight: 600;
  }
  .education-list {
    width: 100%;
    max-height: none;
  }
  .education-list li {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 15px 0;
    border-right: 1px solid #f1f1f1;
    text-align: center;
  }
  .education-list li:nth-child(even) {
    background: #fff;
  }
  .education-list li:nth-child(2n+0) {
    border-left: 0;
  }
  .education-list-img {
    width: 80px;
    height: 80px;
    float: none;
  }
  .education-list-img img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .education-list-title {
    width: 100%;
    line-height: 1.3;
  }
  .education-list-date {
    border: 0;
  }
  .education-list-btn {
    margin-top: 15px;
    float: none;
  }
}

.education-result-box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 30px;
  padding: 3px;
  float: left;
  background: #011d33;
}

.education-result-box .uxr-collapsible-current .education-result-title i {
  vertical-align: bottom;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.education-result-title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #ffffff;
  padding: 23px 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.education-result-title.title--link {
  padding: 0px;
}

.education-result-title a {
  width: 100%;
  color: #ffffff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 23px 10px;
}

.education-result-title a:hover {
  color: #FFF;
}

.education-result-title .education-result-tab-content a:hover {
  color: #011d33;
}

.education-result-title a:hover > .title-text {
  text-decoration: underline;
}

.education-result-title i {
  margin-right: 6px;
  vertical-align: top;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.education-result-value {
  color: #3ac0c8;
  padding-right: 18px;
  text-decoration: none;
}

.education-result-point {
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffffff;
  padding-right: 4px;
}

.education-result-point b {
  font-size: 1rem;
  font-weight: normal;
  color: #9f9f9f;
}

.education-result-tab-content {
  background: #FFF;
  border-bottom-left-radius: 7.4px;
  border-bottom-right-radius: 7.4px;
  padding: 0px !important;
}

.education-result-tab-content > div {
  padding: 20px 0 20px 0;
}

.education-result-tab-content .result-button {
  width: 230px;
  height: 44px;
  line-height: 44px;
  background-color: #ffe000;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-size: 1rem;
  text-align: center;
  color: #4d4d4d;
  display: block;
  margin: 10px auto 0 auto;
}

.education-result-texts {
  background-color: #EEF8FC;
}

.education-result-text {
  padding: 9px 10px 9px 10px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #BFE5F6;
}

.education-result-text:first-child {
  border-top: 0;
}

.education-result-text__title {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #4d4d4d;
}

.education-result-text__value {
  font-size: 1.125rem;
  color: #4d4d4d;
  white-space: nowrap;
  width: 125px;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: right;
}

.education-result-text__value b {
  display: inline-block;
  margin-right: 3px;
}

.education-result-progress {
  padding-left: 10px;
  padding-bottom: 18px;
}

.education-result-progress-title {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #4d4d4d;
}

.education-result-progress-bar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.education-result-progress-bar > div {
  width: calc(100% - 125px);
  height: 26px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  background: #e5e9ec;
}

.education-result-progress-bar > div span {
  display: block;
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
}

.education-result-progress-bar > div.blue span {
  background-color: #1f479e;
  border-bottom: 2px solid #153577;
}

.education-result-progress-bar > div.yellow span {
  background-color: #feca30;
  border-bottom: 2px solid #E58D47;
}

.education-result-progress-bar > div.cyan span {
  background-color: #01C4E0;
  border-bottom: 2px solid #0D808F;
}

.education-result-progress-bar > div.purple span {
  background-color: #7400e3;
  border-bottom: 2px solid #673456;
}

.education-result-progress-bar > span {
  font-size: 1.125rem;
  color: #4d4d4d;
  white-space: nowrap;
  width: 125px;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: right;
}

.education-result-progress-bar > span b {
  font-weight: bold;
  font-size: 1.25rem;
}

@media screen and (max-width: 769px) {
  .education-result-box {
    width: 94%;
    margin-left: 3%;
  }
  .education-result-list {
    width: 100%;
  }
}

.education-select-box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 30px;
  padding: 20px 20px 10px 20px;
  float: left;
  background: #011d33;
}

.education-select-title {
  margin-bottom: 10px;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.education-select-list {
  display: inline-block;
  width: 100%;
  float: left;
  font-family: GreycliffCF, sans-serif;
}

.education-select-list li {
  width: 100%;
  float: left;
}

.education-select-list li a {
  display: inline-block;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  padding: 13px 20px;
  background: #ffe000;
  color: #011d33;
  font-weight: 600;
}

@media screen and (max-width: 769px) {
  .education-select-box {
    width: 90%;
    margin-left: 5%;
  }
  .education-select-list {
    width: 100%;
  }
}

.tips {
  display: inline-block;
  width: 100%;
  border: 1px solid #f1f1f1;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.tips-title {
  font-size: 1.125rem;
  height: 50px;
  background: #ffe000;
  color: #011d33;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
}

.tips-content {
  display: inline-block;
  position: relative;
  font-size: 0.875rem;
  width: 100%;
  height: 135px;
  padding: 15px 25px 40px;
  color: #999;
  font-family: GreycliffCF, sans-serif;
  font-style: italic;
  line-height: 23px;
  overflow: hidden;
}

.tips-content .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #fff;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  box-shadow: 0 -10px 20px 2px #fff;
  font-size: 0.75rem;
  cursor: pointer;
}

.tips-content-auto {
  height: auto;
}

.tips-content.open-text {
  white-space: inherit;
}

@media screen and (max-width: 769px) {
  .tips {
    width: 90%;
    margin-left: 5%;
  }
}

.mobile-menu-content {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 4;
}

.mobile-menu-content a {
  width: 100%;
}

.mobile-menu-content .menu-close {
  position: absolute;
  top: 25px;
  left: 25px;
  color: #fff;
  font-size: 25px;
  font-weight: 900;
}

.mobile-menu-content .profile {
  display: block;
  width: 100%;
  margin: 120px auto 50px;
  text-align: center;
}

.mobile-menu-content .profile-photo {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0;
  border: 3px solid #ffe000;
}

.mobile-menu-content .profile-text {
  margin: 10px 0;
  font-size: 14px;
}

.mobile-menu-content .profile-icon {
  display: inline-block;
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffe000;
}

.mobile-menu-content .mobile-menu {
  width: 100%;
}

.mobile-menu-content .mobile-menu li {
  width: 100%;
  float: left;
}

.mobile-menu-content .mobile-menu-link {
  display: inline-block;
  width: 100%;
  height: 60px;
  margin-bottom: -1px;
  border-top: 1px solid #333537;
  border-bottom: 1px solid #333537;
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
}

.login-wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
}

@media screen and (max-width: 420px) {
  .login-wrapper {
    width: 90%;
  }
}

.login-header {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.login-header .logo {
  position: relative;
  left: auto;
  transform: inherit;
}

.login-footer {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  font-size: 0.875rem;
  color: #4e4e4e;
  text-align: center;
}

.login-box {
  display: inline-block;
  width: 100%;
  padding: 40px 30px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px #b5b5b5;
  box-shadow: 0px 3px 5px 0px #b5b5b5;
}

.my-education-tabs .education-mobile-tab {
  display: none;
}

.my-education-tabs > .resp-tabs-container {
  overflow: hidden;
}

.my-education-tabs > .resp-tabs-container > h2.resp-accordion {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  width: 100%;
  height: 50px;
  font-size: 1.125rem;
  background: #3fb0e8;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  padding-left: 22px;
  text-transform: uppercase;
}

.my-education-tabs > .resp-tabs-container > h2.resp-accordion .count {
  vertical-align: 1px;
  margin-left: 10px;
}

.my-education-tabs > .resp-tabs-container > h2.resp-accordion .icon-plus {
  margin-right: 15px;
}

.my-education-tabs > .resp-tabs-container > h2.resp-accordion.resp-tab-active {
  margin: 0px;
}

.my-education-tabs > .resp-tabs-container > h2.resp-accordion.resp-tab-active .icon-plus:before {
  content: "\EA05";
}

.my-education-tabs > .resp-tabs-container > .resp-tab-content {
  margin-bottom: 40px;
}

.resp-tab-content {
  display: none;
}

.year-tabs > .resp-tabs-container {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e2e2;
  border-top: 0px;
}

.year-tabs > .resp-tabs-container > h2.resp-accordion {
  cursor: pointer;
  color: #585858;
  font-size: 0.9375rem;
  font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
  font-weight: bold;
  box-shadow: 0px 1px 0 0 #e2e2e2;
  border-left: 1px solid white;
  height: 40px;
  line-height: 40px;
  padding-left: 33px;
  margin: 0px;
}

.year-tabs > .resp-tabs-container > h2.resp-accordion.resp-tab-active {
  border-left: 1px solid #979797;
}

.education-sort-properties {
  display: flex;
  color: #2E9DE3;
  font-size: 0.5625rem;
  font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
  font-weight: bold;
  background-color: #EAF6FD;
  height: 30px;
  line-height: 30px;
  padding-right: 8px;
}

.education-sort-properties .sort-btn {
  cursor: pointer;
}

.education-sort-properties .sort-btn[data-type="desc"] .icon-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.education-sort-properties .sort-btn span {
  vertical-align: middle;
}

.education-sort-properties .sortable-title {
  flex: 1 1 280px;
  text-align: center;
}

.education-sort-properties .sortable-title > div {
  padding-left: 10px;
  padding-right: 10px;
}

.education-sort-properties .sortable-performance {
  flex: 0 0 98px;
  text-align: center;
}

.education-sort-properties .sortable-date {
  flex: 0 0 96px;
  text-align: center;
}

.education-sort-properties .sortable-date2 {
  flex: 0 0 96px;
  text-align: center;
}

.education-sort-properties .sortable-management {
  flex: 0 0 108px;
  text-align: center;
}

.education-sort-properties .sortable-criterion {
  flex: 0 0 110px;
  text-align: center;
}

.education-sort-properties .sortable-status {
  flex: 0 0 96px;
  text-align: center;
}

.education-sort-properties .sortable-time {
  flex: 0 0 96px;
  text-align: center;
}

.education-sort-properties .sortable-point {
  flex: 0 0 40px;
  text-align: center;
}

.education-collapsible-list {
  width: 100%;
  max-height: 202px;
  border: 1px solid #f1f1f1;
  font-family: GreycliffCF, sans-serif;
  overflow-y: auto;
}

.education-collapsible-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.education-collapsible-list::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.education-collapsible-list::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.education-collapsible-list::-webkit-scrollbar-track {
  background-color: #ccc;
}

.education-collapsible-list::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.education-collapsible-list::-webkit-scrollbar {
  left: -20px;
  margin: 5px;
  padding: 20px;
}

.education-collapsible-list::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  background-clip: padding-box;
}

.education-collapsible-list-img {
  height: 50px;
}

.education-collapsible-list .education-collapsible-item:nth-child(even) {
  background: #F5F5F5;
}

.education-collapsible-list .education-collapsible-item > span:not(.education-collapsible-list-title) {
  font-size: 0.6875rem;
  color: #7F7F7F;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  box-shadow: inset 1px 0px 0 0 #ccc;
  align-items: center;
  display: flex;
}

.education-collapsible-list .education-collapsible-item > span:not(.education-collapsible-list-title) > div {
  width: 100%;
  text-align: center;
}

.education-collapsible-list-img {
  flex: 0 0 65px;
}

.education-collapsible-list-img img {
  width: 65px;
  height: 50px;
  max-width: inherit;
}

.education-collapsible-list-title {
  padding: 0 15px;
  font-size: 0.75rem;
  color: #011d33;
  font-weight: 600;
  line-height: 1.2;
  flex: 1 1 215px;
  box-shadow: inset 1px 0px 0 0 #ccc;
  align-items: center;
  display: flex;
}

.education-collapsible-list-title > div {
  width: 100%;
}

.education-collapsible-list-title small {
  display: block;
  font-weight: normal;
  color: #7F7F7F;
  line-height: 1.2em;
  margin-top: 3px;
  flex: 0 0 100%;
}

.education-collapsible-list-performance {
  flex: 0 0 98px;
  text-align: center;
}

.education-collapsible-list-date {
  flex: 0 0 96px;
  text-align: center;
}

.education-collapsible-list-date2 {
  flex: 0 0 96px;
  text-align: center;
}

.education-collapsible-list-management {
  flex: 0 0 108px;
  text-align: center;
}

.education-collapsible-list-criterion {
  flex: 0 0 110px;
  text-align: center;
}

.education-collapsible-list-status {
  flex: 0 0 96px;
  text-align: center;
}

.education-collapsible-list-time {
  flex: 0 0 96px;
  text-align: center;
}

.education-collapsible-list-point {
  flex: 0 0 40px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .my-education-tabs .education-sort-properties {
    display: none;
  }
  .my-education-tabs .count {
    display: none;
  }
  .my-education-tabs > .resp-tabs-container > h2.resp-accordion {
    display: none !important;
  }
  .my-education-tabs > .resp-tabs-list {
    display: flex !important;
    background-color: #F6F6F6;
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .my-education-tabs > .resp-tabs-list .icon-plus {
    display: none;
  }
  .my-education-tabs > .resp-tabs-list li {
    font-size: 0.8125rem;
    color: #123857;
    font-family: "Turkcell-Satura-Bold";
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
  }
  .my-education-tabs > .resp-tabs-list li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #02314F;
    left: 0px;
    bottom: 2px;
  }
  .my-education-tabs > .resp-tabs-list li.resp-tab-active {
    color: #2E9DE3;
  }
  .my-education-tabs > .resp-tabs-list li.resp-tab-active:after {
    background-color: #2E9DE3;
  }
  .my-education-tabs .education-mobile-tab {
    display: block;
  }
  .my-education-tabs .mobile-collapsible-content {
    background-color: #ECF7FD;
    font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
    font-size: 0.75rem;
    padding-bottom: 35px;
    padding-top: 30px;
  }
  .my-education-tabs .mobile-collapsible-content table {
    width: 320px;
    margin: 0px auto;
  }
  .my-education-tabs .mobile-collapsible-content table td {
    padding: 0px;
    padding-left: 12px;
  }
  .my-education-tabs .mobile-collapsible-content table b {
    color: #123857;
    font-weight: bold;
  }
  .my-education-tabs .mobile-collapsible-content table .optionally {
    color: #45B5E1;
  }
  .my-education-tabs .mobile-collapsible-content .education-buttons {
    text-align: center;
    margin-top: 20px;
  }
  .my-education-tabs .mobile-collapsible-content .education-buttons a {
    width: 105px;
    height: 32px;
    background: #0D446E;
    border-radius: 7.7px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    line-height: 32px;
    margin-left: 4px;
    margin-right: 4px;
  }
  .year-tabs > .resp-tabs-container > h2.resp-accordion {
    display: none !important;
  }
  .year-tabs > .resp-tabs-list {
    display: flex !important;
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
  }
  .year-tabs > .resp-tabs-list li {
    font-size: 0.875rem;
    color: #123857;
    font-family: "Turkcell-Satura-Bold";
    padding-left: 25px;
    padding-right: 25px;
  }
  .year-tabs > .resp-tabs-list li.resp-tab-active {
    background-color: #ECF7FD;
  }
  .education-collapsible-list {
    display: none;
  }
  .education-mobile-tab .resp-accordion {
    background-color: #F6F6F6;
    line-height: 50px;
    font-size: 1rem;
    margin-bottom: 0px;
  }
  .education-mobile-tab .resp-accordion img {
    width: 52px;
    height: 32px;
    vertical-align: middle;
    margin-left: 10px;
  }
  .education-mobile-tab .resp-accordion .title {
    color: #001D36;
    font-family: "Turkcell-Satura-Bold";
    font-size: 0.84375rem;
    padding-left: 10px;
    display: inline-block;
    width: calc(100% - 100px);
    line-height: 1.4em;
    vertical-align: middle;
  }
  .education-mobile-tab .resp-accordion.resp-tab-active {
    margin: 0px;
  }
  .education-mobile-tab .resp-accordion.resp-tab-active .icon-plus:before {
    content: "\EA05";
  }
}

.no-scroll {
  overflow: hidden;
}

.education-modal-container {
  padding: 0px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.education-modal-container .uxr-modal-content {
  margin-top: 0px;
  overflow-y: scroll;
}

.education-modal-container .uxr-modal-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.education-modal-container .uxr-modal-content::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.education-modal-container .uxr-modal-content::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.education-modal-container .uxr-modal-content::-webkit-scrollbar-track {
  background-color: #ccc;
}

.education-modal-container .uxr-modal-content::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.uxr-modal-close {
  top: 14px;
  right: 11px;
  background: transparent;
  width: 30px;
  height: 30px;
  padding-top: 5px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .uxr-modal-close {
    top: 15px;
  }
}

.uxr-modal-close:before {
  content: "\EA08";
  font-family: "tag";
  color: #4D4D4D;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .uxr-modal-close:before {
    color: #FFF;
  }
}

.uxr-modal-title {
  display: none;
}

.education-modal {
  width: 880px;
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
}

.education-modal .modal-left {
  width: 386px;
  float: left;
}

.education-modal .modal-right {
  width: 380px;
  float: left;
}

.education-modal h3 {
  font-family: GreycliffCF, sans-serif;
  font-size: 1.375rem;
  color: #0E3257;
  margin-bottom: 8px;
}

.education-modal .education-performance {
  display: block;
  font-weight: bold;
  font-size: 1.125rem;
  color: #7ED321;
  margin-bottom: 10px;
  font-family: GreycliffCF, sans-serif;
}

.education-modal .education-status {
  display: block;
  font-weight: bold;
  font-size: 1rem;
  color: #6C6C6C;
  margin-bottom: 10px;
  font-family: GreycliffCF, sans-serif;
}

.education-modal .education-other-info b {
  font-family: GreycliffCF, sans-serif;
  display: block;
  color: #0E3257;
  line-height: 1.7em;
}

.education-modal .education-other-info b.optional {
  color: #45B5E1;
}

.education-modal .education-date {
  display: block;
  color: #9B9B9B;
}

.education-modal .education-date b {
  font-family: GreycliffCF, sans-serif;
  color: #39393A;
  margin-right: 10px;
}

.education-modal .education-detail > b {
  font-family: GreycliffCF, "Turkcell-Satura", Arial, sans-serif;
  display: block;
  color: #39393A;
  margin-top: 15px;
}

.education-modal .education-detail p {
  color: #9B9B9B;
  margin: 0px;
}

.education-modal .education-buttons {
  margin-top: 20px;
}

.education-modal .education-buttons a {
  width: 169px;
  height: 32px;
  background: #0D446E;
  border-radius: 7.7px;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  color: #FFFFFF;
  line-height: 32px;
  margin-left: 4px;
  margin-right: 4px;
}

.education-modal .education-progress {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.education-modal .education-progress .progress {
  width: 273px;
  height: 12px;
  background-color: #D8D8D8;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}

.education-modal .education-progress .progress > div {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background-color: #7ED321;
  border-radius: 25px;
}

.education-modal .education-progress span {
  font-size: 1.125rem;
  color: #9B9B9B;
  margin-left: 22px;
}

.change-domain-wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
}

@media screen and (max-width: 420px) {
  .change-domain-wrapper {
    width: 90%;
  }
}

.change-domain-header {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.change-domain-header .logo {
  position: relative;
  left: auto;
  transform: inherit;
}

.change-domain-footer {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  font-size: 0.875rem;
  color: #4e4e4e;
  text-align: center;
}

.change-domain-box {
  display: inline-block;
  width: 100%;
  padding: 40px 30px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px #b5b5b5;
  box-shadow: 0px 3px 5px 0px #b5b5b5;
}

.change-domain-box label.radio {
  margin: 12.5px 0;
  cursor: pointer;
}

.change-domain-box label.radio span {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
}

.change-domain-box label.radio span:before {
  content: '';
  width: 18px;
  height: 18px;
  border: solid 1px #c2c2c2;
  display: block;
  border-radius: 50%;
  margin-right: 10px;
}

.change-domain-box label.radio input:checked + span:after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #ffc828;
  position: absolute;
  border-radius: 50%;
  left: 3px;
}

.change-domain-box .form-line-button {
  margin-top: 80px;
}

.teammates {
  position: fixed;
  width: 346px;
  height: calc(100vh - 240px);
  background-color: #f1f1f1;
  border-radius: 10px;
}

@media screen and (max-width: 1023px) {
  .teammates {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    margin-top: -45px;
    padding-top: 40px;
    position: relative;
    border-radius: 0px;
  }
}

@media screen and (max-width: 767px) {
  .teammates {
    margin-top: -5px;
    padding-top: 25px;
  }
}

.teammates .modal-teammates {
  display: block;
}

.teammates .modal-teammates span {
  color: #000;
}

.teammates__title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #4d4d4d;
  margin-bottom: 14px;
  padding-top: 17px;
  padding-left: 10px;
}

@media screen and (max-width: 1023px) {
  .teammates__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 56px 18px 56px;
  }
}

@media screen and (max-width: 767px) {
  .teammates__title {
    padding: 0 20px 18px 20px;
  }
}

.teammates__title .mobile-arrow {
  display: none;
}

@media screen and (max-width: 1023px) {
  .teammates__title .mobile-arrow.icon-arrow-down3 {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .teammates__title.active .mobile-arrow.icon-arrow-down3 {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .teammates__title.active .mobile-arrow.icon-arrow-up3 {
    display: block;
  }
}

.teammates__scroller {
  background-color: #fff;
  height: calc(100% - 68px);
  position: relative;
  border-radius: 10px;
  margin: 0 10px;
}

@media screen and (max-width: 1023px) {
  .teammates__scroller {
    padding: 0px 56px;
    height: auto;
    flex-wrap: wrap-reverse;
    background-color: #F9F9F9;
    background-image: none;
    display: none;
    border-radius: 0px;
  }
}

@media screen and (max-width: 767px) {
  .teammates__scroller {
    padding: 0px;
  }
}

@media screen and (max-width: 1023px) {
  .teammates__scroller.active {
    display: flex;
  }
}

.teammates input[type="text"].teammates__find {
  width: calc(100% - 20px);
  height: 50px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  background-color: #f0f0f0;
  border: solid 1px #e5e5e5;
  color: #4a4a4a;
  font-size: 1rem;
  margin-top: 19px;
  margin-left: 10px;
}

@media screen and (max-width: 1023px) {
  .teammates input[type="text"].teammates__find {
    width: 100%;
    margin: 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .teammates input[type="text"].teammates__find {
    height: 44px;
    margin: 15px auto 15px auto;
  }
}

.teammates-list {
  height: calc(100% - 80px);
  overflow: hidden;
  overflow-y: auto;
}

.teammates-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.teammates-list::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.teammates-list::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.teammates-list::-webkit-scrollbar-track {
  background-color: #ccc;
}

.teammates-list::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.teammates-list::-webkit-scrollbar {
  left: -20px;
  margin: 5px;
  padding: 20px;
}

.teammates-list::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  background-clip: padding-box;
}

@media screen and (max-width: 1023px) {
  .teammates-list {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 45px;
  }
}

.teammates-list__item {
  padding: 20px 4% 20px 4%;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}

@media screen and (max-width: 1023px) {
  .teammates-list__item {
    width: 100%;
    padding: 20px 15px 20px 15px;
  }
}

.teammates-list__item > div {
  width: 100%;
}

.teammates-list__item + .teammates-list__item__sub {
  display: none;
}

.teammates-list__item--active {
  background: #FFF;
  border-bottom: 1px solid transparent;
}

.teammates-list__item--active + .teammates-list__item__sub {
  display: block;
}

.teammates-list__item--selected .teammates-list__item__img:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: #a6ddff;
}

.teammates-list__item--selected + .teammates-list__item__sub > .teammates-list__item__sub__title {
  position: relative;
}

.teammates-list__item--selected + .teammates-list__item__sub > .teammates-list__item__sub__title:before {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  height: 100%;
  width: 3px;
  background-color: #a6ddff;
}

.teammates-list__item:after {
  content: '';
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to left, #cccccc, #f0f0f0);
  position: absolute;
  bottom: 1px;
}

.teammates-list__item__img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.teammates-list__item__user {
  box-sizing: border-box;
  padding-left: 16px;
  width: calc(100% - 50px);
  padding-top: 5px;
}

.teammates-list__item__user .user__name {
  font-size: 1.125rem;
  color: #4d4d4d;
  font-weight: bold;
  line-height: 1.2;
}

.teammates-list__item__user .user__title {
  font-size: 1rem;
  line-height: 1.13;
  color: #9f9f9f;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .teammates-list__item__user .user__title {
    white-space: normal;
  }
}

.teammates-list__item__user span {
  display: block;
}

.teammates-list__item__point {
  display: none;
  font-size: 1.125rem;
  color: #4d4d4d;
}

.teammates-list__item--has-sub {
  position: relative;
}

.teammates-list__item--has-sub:after {
  display: none;
}

.teammates-list__item--has-sub:before {
  top: 10px;
  right: 10px;
  position: absolute;
  opacity: 0.4;
  font-family: "tag";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #46b1e7;
}

.teammates-list__item--has-sub.teammates-list__item--main:before {
  display: none !important;
}

.teammates-list__item--has-sub.teammates-list__item--active:before {
  color: #46b1e7;
  opacity: 1;
}

.teammates-list__item__sub {
  width: 100%;
}

.teammates-list__item__sub__title {
  color: #AFACA5;
  padding: 0 16px 10px 16px;
  background: #FFF;
  font-size: 0.75rem;
  line-height: 1.2;
}

.teammates-list__item__sub__title b {
  color: #666;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .teammates-list__item__sub__title b {
    white-space: normal;
  }
}

.teammates-list__item__sub__content {
  box-shadow: inset -112px 0px 146px 0px rgba(121, 121, 121, 0.1);
  background: #FFF;
}

.teammates .easy-autocomplete {
  width: 100% !important;
  position: relative;
}

.teammates .easy-autocomplete-container {
  bottom: 50px;
  position: absolute;
  width: calc(100% - 22px);
  margin-left: 10px;
  background-color: #ffffff;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .teammates .easy-autocomplete-container {
    bottom: initial;
    top: 80px;
    margin-left: 0;
    width: calc(100% - 2px);
  }
}

@media screen and (max-width: 767px) {
  .teammates .easy-autocomplete-container {
    top: 59px;
  }
}

.teammates .easy-autocomplete-container ul {
  border: 1px solid #f0f0f0;
  box-shadow: 1px 1px 1px #949494;
  box-sizing: border-box;
  display: none;
}

.teammates .easy-autocomplete-container li {
  line-height: 1.8;
  padding-left: 10px;
  border-top: 1px solid #d9dce0;
  cursor: pointer;
  font-size: 16px;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .teammates .easy-autocomplete-container li {
    line-height: 2.3;
    font-size: 18px;
  }
}

.learning {
  width: calc(100% - 692px);
  padding: 0 20px;
  box-sizing: border-box;
  margin-left: 346px;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .learning {
    width: 100%;
    padding-right: 0;
  }
}

@media screen and (max-width: 1023px) {
  .learning {
    width: 100%;
    padding: 0;
    margin-left: 0;
  }
}

.learning-operations {
  width: 100%;
}

.learning.teammates-fixed {
  margin-left: 300px;
}

.learning-content {
  background: #f8f8f8;
  padding: 8px 10px 20px 10px;
  min-height: 100%;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .learning-content {
    padding: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .learning-content {
    border-radius: 0;
  }
}

.learning-content .index-point {
  width: calc(100%);
  box-sizing: border-box;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .learning-content .index-point {
    width: 100%;
    padding-right: 0px;
  }
}

@media screen and (max-width: 1023px) {
  .learning-content .index-point {
    width: 100%;
    padding-right: 0px;
  }
}

.learning-content .index-point__title {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .learning-content .index-point__title {
    display: block;
    text-align: right;
  }
}

.learning-content .index-point__title h1 {
  font-size: 1.125rem;
  color: #4d4d4d;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .learning-content .index-point__title h1 {
    text-align: left;
    margin-bottom: 7px;
    margin-top: 20px;
  }
}

.learning-content .total-point {
  background: #fff;
  padding: 30px 35px 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .learning-content .total-point {
    padding: 30px 10px 20px 10px;
  }
}

.learning-content .total-point__title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #9f9f9f;
  margin-bottom: 0px;
  line-height: 1.2;
}

.learning-content .total-point__detail {
  font-size: 0.875rem;
  line-height: 1.14;
  color: #4d4d4d;
}

.learning-content .total-point__digital {
  white-space: nowrap;
  font-size: 1rem;
  color: #9f9f9f;
}

.learning-content .total-point__digital strong {
  font-size: 1.875rem;
  color: #4d4d4d;
}

.learning .result-chart {
  background: #FFF;
  padding: 10px 20px 40px 20px;
}

@media screen and (max-width: 767px) {
  .learning .result-chart {
    padding: 30px 10px 40px 10px;
  }
}

.learning .result-chart .education-result-progress {
  display: flex;
  margin-top: 35px;
  align-items: center;
  padding-left: 0px;
  padding-bottom: 0px;
}

@media screen and (max-width: 1023px) {
  .learning .result-chart .education-result-progress {
    display: block;
    margin-top: 18px;
  }
}

.learning .result-chart .education-result-progress:first-child {
  margin-top: 0px;
}

.learning .result-chart .education-result-progress-title {
  width: 114px;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 1rem;
}

@media screen and (max-width: 1023px) {
  .learning .result-chart .education-result-progress-title br {
    display: none;
  }
}

.learning .result-chart .education-result-progress-bar {
  width: calc(100% - 114px);
}

@media screen and (max-width: 1023px) {
  .learning .result-chart .education-result-progress-bar {
    width: auto;
  }
}

.learning .result-chart .education-result-progress-bar > div {
  width: calc(100% - 150px);
  height: 46px;
}

@media screen and (max-width: 1023px) {
  .learning .result-chart .education-result-progress-bar > div {
    width: calc(100% - 125px);
    height: 26px;
  }
}

.learning .result-chart .education-result-progress-bar > span {
  width: 150px;
  text-align: right;
}

@media screen and (max-width: 1023px) {
  .learning .result-chart .education-result-progress-bar > span {
    width: 125px;
  }
}

.learning .result-chart .education-result-progress-bar > span i {
  font-size: 1rem;
  color: #9f9f9f;
  font-style: normal;
}

@media screen and (max-width: 1023px) {
  .learning .result-chart .education-result-progress-bar > span i {
    display: none;
  }
}

.learning .result-chart .other-education {
  font-weight: bold;
  width: 230px;
  height: 44px;
  background-color: #ffe000;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  color: #4d4d4d;
  display: block;
  margin: 40px auto 0 auto;
}

.learning .result-faq {
  font-size: 1rem;
  text-align: right;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 20px;
}

.learning .result-faq a {
  color: #3fb0e8;
}

.learning .uxr-select-selection {
  width: auto !important;
  border: 0;
  background-color: #f2f2f2;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0px;
}

.learning .uxr-select-selection-text {
  font-size: 1rem;
  font-weight: bold;
  padding: 9px 60px 9px 15px;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .organization {
    width: 100%;
    padding-left: 20px;
    margin-top: 19px;
    margin-left: 346px;
  }
}

@media screen and (max-width: 1023px) {
  .organization {
    width: 100%;
    padding-right: 0px;
    margin-top: 20px;
  }
}

.organization > div:not(.organization__hat1) {
  width: 346px;
  box-sizing: border-box;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 10px;
  height: calc(100vh - 240px);
  position: fixed;
}

@media screen and (max-width: 1199px) {
  .organization > div:not(.organization__hat1) {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 19px;
  }
}

@media screen and (max-width: 1023px) {
  .organization > div:not(.organization__hat1) {
    border-radius: 0px;
  }
}

.organization__hat {
  border-radius: 10px 10px 0 0;
  background-color: #f1f1f1;
  padding: 25px 10px 10px;
  overflow: hidden;
  max-width: calc(100% + 20px);
  color: #4d4d4d;
  height: 96px;
  width: calc(100% + 20px);
  margin: -10px 0 0 -10px;
  display: block;
  margin-bottom: 14px;
}

@media screen and (max-width: 1023px) {
  .organization__hat {
    border-radius: 0px;
  }
}

.organization__hat__title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}

.organization__hat__score {
  margin-bottom: 5px;
  float: right;
  font-size: 22px;
  font-weight: normal;
  line-height: normal;
  margin-top: -7px;
}

.organization__hat__score strong {
  font-size: 30px;
  font-weight: bold;
}

.organization__hat__info {
  float: left;
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 16px;
}

.organization__accordion {
  border-radius: 10px;
  height: calc(100% - 50px);
  overflow: auto;
  overflow-x: hidden;
}

.organization__accordion::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.organization__accordion::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.organization__accordion::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.organization__accordion::-webkit-scrollbar-track {
  background-color: #ccc;
}

.organization__accordion::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.organization__accordion::-webkit-scrollbar {
  left: -20px;
  margin: 5px;
  padding: 20px;
}

.organization__accordion::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  background-clip: padding-box;
}

@media screen and (max-width: 1023px) {
  .organization__accordion {
    border-radius: 0px;
  }
}

.organization__title {
  font-size: 1.125rem;
  color: #4d4d4d;
  margin-top: 3px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-top: 4px;
  box-sizing: border-box;
}

.organization .collapsible {
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
}

.organization .collapsible-content {
  position: relative;
}

.organization .collapsible-content:before {
  content: '';
  background-image: linear-gradient(to left, #ffffff, #cccccc 14%, #cccccc 87%, #ffffff);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.organization .collapsible-content:after {
  content: '';
  background-image: linear-gradient(to left, #ffffff, #cccccc 14%, #cccccc 87%, #ffffff);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.organization .collapsible:last-child {
  border: none;
}

.organization .collapsible-header {
  padding: 15px;
}

@media screen and (max-width: 480px) {
  .organization .collapsible-header {
    flex-wrap: wrap;
  }
}

.organization .collapsible-header > div {
  display: flex;
  align-items: center;
  width: calc(100% - 80px);
}

@media screen and (max-width: 480px) {
  .organization .collapsible-header > div {
    width: 100%;
  }
}

.organization .collapsible-header .document-accordion-title {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: bold;
  color: #4d4d4d;
  padding-left: 20px;
  position: relative;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}

.organization .collapsible-header span {
  width: 80px;
  text-align: right;
  font-size: 1rem;
  color: #9f9f9f;
  white-space: nowrap;
  line-height: 1;
}

@media screen and (max-width: 480px) {
  .organization .collapsible-header span {
    width: 100%;
    text-align: left;
    padding-left: 36px;
  }
}

.organization .collapsible-header span strong {
  font-size: 1.875rem;
  color: #4d4d4d;
  display: block;
}

@media screen and (max-width: 480px) {
  .organization .collapsible-header span strong {
    display: inline-block;
  }
}

@media screen and (max-width: 1023px) {
  .organization .education-result-progress {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .organization .education-result-progress {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.organization .collapsible-header .up-icon {
  display: none;
  color: #4d4d4d;
}

.organization .collapsible-header .down-icon {
  color: #4d4d4d;
}

.organization .collapsible.uxr-collapsible-current .collapsible-header .down-icon {
  display: none;
}

.organization .collapsible.uxr-collapsible-current .collapsible-header .up-icon {
  display: block;
}

.faq-modal {
  width: 800px;
  height: 100%;
}

.faq-modal-container {
  overflow: hidden !important;
  display: flex;
}

.faq-modal-container.uxr-modal-hide {
  display: none;
}

.faq-modal-container .uxr-modal-content {
  overflow-y: hidden !important;
  height: auto !important;
}

.faq-modal-container .uxr-modal-loaded-content {
  height: 100% !important;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .faq-modal {
    width: 680px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .faq-modal {
    width: calc(100vw - 80px);
  }
}

.faq-modal p {
  font-size: 1.375rem;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .faq-modal p {
    font-size: 16px;
  }
}

.faq-modal__accordion {
  overflow-y: auto;
  border: 1px solid #e4e4e4;
  height: calc(100% - 55px);
}

.faq-modal__accordion::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.faq-modal__accordion::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.faq-modal__accordion::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.faq-modal__accordion::-webkit-scrollbar-track {
  background-color: #ccc;
}

.faq-modal__accordion::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.faq-modal__accordion .collapsible-faq:nth-child(even) .collapsible-header {
  background: #FAFAF9;
}

.faq-modal__accordion .collapsible-faq i:before {
  float: right;
}

.faq-modal__accordion .collapsible-faq.uxr-collapsible-current i:before {
  content: "\EA05";
}

.faq-modal__accordion .collapsible-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 70px;
  line-height: 70px;
  padding: 0 36px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .faq-modal__accordion .collapsible-header {
    padding: 0 20px 0 12px;
    font-size: 14px;
    line-height: 1.3;
  }
}

.faq-modal__accordion .collapsible-content {
  position: relative;
  background-image: radial-gradient(#FAFAF9, white);
}

.faq-modal__accordion .collapsible-content:before {
  content: '';
  background-image: linear-gradient(to left, #ffffff, #cccccc 14%, #cccccc 87%, #ffffff);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.faq-modal__accordion .collapsible-content:after {
  content: '';
  background-image: linear-gradient(to left, #ffffff, #cccccc 14%, #cccccc 87%, #ffffff);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.faq-modal__accordion .collapsible-content div {
  padding: 36px;
  color: #A5A19C;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .faq-modal__accordion .collapsible-content div {
    padding: 12px;
    font-size: 14px;
  }
}

.training-modal {
  width: 990px;
  height: 100%;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .training-modal {
    width: 700px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .training-modal {
    width: calc(100vw - 80px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.training-modal-container {
  overflow: visible;
}

.training-modal-container .uxr-modal-loaded-content {
  height: 100%;
  max-height: 560px;
}

.training-modal-container .uxr-modal-content {
  height: 100% !important;
  overflow: hidden !important;
}

.training-modal-container .uxr-modal-close:before {
  color: #000;
}

.training-modal .personal-name {
  font-size: 1.375rem;
}

.training-modal p {
  font-size: 1.125rem;
}

.training-modal__tool {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .training-modal__tool {
    display: block;
  }
}

.training-modal__tool .uxr-select-selection {
  width: 200px !important;
}

.training-modal__tool .checkbox-wrapper {
  margin-right: auto;
  display: flex;
  padding-left: 40px;
}

.training-modal__tool .checkbox-wrapper .checkbox:not(:last-child) {
  margin-right: 40px;
}

.training-modal__tool .checkbox-wrapper .checkbox input {
  opacity: 0;
}

.training-modal__tool .checkbox-wrapper .form-group .lbl {
  margin-right: 5px;
}

.training-modal__tool .export {
  font-weight: bold;
  padding: 0 20px;
  height: 44px;
  background-color: #ffe000;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-size: 1rem;
  border-radius: 0px;
  text-align: center;
  color: #4d4d4d;
  display: block;
  margin-right: 3px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .training-modal__tool .export {
    margin-top: 10px;
  }
}

.training-modal .training-info {
  display: block;
  width: 330px;
}

.training-modal .training-info img {
  display: block;
  width: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.training-modal .training-info b {
  display: block;
}

.training-modal .tab-view {
  height: calc(100% - 51px);
}

.training-modal .tab-view-content {
  height: calc(100% - 60px);
}

.training-modal .tab-view-buttons {
  position: relative;
  background-image: linear-gradient(to top, #efefef, #ffffff);
}

.training-modal .tab-view-button {
  position: relative;
  align-items: center;
  padding: 10px 15px;
  font-size: 15px;
  color: #333;
  font-weight: 600;
  line-height: 40px;
  box-sizing: border-box;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .training-modal .tab-view-button {
    line-height: initial;
  }
}

.training-modal .tab-view-button:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 58px;
  background-image: linear-gradient(to top, #c5c5c5, #ffffff);
  content: '';
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .training-modal .tab-view-button:after {
    background: none;
  }
}

.training-modal .tab-view-button.current {
  color: #4ebcec;
}

.uxr-modal-container {
  overflow: inherit;
}

#catalog {
  overflow: hidden;
  width: 100%;
}

#catalog .catalog__mobile-tab {
  display: none;
  width: 100%;
  background: #F3F3F3;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__mobile-tab {
    display: block;
  }
}

#catalog .catalog__mobile-tab--showed .catalog__mobile-tab__selected .icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#catalog .catalog__mobile-tab--showed .catalog__mobile-tab__list {
  display: block;
}

#catalog .catalog__mobile-tab__selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 10px;
}

#catalog .catalog__mobile-tab__selected span {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  align-items: center;
  padding-right: 10px;
}

#catalog .catalog__mobile-tab__selected span i {
  font-size: 13px;
  font-weight: 300;
  white-space: nowrap;
}

#catalog .catalog__mobile-tab__selected .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#catalog .catalog__mobile-tab__list {
  display: none;
}

#catalog .catalog__mobile-tab__list span {
  padding: 10px 12px 6px 12px;
  border-top: 1px solid #c4c4c4;
  display: block;
  line-height: 1.2;
}

#catalog .catalog__mobile-tab__list span i {
  font-size: 12px;
  white-space: nowrap;
}

#catalog .catalog__tab {
  display: flex;
  flex-wrap: wrap;
}

#catalog .catalog__tab a {
  display: block;
  color: #4d4d4d;
  font-size: 1.375rem;
  font-weight: 500;
  background: #D2D7E2;
  border-radius: 10px 10px 0 0;
  width: 212px;
  height: 96px;
  margin: 4px 5px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__tab a {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  #catalog .catalog__tab a {
    width: 146px;
    height: 66px;
  }
}

#catalog .catalog__tab a.current {
  color: #FFF;
  font-weight: 700;
  background: -webkit-linear-gradient(to right, #383E68 0%, #3F4786 100%);
  background: linear-gradient(to right, #383E68 0%, #3F4786 100%);
}

#catalog .catalog__tab a.current hr {
  border-color: #50578B;
}

#catalog .catalog__tab a b {
  padding: 0 20px;
  font-size: 0.9375rem;
  line-height: 1.4;
  height: 66px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 900px) {
  #catalog .catalog__tab a b {
    padding: 0 10px;
    font-size: 10px;
    height: 48px;
  }
}

#catalog .catalog__tab a hr {
  margin: -3px 0 5px 0;
  border-color: #D6DAE5;
}

#catalog .catalog__tab a i {
  padding: 0 20px;
  font-size: 0.9375rem;
  display: block;
  line-height: 1.4;
}

@media screen and (min-width: 320px) and (max-width: 900px) {
  #catalog .catalog__tab a i {
    padding: 0 10px;
    font-size: 12px;
    line-height: 0.9;
  }
}

#catalog .catalog__accordion .collapsible-catalog {
  margin-bottom: 20px;
}

#catalog .catalog__accordion .collapsible-catalog.uxr-collapsible-current .collapsible-header .icon:before {
  content: "\EA05";
}

#catalog .catalog__accordion .collapsible-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: -webkit-linear-gradient(to right, rgba(54,61,120,1) 0%, rgba(53,60,166,1) 100%);
  background: linear-gradient(to right, rgba(54,61,120,1) 0%, rgba(53,60,166,1) 100%);
  border-radius: 5px 5px 0 0;
  height: 50px;
  color: #FFF;
  font-weight: 500;
  padding: 0 25px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__accordion .collapsible-header {
    padding: 0 12px;
  }
}

#catalog .catalog__accordion .collapsible-header select {
  width: 165px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__accordion .collapsible-header select {
    visibility: visible;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__accordion .collapsible-header select + .uxr-select-selection {
    width: 0px;
    height: 0px;
    overflow: hidden;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__accordion .collapsible-header .uxr-select-wrap {
    position: absolute;
    right: -100px;
    opacity: 0;
  }
}

#catalog .catalog__accordion .collapsible-header .uxr-select-selection {
  background-color: white;
}

#catalog .catalog__accordion .collapsible-header .uxr-select-selection-text {
  font-size: 13px;
}

#catalog .catalog__accordion .collapsible-header .icon:before {
  float: right;
}

#catalog .catalog__accordion .collapsible-header .mobile-sort {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__accordion .collapsible-header .mobile-sort {
    display: flex;
    width: 20px;
    align-items: center;
  }
}

#catalog .catalog__accordion .collapsible-header .count {
  font-size: 0.9375rem;
}

#catalog .catalog__accordion .collapsible-header div > span {
  margin-left: 20px;
  font-weight: bold;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog__accordion .collapsible-header div > span {
    margin-left: 6px;
  }
}

#catalog .catalog__accordion .uxr-collapsible-content {
  padding-top: 0;
}

#catalog .catalog-list {
  display: flex;
  flex-wrap: wrap;
  background: #f9f9f9;
  padding: 15px 25px 0 25px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog-list {
    justify-content: center;
    padding: 20px 12px 0 12px;
  }
}

#catalog .catalog-item {
  position: relative;
  flex: 0 0 calc(33% - 20px);
  margin: 0 11px 15px 11px;
  width: calc(33% - 20px);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #catalog .catalog-item {
    flex: 0 0 calc(50% - 22px);
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog-item {
    flex: 0 0 calc(100%);
    max-width: 400px;
    margin: 0 0 30px 0;
  }
}

#catalog .catalog-item--checked .catalog-item__image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #6CBFDD;
  left: 0;
  top: 0;
}

#catalog .catalog-item--checked .catalog-item__image:before {
  content: '';
  position: absolute;
  width: 73px;
  height: 60px;
  left: 0;
  top: 0;
  background: url(../images/check.png) no-repeat #52B3D0;
  background-position: center center;
  z-index: 2;
}

#catalog .catalog-item--confirmation .catalog-item__image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #6CBFDD;
  left: 0;
  top: 0;
}

#catalog .catalog-item--confirmation .catalog-item__image:before {
  content: '';
  position: absolute;
  width: 73px;
  height: 60px;
  left: 0;
  top: 0;
  background: url(../images/kumsaati.png) no-repeat #52B3D0;
  background-position: center center;
  z-index: 2;
  background-size: 35px;
}

#catalog .catalog-item--finished .catalog-item__title {
  opacity: 0.5;
}

#catalog .catalog-item--finished .catalog-item__image img {
  opacity: 0.5;
}

#catalog .catalog-item--finished .catalog-item__info {
  opacity: 0.5;
}

#catalog .catalog-item--finished .catalog-item__progress:before {
  background: #DA5C77;
}

#catalog .catalog-item--finished .catalog-item__progress:after {
  border-top-color: #DA5C77;
}

#catalog .catalog-item--finished .catalog-item__progress div {
  background: #DA5C77;
}

#catalog .catalog-item a {
  display: block;
}

#catalog .catalog-item__hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: rgba(52, 78, 93, 0.7);
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
  z-index: 1;
}

#catalog .catalog-item__hover button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  width: 143px;
  height: 44px;
}

#catalog .catalog-item__hover button i {
  margin-right: 15px;
  transform: rotateZ(90deg);
  padding-top: 2px;
}

#catalog .catalog-item__title {
  color: #4d4d4d;
  font-size: 1.4375rem;
  height: 52px;
  line-height: 1.15;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
  #catalog .catalog-item__title {
    font-size: 1.25rem;
    height: 46px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog-item__title {
    min-height: initial;
    font-size: 16px;
    margin-bottom: 8px;
    height: auto;
  }
}

#catalog .catalog-item__caption {
  position: relative;
  display: flex;
  z-index: 2;
  background: #f9f9f9;
}

#catalog .catalog-item__caption:hover .catalog-item__progress:before {
  opacity: 1;
  visibility: visible;
}

#catalog .catalog-item__caption:hover .catalog-item__progress:after {
  opacity: 1;
  visibility: visible;
}

#catalog .catalog-item__progress {
  background-color: #E5E9EC;
  width: 15px;
  margin-left: 2px;
  position: relative;
}

#catalog .catalog-item__progress:hover:before {
  opacity: 1;
  visibility: visible;
}

#catalog .catalog-item__progress:hover:after {
  opacity: 1;
  visibility: visible;
}

#catalog .catalog-item__progress:before {
  content: attr(data-value);
  position: absolute;
  top: -48px;
  padding: 6px 10px 2px 10px;
  border-radius: 3px;
  transform: translateX(-50%);
  left: 50%;
  background: #45B69C;
  box-shadow: 0 4px 5px 1px rgba(2, 76, 101, 0.8), 0 0 0 rgba(255, 224, 224, 0.27);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}

#catalog .catalog-item__progress:after {
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #3fb79c;
  border-width: 11px;
  margin-left: -11px;
  top: -16px;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
}

#catalog .catalog-item__progress > div {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #5CB390;
}

#catalog .catalog-item__image {
  position: relative;
  width: calc(100% - 17px);
}

#catalog .catalog-item__image .ratio {
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  color: #FFF;
  font-size: 20px;
}

#catalog .catalog-item__image img {
  display: block;
  width: 100%;
}

#catalog .catalog-item__image:hover .catalog-item__hover {
  opacity: 1;
  visibility: visible;
}

#catalog .catalog-item__info {
  display: flex;
  justify-content: space-between;
  color: #4d4d4d;
  font-size: 1rem;
  font-weight: 300;
  padding-top: 6px;
  padding-right: 17px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #catalog .catalog-item__info {
    font-size: 14px;
  }
}

.catalog-modal {
  display: flex;
  width: 1260px;
  max-height: 820px;
  height: auto;
  flex-direction: column;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .catalog-modal {
    width: 1100px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
  .catalog-modal {
    width: 850px;
  }
}

@media screen and (min-width: 812px) and (max-width: 899px) {
  .catalog-modal {
    width: 800px;
  }
}

@media screen and (min-width: 768px) and (max-width: 811px) {
  .catalog-modal {
    width: 700px;
    height: 920px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal {
    width: 100%;
    max-height: 100vh;
    overflow-y: scroll;
    padding-bottom: 80px;
  }
}

.catalog-modal__mobile-close {
  display: none;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__mobile-close {
    display: flex;
    background: #f6f6f6;
    height: 60px;
    border-bottom: 10px solid #fff;
  }
}

.catalog-modal-container {
  padding: 10px 30px 30px 30px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal-container {
    padding: 0;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: auto;
    background: #f9f9f9;
    border-radius: 0;
    position: absolute !important;
    z-index: 99999;
  }
}

.catalog-modal-container .uxr-modal-content {
  overflow: hidden !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal-container--overflow {
    height: 100%;
    overflow: hidden;
  }
}

.catalog-modal-container .uxr-modal-close {
  top: 10px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal-container .uxr-modal-close:before {
    color: #525252;
  }
}

.catalog-modal-container h1 {
  color: #4d4d4d;
  font-size: 1.375rem;
  font-weight: 400;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ebebeb;
  padding: 8px 0 8px 5px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal-container h1 {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 700;
    margin: 3px 0 15px 0;
    padding: 0 15px;
  }
}

.catalog-modal__content {
  background: #f9f9f9;
  margin-bottom: 15px;
  padding: 10px 20px 10px 0;
  min-height: calc(100% - 240px) !important;
  height: auto !important;
  box-sizing: border-box;
}

@media screen and (min-width: 811px) and (max-width: 1200px) {
  .catalog-modal__content {
    min-height: calc(100% - 255px) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 811px) {
  .catalog-modal__content {
    min-height: calc(100% - 315px) !important;
  }
}

.catalog-modal__content__scroller {
  display: flex;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.catalog-modal__content__scroller::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.catalog-modal__content__scroller::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.catalog-modal__content__scroller::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.catalog-modal__content__scroller::-webkit-scrollbar-track {
  background-color: #ccc;
}

.catalog-modal__content__scroller::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__content__scroller {
    display: block;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__content__scroller {
    display: block;
  }
}

.catalog-modal__content h2 {
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: 400;
  margin: 13px 0 3px 0;
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__content h2 {
    padding: 0 20px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__content h2 {
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 15px 0;
  }
}

.catalog-modal__content .slider {
  position: relative;
  margin-top: 15px;
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__content .slider {
    width: 520px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__content .slider {
    width: calc(100% - 50px);
    margin: 20px auto;
  }
}

.catalog-modal__content .slider__left, .catalog-modal__content .slider__right {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 26px;
  color: #959595;
  cursor: pointer;
}

.catalog-modal__content .slider__left:focus, .catalog-modal__content .slider__right:focus {
  outline: none;
}

.catalog-modal__content .slider__left {
  left: -29px;
}

.catalog-modal__content .slider__right {
  right: -29px;
}

.catalog-modal__content .slider .modal-catalog-swiper {
  overflow: hidden;
}

.catalog-modal__content .slider__item {
  width: 100%;
  background: #eaeaea;
  box-sizing: border-box;
  padding: 10px;
  border: 2px solid #eaeaea;
  cursor: pointer;
}

.catalog-modal__content .slider__item:hover {
  border: 2px solid #00ccff;
}

.catalog-modal__content .slider__item img {
  display: block;
  width: 100%;
}

.catalog-modal__content .slider__item p {
  font-size: 11px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 32px;
  margin: 10px 0 0 0;
}

.catalog-modal__caption {
  width: 46%;
  height: 100%;
  flex: 0 0 46%;
  padding-left: 30px;
  box-sizing: border-box;
}

.no-image .catalog-modal__caption h2 {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__caption {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    height: initial;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__caption {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 20px;
  }
}

.catalog-modal__image {
  width: 100%;
}

.no-image .catalog-modal__image {
  padding-top: 20px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .no-image .catalog-modal__image {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__image {
    width: 520px;
    margin: 0 auto;
  }
}

.catalog-modal__image img {
  width: 100%;
  display: block;
}

.catalog-modal__text {
  padding: 30px 25px 0 45px;
  width: calc(100% - 46%);
  box-sizing: border-box;
  max-height: 500px;
  height: auto;
}

.no-image > .catalog-modal__text {
  padding-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__text {
    width: 100%;
    padding: 20px 0 160px 20px;
    max-height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__text {
    width: 100%;
  }
}

.catalog-modal__text > div {
  padding-top: 12px;
  box-sizing: content-box;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__text > div {
    max-height: initial;
  }
}

.catalog-modal__text > div:first-child {
  padding-top: 0;
  padding-bottom: 12px;
}

.catalog-modal__text hr {
  border: none;
  border-bottom: 1px solid #dbdbdb;
}

.catalog-modal__text h2 {
  margin-bottom: 10px;
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: 700;
}

.catalog-modal__text p {
  font-size: 0.875rem;
  color: #4d4d4d;
  line-height: 1.8;
  margin: 0;
}

.catalog-modal__info {
  display: flex;
  justify-content: space-between;
  color: #4d4d4d;
  font-size: 1rem;
  font-weight: 300;
  padding-top: 9px;
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .catalog-modal__info {
    width: 520px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__table {
    padding-bottom: 140px;
    width: 100%;
  }
}

.catalog-modal__table table {
  font-size: 1.125rem;
  color: #4c4c4c;
  border-collapse: collapse;
  border: 1px solid #f9f9f9;
}

.catalog-modal__table table thead {
  background-color: #f9f9f9;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__table table thead {
    display: none;
  }
}

.catalog-modal__table table thead th {
  font-weight: 400;
  text-align: left;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__table table tbody td {
    display: block;
    padding: 0 12px;
    height: 116px;
    background: #fff;
    border-bottom: 1px solid #eeeeee;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__table table tbody td:before {
    content: attr(data-label);
    display: flex;
    height: 58px;
    align-items: center;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: 600;
    background: #f9f9f9;
    border-bottom: 1px solid #eeeeee;
    margin: 0 -12px;
    padding-left: 12px;
    margin-bottom: 15px;
  }
}

.catalog-modal__table table tbody td.elipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .catalog-modal__table table tbody td.elipsis {
    max-width: 180px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__table table tbody td.elipsis {
    max-width: initial;
    white-space: initial;
    height: auto;
    padding-bottom: 12px;
  }
}

.catalog-modal__table table tbody td a {
  color: #4c4c4c;
  text-decoration: underline;
}

.catalog-modal__table table tbody td .quota {
  width: 162px;
  height: 15px;
  position: relative;
  background: #e5e9ec;
}

.catalog-modal__table table tbody td .quota--finished div {
  background: #da5c77 !important;
}

.catalog-modal__table table tbody td .quota div {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #5cb390;
}



.catalog-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 20px 37px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__footer {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    box-shadow: 0 1px 22px rgba(45, 43, 0, 0.76);
    border-top: 1px solid #cecece;
    width: 100%;
    left: 0;
    display: block;
    padding: 10px 0;
    background: #fff;
  }
}

@media screen and (max-width: 1199px) {
  .catalog-modal__footer {
    padding: 10px 20px 37px;
  }
}

@media screen and (max-width: 768px) {
  .catalog-modal__footer {
    padding: 10px 0;
  }
}

.catalog-modal__footer > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.catalog-modal__footer > div .btn {
  position: relative;
}


@media screen and (max-width: 768px) {
  .catalog-modal__footer > div {
    flex-direction: column;
    align-items: center;
  }
  .catalog-modal__footer > div .btn {
    width: calc(100% - 30px);
    min-width: 90px;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0 20px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .catalog-modal__footer > div .btn:last-child {
    margin-bottom: 0;
  }
}

.catalog-modal__footer span {
  color: #3bc5ff;
  font-size: 0.875rem;
  font-weight: 500;
  padding-right: 0px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__footer span {
    padding: 0 12px;
    display: block;
    width: 310px;
    margin: 0 auto 20px auto;
  }
}

.catalog-modal__footer .btn {
  background: #eaeaea;
  border-radius: 0;
  color: #4d4d4d;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 10px 36px;
}

.catalog-modal__footer .btn.button--bordered {
  background: #fff;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .catalog-modal__footer .btn {
    font-size: 16px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .catalog-modal__footer .btn {
    width: 130px;
    height: 57px;
    padding: 0;
    line-height: 57px;
    text-align: center;
  }
}

@media screen and (min-width: 320px) and (max-width: 500px) {
  .catalog-modal__footer .btn {
    font-size: 1rem;
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 6px 10px;
  }
}

.catalog-modal__footer .btn--select {
  background: #ffe73c;
  margin: 0 0 0 20px;
}

.catalog-modal__footer .btn--transfer {
  margin: 0;
}

.catalog-modal__footer .btn--cancel {
  margin: 0 20px 0 0;
}

@media screen and (min-width: 768px) and (max-width: 811px) {
  .catalog-modal--library .catalog-modal__content {
    height: calc(100% - 305px) !important;
  }
}

@media screen and (max-width: 768px) {
  .catalog-modal--library .catalog-modal__content {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .catalog-modal--library .catalog-modal__table {
    padding-bottom: 170px;
  }
  .catalog-modal--library .catalog-modal__table table tbody td {
    height: 106px;
  }
  .catalog-modal--library .catalog-modal__table table tbody td .quota {
    margin-top: 15px;
  }
  .catalog-modal--library .catalog-modal__table table tbody td:before {
    margin-bottom: 9px;
  }
}

.catalog-planned-modal {
  width: 520px;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .catalog-planned-modal {
    width: 400px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-planned-modal {
    width: 100%;
  }
}

.catalog-planned-modal .all-modal-closer {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -20px;
  top: -20px;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-planned-modal .all-modal-closer {
    top: -70px;
  }
}

.catalog-planned-modal__content {
  color: #4d4d4d;
  font-weight: 700;
  line-height: 36px;
  padding: 30px 28px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-planned-modal__content {
    padding: 20px 10px;
    line-height: 1.5;
  }
}

.catalog-planned-modal__content h1 {
  font-size: 1.375rem;
  margin-bottom: 5px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-planned-modal__content h1 {
    font-size: 18px;
  }
}

.catalog-planned-modal__content p {
  font-size: 1.125rem;
  margin: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-planned-modal__content p {
    font-size: 14px;
  }
}

.catalog-cancel-modal {
  width: 480px;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .catalog-cancel-modal {
    width: 400px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-cancel-modal {
    width: 260px;
  }
}

.catalog-cancel-modal__content {
  padding: 40px 10px 10px 10px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-cancel-modal__content {
    padding: 10px;
  }
}

.catalog-cancel-modal__content .uxr-select-selection {
  min-width: 180px;
}

.catalog-cancel-modal__content b {
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: bold;
  padding-right: 14px;
}

.catalog-cancel-modal__content b span {
  color: #ff0000;
}

.catalog-cancel-modal__content textarea {
  width: 100%;
  height: 206px;
  background: #F9F9F9;
  resize: none;
  margin-top: 20px;
  opacity: 0.5;
  color: #4d4d4d;
  font-size: 0.875rem;
  font-weight: 400;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-cancel-modal__content textarea {
    height: 150px;
  }
}

.catalog-cancel-modal__content .btn {
  background: #FFE73C;
  border-radius: 0;
  color: #4d4d4d;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 17px 57px;
  margin: 20px auto 0 auto;
  display: block;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-cancel-modal__content .btn {
    padding: 14px 40px;
    width: 140px;
    font-size: 14px;
  }
}

.catalog-transfer-modal {
  width: 480px;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .catalog-transfer-modal {
    width: 400px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-transfer-modal {
    width: 260px;
  }
}

.catalog-transfer-modal__content {
  padding: 10px;
}

.catalog-transfer-modal__content > div > b {
  display: block;
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: bold;
  padding-right: 14px;
  margin: 10px 0;
}

.catalog-transfer-modal__content > div > b small {
  padding-right: 12px;
  font-weight: 500;
}

.catalog-transfer-modal__content textarea {
  width: 100%;
  height: 206px;
  background: #F9F9F9;
  resize: none;
  opacity: 0.5;
  color: #4d4d4d;
  font-size: 0.875rem;
  font-weight: 400;
  display: block;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-transfer-modal__content textarea {
    height: 150px;
  }
}

.catalog-transfer-modal__content .transfer-input {
  position: relative;
  z-index: 9;
}

.catalog-transfer-modal__content .transfer-input input {
  width: 100%;
  height: 43px;
  box-sizing: border-box;
  border: solid 1px #e1e1e1;
  opacity: 0.5;
  color: #4d4d4d;
  font-size: 0.875rem;
  font-weight: 400;
  background: #F9F9F9;
  margin-bottom: 10px;
}

.catalog-transfer-modal__content .transfer-input input:focus {
  border-color: #c6c6c6;
}

.catalog-transfer-modal__content .transfer-input input::-ms-clear {
  display: none;
}

.catalog-transfer-modal__content .transfer-input i {
  position: absolute;
  top: 9px;
  right: 9px;
  color: #CCCCCC;
  font-size: 26px;
}

.catalog-transfer-modal__content .transfer-input-result {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.catalog-transfer-modal__content .transfer-input-result img {
  display: block;
  margin-right: 10px;
}

.catalog-transfer-modal__content .transfer-input-result b {
  display: block;
  line-height: 1.25;
}

.catalog-transfer-modal__content .transfer-input-result span {
  display: block;
  line-height: 1.25;
}

.catalog-transfer-modal__content .btn {
  background: #EAEAEA;
  border-radius: 0;
  color: #4d4d4d;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 17px 0;
  width: 186px;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .catalog-transfer-modal__content .btn {
    width: 160px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .catalog-transfer-modal__content .btn {
    width: 140px;
    font-size: 14px;
    padding: 14px 0;
  }
}

.catalog-transfer-modal__content .btn--transfer {
  background: #FFE73C;
  margin-left: 30px;
}

.catalog-transfer-modal__content .easy-autocomplete {
  width: 100% !important;
  position: relative;
}

.catalog-transfer-modal__content .easy-autocomplete-container {
  top: 41px;
  left: 0;
  position: absolute;
  width: calc(100% - 1px);
  background-color: #ffffff;
  box-sizing: border-box;
}

.catalog-transfer-modal__content .easy-autocomplete-container ul {
  border: 1px solid #f0f0f0;
  box-shadow: 1px 1px 1px #949494;
  box-sizing: border-box;
  display: none;
}

.catalog-transfer-modal__content .easy-autocomplete-container li {
  line-height: 1.8;
  padding-left: 10px;
  border-top: 1px solid #d9dce0;
  cursor: pointer;
  font-size: 16px;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .catalog-transfer-modal__content .easy-autocomplete-container li {
    line-height: 2.3;
    font-size: 18px;
  }
}

.catalog-transfer-modal__footer {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.cv-modal {
  width: 520px;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .cv-modal {
    width: 400px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .cv-modal {
    width: 100%;
  }
}

.cv-modal__content {
  padding: 20px 10px;
}

.cv-modal__content b {
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 18px;
  display: block;
  padding-left: 19px;
}

.cv-modal__content .text {
  padding: 20px;
  background: #F9F9F9;
  color: #4d4d4d;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}

.cv-modal__content .text ul {
  list-style: disc inside;
}

.education-select-modal {
  width: 480px;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .education-select-modal {
    width: 400px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .education-select-modal {
    width: 100%;
  }
}

.education-select-modal__content {
  padding: 20px 10px 10px 10px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .education-select-modal__content {
    padding: 20px 0 0 0;
  }
}

.education-select-modal__content b {
  color: #4d4d4d;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 18px;
  display: block;
  padding-left: 19px;
}

.education-select-modal__content .text {
  padding: 20px;
  background: #F9F9F9;
  color: #4d4d4d;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .education-select-modal__content .text {
    padding: 10px;
  }
}

.education-select-modal__content .text ul {
  list-style: disc inside;
}

.education-select-modal__footer {
  display: flex;
  justify-content: space-between;
  padding: 30px 20px 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .education-select-modal__footer {
    padding: 10px;
  }
}

.education-select-modal__footer .btn {
  background: #EAEAEA;
  border-radius: 0;
  color: #4d4d4d;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 17px 0;
  width: 186px;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .education-select-modal__footer .btn {
    width: 160px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .education-select-modal__footer .btn {
    width: 140px;
    font-size: 14px;
    padding: 14px 0;
  }
}

.education-select-modal__footer .btn--select {
  background: #FFE73C;
  margin-left: 30px;
}

.pop-message {
  background: #D03E3F;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 20px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99999;
  border-radius: 6px;
  width: 270px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.pop-message--show {
  visibility: visible;
  opacity: 1;
}

.pop-message__close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.pop-message__text {
  padding-top: 35px;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .modal-mini-container {
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    min-height: 100%;
    padding-top: 80px;
    border-radius: 0;
    position: absolute !important;
    -webkit-transition: none;
    transition: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .modal-mini-container:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 62px;
    background: #001D34;
    top: 0;
    left: 0;
  }
}

.uxr-modal-drag {
  display: none !important;
}

.modal-disabled-container {
  padding: 0;
}

.modal-disabled-container .uxr-modal-close {
  display: none;
}

.uxr-modal-close {
  z-index: 2;
}

.uxr-modal-container.modal-voting-container {
  padding: 0;
  max-width: 475px;
  width: 100%;
}

.uxr-modal-container.modal-voting-container .uxr-modal-close:before {
  color: #fff;
  font-size: 8px;
  border-radius: 100%;
  border: 1px solid #fff;
  padding: 6px;
}

.modal-voting__content {
  padding: 26px 35px 43px;
}

.modal-voting__content h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.61;
  text-align: left;
  color: #0b3254;
}

.modal-voting__content .voting-area {
  padding: 53px 0 20px;
}

.modal-voting__content textarea {
  max-height: 120px;
}

.modal-voting__content .form-group span {
  font-size: 18px;
  line-height: 1.17;
  color: #0b3254;
}

.modal-voting__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.61;
  color: #0b3254;
}

.modal-voting__bottom {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

.disabled-modal .modal-custom-header {
  background-color: #ff004e !important;
}

.table-scroller {
  height: calc(100% - 44px);
  padding-top: 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .table-scroller {
    height: auto;
  }
}

.table-scroller table {
  height: 100%;
  border-collapse: collapse;
}

.table-scroller table td, .table-scroller table th {
  padding-left: 6px;
  padding-right: 6px;
}

.table-scroller table thead {
  display: block;
  width: 100%;
  background: #F5F4F3;
}

.table-scroller table thead tr {
  height: 70px;
}

.table-scroller table thead tr th {
  text-align: left;
  border-left: 2px solid #FFF;
  box-sizing: border-box;
}

.table-scroller table thead tr th:nth-child(1) {
  width: 110px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .table-scroller table thead tr th:nth-child(1).hide {
    display: none;
  }
}

.table-scroller table thead tr th:nth-child(2) {
  width: 340px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table thead tr th:nth-child(2) {
    width: 270px;
  }
}

.table-scroller table thead tr th:nth-child(3) {
  width: 162px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table thead tr th:nth-child(3) {
    width: 112px;
  }
}

.table-scroller table thead tr th:nth-child(4) {
  width: 179px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table thead tr th:nth-child(4) {
    width: 100px;
  }
}

.table-scroller table thead tr th:nth-child(5) {
  width: 112px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table thead tr th:nth-child(5) {
    width: 64px;
  }
}

.table-scroller table thead tr th:nth-child(6) {
  width: 87px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table thead tr th:nth-child(6) {
    width: 67px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table thead {
    display: none;
  }
}

.table-scroller table tbody {
  display: block;
  width: 100%;
  height: calc(70vh - 265px);
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(560px - 265px);
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .table-scroller table tbody {
    height: auto;
    max-height: initial;
  }
}

.table-scroller table tbody tr {
  display: block;
  width: 990px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table tbody tr {
    width: 700px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table tbody tr {
    margin-bottom: 20px;
    display: block;
    border: 1px solid #f5f4f4;
    widtH: auto;
  }
}

.table-scroller table tbody tr:nth-child(even) {
  background: #F8F8F7;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table tbody tr:nth-child(even) {
    background: #fff;
  }
}

.table-scroller table tbody tr td {
  font-size: 0.875rem;
  color: #A5A19C;
  border-left: 2px solid transparent;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table tbody tr td {
    display: block;
    width: 100% !important;
    text-align: left;
    position: relative;
    padding-left: 110px;
  }
}

.table-scroller table tbody tr td:nth-child(1) {
  width: 110px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table tbody tr td:nth-child(1).hide {
    display: none;
  }
}

.table-scroller table tbody tr td:nth-child(2) {
  width: 340px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table tbody tr td:nth-child(2) {
    width: 270px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table tbody tr td:nth-child(2) {
    padding: 42px 15px 8px 15px;
  }
  .table-scroller table tbody tr td:nth-child(2):before {
    width: 100%;
  }
}

.table-scroller table tbody tr td:nth-child(3) {
  width: 162px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table tbody tr td:nth-child(3) {
    width: 112px;
  }
}

.table-scroller table tbody tr td:nth-child(4) {
  width: 179px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table tbody tr td:nth-child(4) {
    width: 100px;
  }
}

.table-scroller table tbody tr td:nth-child(5) {
  width: 112px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table tbody tr td:nth-child(5) {
    width: 64px;
  }
}

.table-scroller table tbody tr td:nth-child(6) {
  width: 87px;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .table-scroller table tbody tr td:nth-child(6) {
    width: 67px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .table-scroller table tbody tr td:before {
    content: attr(data-label);
    display: block;
    text-align: left;
    font-size: 13px;
    color: #000;
    background: #f5f4f4;
    padding: 7px 10px;
    font-weight: bold;
    position: absolute;
    width: 100px;
    left: 0;
    top: -1px;
    border-top: 1px solid #FFF;
  }
}

.table-scroller table tbody tr td b {
  color: #011d33;
}

.table-scroller table tbody tr td b.unsuccessful {
  color: #F73D49;
}

.table-buttons {
  text-align: right;
}

.table-buttons-for-export-to-excel{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.learning-operations .table {
  width: 100%;
  height: auto;
  padding: 0;
}

.learning-operations .table table {
  border-collapse: collapse;
}

.learning-operations .table table td, .learning-operations .table table th {
  padding-left: 6px;
  padding-right: 6px;
}

@media screen and (max-width: 767px) {
  .learning-operations .table thead tr {
    display: none;
  }
}

.learning-operations .table thead tr th {
  padding: 5px;
  font-size: 0.9375rem;
  box-sizing: border-box;
  height: 50px;
}

.learning-operations .table thead tr th:first-child {
  padding-left: 110px;
}

.learning-operations .table thead tr th.tool {
  width: 260px;
}

@media screen and (max-width: 1023px) {
  .learning-operations .table thead tr th.tool {
    width: 210px;
  }
}

.learning-operations .table tbody tr.opened {
  background: #FFE001 !important;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody tr.opened {
    background: initial;
  }
}

.learning-operations .table tbody tr.opened .accordion-arrow i {
  transform: rotate(90deg);
}

.learning-operations .table tbody tr.child {
  display: none;
}

.learning-operations .table tbody tr.child .training-info {
  padding-left: 30px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody tr.child .training-info {
    padding-left: 0;
  }
}

.learning-operations .table tbody tr.child.showed {
  display: table-row;
}

@media screen and (max-width: 767px) {
  .learning-operations .table tbody tr {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody tr {
    margin-bottom: 20px;
    display: block;
    border: 1px solid #f5f4f4;
    widtH: auto;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody tr.active ~ .child {
    display: block;
  }
  .learning-operations .table tbody tr.active ~ .child td {
    display: block;
  }
  .learning-operations .table tbody tr.active ~ .child td:first-child:after {
    display: none;
  }
}

.learning-operations .table tbody tr.active td {
  display: block;
}

.learning-operations .table tbody tr:nth-child(odd) {
  background: #FFF;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody tr:nth-child(odd) {
    background: initial;
  }
}

.learning-operations .table tbody tr:hover {
  background: #FFF39F;
  cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody tr:hover {
    background: initial;
  }
}

.learning-operations .table tbody td {
  font-size: 0.875rem;
  line-height: 1.2;
  border-right: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody td:nth-child(even) {
    background: #fff;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody td {
    width: 100% !important;
    text-align: left;
    position: relative;
    padding-left: 110px;
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody td:before {
    content: attr(data-label);
    text-align: left;
    font-size: 13px;
    color: #000;
    background: #f5f4f4;
    padding: 7px 10px;
    font-weight: bold;
    position: absolute;
    width: 100px;
    height: 100%;
    left: 0;
    top: -1px;
    border-top: 1px solid #FFF;
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .learning-operations .table tbody td:first-child {
    display: block;
    width: 100% !important;
    padding: 10px 30px 10px 10px;
  }
}

@media screen and (max-width: 767px) {
  .learning-operations .table tbody td:first-child:before {
    display: none;
  }
}

.learning-operations .table tbody td:first-child:after {
  display: none;
}

.learning-operations .table tbody td:first-child .mobile-plus:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: #4d4d4d;
}

@media screen and (min-width: 767px) {
  .learning-operations .table tbody td:first-child .mobile-plus:after {
    display: none;
  }
}

.learning-operations .table tbody td b {
  display: block;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody td.tool {
    padding: 10px 0;
    text-align: right;
  }
  .learning-operations .table tbody td.tool:before {
    display: none;
  }
}

.learning-operations .table tbody td .accordion-arrow {
  width: 30px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.learning-operations .table tbody td .accordion-arrow i:before {
  float: left;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .learning-operations .table tbody td .accordion-arrow {
    display: none;
  }
}

.learning-operations .table .btn {
  text-align: center;
  margin-bottom: 5px;
}

.learning-operations .table .training-info {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.learning-operations .table .training-info__row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(100% - 30px);
}

.table-buttons {
  margin-top: 15px;
}

.learning-operations {
  margin-left: 0;
  padding-left: 366px;
}

@media screen and (max-width: 1023px) {
  .learning-operations {
    padding-left: 0;
  }
}

.learning-operations-img {
  display: inline-block;
  width: 93px;
  height: 52px;
  margin-right: 10px;
  flex-shrink: 0;
}

.learning-operations-img img {
  max-width: 100%;
  max-height: 100%;
}

.full .learning-operations-name {
  max-width: 270px;
}

.learning-operations-name {
  max-width: 160px;
}

.full .learning-operations-date {
  width: auto;
}

.learning-operations-date {
  width: 100px;
}

.learning-operations .swiper-container {
  width: 100%;
  position: relative;
}

.learning-operations .swiper-container .swiper-wrapper {
  display: inline-block;
  width: 100%;
}

.learning-operations .swiperTab {
  width: calc(100% - 50);
  margin: 0 25px;
  overflow: hidden;
}

.learning-operations .swiperTab .swiper-button-prev,
.learning-operations .swiperTab .swiper-button-next {
  background: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.learning-operations .swiperTab .swiper-button-prev .icon:before,
.learning-operations .swiperTab .swiper-button-next .icon:before {
  float: left;
}

.learning-operations .swiperTab .swiper-button-next.swiper-button-disabled, .learning-operations .swiperTab .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.learning-operations .swiperTab .swiper-button-next {
  right: 0;
  height: calc(100% - 1px);
  top: 23px;
  box-shadow: 0px 0px 1px 1px #00000036;
  width: 25px;
  z-index: 2;
}

.learning-operations .swiperTab .swiper-button-prev {
  left: 0;
  height: calc(100% - 1px);
  top: 23px;
  box-shadow: 0px 0px 1px 1px #00000036;
  width: 25px;
  z-index: 2;
}

.learning-operations .swiperTab .swiper-slide {
  width: 140px;
}

.learning-operations .tab-view {
  width: 100%;
  position: relative;
}

.learning-operations .tab-view-buttons {
  position: relative;
  background-image: linear-gradient(to top, #efefef, #ffffff);
}

.learning-operations .tab-view-button {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 15px;
  font-size: 15px;
  color: #333;
  font-weight: 600;
  line-height: 1.3;
  box-sizing: border-box;
}

.learning-operations .tab-view-button.current {
  color: #4ebcec;
}

.learning-operations .tab-view-button:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 58px;
  background-image: linear-gradient(to top, #c5c5c5, #ffffff);
  content: '';
}

.select-filter {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  .select-filter {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: 10px;
  }
}

.select-filter .select-mobile {
  display: none;
}

@media screen and (max-width: 480px) {
  .select-filter .select-mobile {
    display: block;
    width: 100%;
    height: 34px;
    list-style-type: none;
    white-space: nowrap;
    position: absolute;
    z-index: 2;
  }
}

.select-filter .select-mobile::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.select-filter .select-mobile::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.select-filter .select-mobile::-webkit-scrollbar-thumb:vertical {
  height: 6px;
  background-color: #fff;
}

.select-filter .select-mobile::-webkit-scrollbar-track {
  background-color: #ccc;
}

.select-filter .select-mobile::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.select-filter .select-mobile::-webkit-scrollbar {
  left: -20px;
  margin: 5px;
  padding: 20px;
}

.select-filter .select-mobile::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  background-clip: padding-box;
}

.select-filter .select-mobile .swiper-slide {
  display: inline-block;
  width: 80px;
  height: 35px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  border: 1px solid #9d9d9d;
  opacity: 0.3;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
}

.select-filter .select-mobile .swiper-slide:after {
  display: none;
}

.select-filter .select-mobile .swiper-slide.current {
  border: 1px solid #3fb0e8;
  background: #FFF;
  border-bottom: 2px inset #3fb0e8;
  font-weight: bold;
  opacity: 1;
  color: #3fb0e8;
}

.select-filter .select-mobile .swiper-button-prev,
.select-filter .select-mobile .swiper-button-next {
  background: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.select-filter .select-mobile .swiper-button-prev .icon,
.select-filter .select-mobile .swiper-button-next .icon {
  font-size: 12px;
}

.select-filter .select-mobile .swiper-button-prev .icon:before,
.select-filter .select-mobile .swiper-button-next .icon:before {
  float: left;
}

.select-filter .select-mobile .swiper-button-prev:focus,
.select-filter .select-mobile .swiper-button-next:focus {
  outline: 0;
}

.select-filter .select-mobile .swiper-button-next.swiper-button-disabled, .select-filter .select-mobile .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.select-filter .select-mobile .swiper-button-next {
  right: 0;
  height: 102%;
  top: 22px;
  width: 25px;
  background: #f2f2f2;
  border: 1px solid rgba(135, 131, 131, 0.48);
}

.select-filter .select-mobile .swiper-button-prev {
  left: 0;
  height: 102%;
  top: 22px;
  width: 25px;
  background: #f2f2f2;
  border: 1px solid rgba(135, 131, 131, 0.48);
}

.select-filter .learning-filter {
  margin-right: 10px;
}

@media screen and (max-width: 480px) {
  .select-filter .learning-filter {
    margin: 0 0 0 5px;
    order: 1;
  }
}

@media screen and (max-width: 480px) {
  .select-filter .index-point__years {
    overflow: hidden;
    position: relative;
    width: calc(100% - 80px);
    display: inline-block;
    height: 55px;
  }
}

@media screen and (max-width: 480px) {
  .select-filter .index-point__years .uxr-select-wrap {
    display: none;
  }
}

.filter-line {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}

.filter-line .filter-item {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.2px;
  border: 1px solid #e5e5e5;
  padding: 4px 10px;
  color: #939293;
}

.filter-line .filter-item span {
  color: #444;
  font-weight: 600;
}

.filter-line .filter-item .icon {
  position: relative;
  top: 1px;
  font-size: 11px;
  margin-left: 6px;
}

.filter-box {
  position: relative;
  /*  &-overlay {

        @media screen and (min-width:640px) and (max-width: 1023px) {
            width: 60%;
            margin: auto;
        }

    } */
}

@media screen and (max-width: 1023px) {
  .filter-box {
    position: static;
  }
}

.filter-box-btn {
  position: relative;
  width: auto !important;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 9px 60px 9px 15px;
  border: 0;
  color: #222;
  background-color: #f2f2f2;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0;
}

@media screen and (max-width: 480px) {
  .filter-box-btn {
    height: 35px;
    font-size: 14px;
    padding: 7px 30px 6px 10px;
    width: 80px !important;
  }
}

.filter-box-btn:after {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border: 5px solid;
  border-color: #555 transparent transparent;
  display: inline-block;
  content: '';
}

.filter-box-content {
  display: none;
  position: absolute;
  right: 0;
  width: 440px;
  box-shadow: #222 1px 1px 3px 0;
  padding: 25px 20px;
  background: #fff;
  z-index: 3;
}

@media screen and (max-width: 1023px) {
  .filter-box-content {
    left: 0;
    right: 0;
    width: 100%;
  }
}

.filter-box-line {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px;
}

.filter-box-line:last-child {
  margin-bottom: 0;
}

.filter-box-line .uxr-select-wrap {
  width: 45%;
  max-width: 180px;
  margin: 0 10px;
}

.filter-box-line .uxr-select-selection {
  width: 100% !important;
}

.filter-box-line .uxr-select-selection-text {
  padding: 9px 30px 9px 15px;
  text-align: left;
}

.evaluation-form {
  margin-bottom: 60px;
}

.evaluation-form h4 {
  font-size: 22px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

.evaluation-form h5 {
  font-size: 18px;
  margin-bottom: 20px;
}

.evaluation-form h4,
.evaluation-form h5,
.evaluation-form h6 {
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.evaluation-form h6 {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 15px;
  text-transform: uppercase;
}

.evaluation-form .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.evaluation-form .info .info-item p {
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
}

.evaluation-form form .form-group {
  padding: 10px 10px 20px 10px;
  margin-left: 15px;
}

.evaluation-form form .form-group:nth-child(odd) {
  background-color: rgba(217, 217, 217, 0.15);
}

.evaluation-form form .form-group input {
  display: none;
}

.evaluation-form form .form-group label {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid;
  text-align: center;
  background-color: #fff;
  margin-left: 10px;
}

.evaluation-form form .form-group label .radio-button {
  line-height: 30px;
}

.evaluation-form form .form-group label .radio-button:before {
  content: attr(data-value);
  position: absolute;
  left: 0;
  top: -55px;
  padding: 2px 8px;
  margin-left: -55px;
  min-width: 140px;
  background-color: #fff;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  box-shadow: 0 4px 5px 1px rgba(174, 182, 185, 0.8), 0 0 0 rgba(255, 224, 224, 0.27);
  font-size: 14px;
}

.evaluation-form form .form-group label .radio-button:after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: -22px;
  margin-left: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #fff transparent transparent transparent;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}

.evaluation-form form .form-group label:hover {
  cursor: pointer;
}

.evaluation-form form .form-group label:hover .radio-button:before {
  opacity: 1;
  visibility: visible;
}

.evaluation-form form .form-group label:hover .radio-button:after {
  opacity: 1;
  visibility: visible;
}

.evaluation-form form .survey-btn {
  text-align: right;
}

.evaluation-form form .survey-btn button {
  border-radius: 0;
}

.evaluation-form .form-group-vertical {
  display: flex;
  flex-direction: column;
}

.evaluation-form .form-group-vertical label {
  margin-bottom: 10px;
}

.evaluation-form .form-group-vertical label .radio-button {
  margin-left: 36px;
  display: block;
  width: 55px;
  color: #000;
  text-align: left;
}

.evaluation-form .form-group-vertical label:hover .radio-button:before, .evaluation-form .form-group-vertical label:hover .radio-button:after {
  content: none;
}

.evaluation-form .form-group-vertical .lbl.blue-bg {
  background-color: #fff !important;
  border-color: #3fb0e8 !important;
}

.evaluation-form .form-group-vertical .lbl.blue-bg:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-color: #3fb0e8;
  border-radius: 50%;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 992px) {
  .evaluation-form {
    padding: 20px 15px;
  }
  .evaluation-form form .form-group {
    margin-left: 0;
  }
  .evaluation-form form .form-group label {
    margin: 0;
    margin-right: 15px;
  }
  .evaluation-form form .form-group label span {
    margin-left: 31px;
  }
  .evaluation-form form .form-group-vertical label {
    margin-bottom: 10px;
  }
  .evaluation-form form .survey-btn {
    text-align: center;
    margin-top: 20px;
  }
  .evaluation-form .info {
    flex-direction: column;
  }
  .evaluation-form .info .info-item {
    margin-bottom: 10px;
  }
  .evaluation-form .info .info-item p:first-child {
    font-size: 12px;
  }
}

.info-area {
  background-color: rgba(188, 208, 224, 0.1);
  position: relative;
  z-index: 1;
  margin-bottom: 5rem;
}

.info-area--single {
  background-color: #ffffff;
  border: solid 1px #ebebeb;
  border-top: none;
}

.info-area--single .info-area-content {
  padding-top: 1.5rem;
}

.info-area--single .info-area-content h2,
.info-area--single .info-area-content p {
  padding: 0 34px;
}

@media screen and (max-width: 768px) {
  .info-area--single .info-area-content h2,
  .info-area--single .info-area-content p {
    padding: 0 10px;
  }
}

.info-area--single .info-area-content h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5rem;
  text-align: left;
  color: #4d4d4d;
}

.info-area--single .info-area-content p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: #4d4d4d;
}

.info-area--single .info-area-content .info-area-table {
  margin-bottom: 2.5rem;
}

.info-area--single .info-area-content .player-area__exam__options {
  padding: 0 2.5rem;
}

.info-area-table {
  overflow-y: auto;
}

.info-area-table table {
  background-color: rgba(188, 208, 224, 0.13);
  min-width: 71.25rem;
  max-width: 100%;
}

.info-area-table table th,
.info-area-table table td {
  padding: 13px 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0b3254;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info-area-table table th:first-child,
.info-area-table table td:first-child {
  padding-left: 56px;
}

.info-area-table table th a,
.info-area-table table td a {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0b3254;
}

.info-area-table table th {
  background-color: rgba(188, 208, 224, 0.1575);
  font-size: 16px;
}

.info-area-table table th:nth-child(even) {
  background-color: rgba(188, 208, 224, 0.22);
}

.info-area-table table td {
  font-size: 14px;
}

.info-area-table table td:nth-child(even) {
  background-color: rgba(188, 208, 224, 0.22);
}

.info-area-header {
  background-color: #eef3f7;
  border-bottom: 1px solid #bcd0e0;
  height: 100px;
}

@media screen and (max-width: 768px) {
  .info-area-header {
    height: auto;
  }
}

.info-area-header:after {
  content: "";
  display: table;
  width: 100%;
}

.info-area-header nav {
  height: 49px;
  overflow: hidden;
  position: relative;
  padding: 0 40px;
}

.info-area-header nav:after {
  content: "";
  display: table;
  width: 100%;
}

.info-area-header nav .swiper-slide {
  width: 250px;
}

@media screen and (max-width: 768px) {
  .info-area-header nav .swiper-slide {
    width: auto;
  }
}

.info-area-header nav a {
  height: 49px;
  padding: 3px 10px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #0b3254;
  text-align: center;
  border-right: 1px solid rgba(188, 208, 224, 0.22);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 1366px) {
  .info-area-header nav a {
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }
}

@media screen and (max-width: 768px) {
  .info-area-header nav a {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: auto;
  }
}

.info-area-header nav a:after {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #f9fbfc;
}

.info-area-header nav a.active {
  border-right-color: #bcd0e0;
  background-color: #f9fbfc;
  font-weight: bold;
}

.info-area-header nav a.active:after {
  content: "";
}

.info-area-header nav.options-active {
  height: 49px;
}

@media screen and (max-width: 768px) {
  .info-area-header nav.options-active {
    width: 100%;
    max-width: 100%;
  }
}

.info-area-header nav .slider__left,
.info-area-header nav .slider__right {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 45px;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #eef3f7;
}

.info-area-header nav .slider__left.swiper-button-disabled,
.info-area-header nav .slider__right.swiper-button-disabled {
  display: none;
}

.info-area-header nav .slider__right {
  left: 0;
}

.info-area-header nav .slider__left {
  right: 0;
}

.info-area-options {
  display: flex;
  height: 50px;
  align-items: center;
  padding: 0 15px;
  justify-content: space-between;
}

.info-area-options div {
  display: flex;
  width: 100%;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .info-area-options div {
    border-bottom: 1px solid #bcd0e0;
  }
}

.info-area-options div:nth-child(2) {
  justify-content: flex-end;
  border-bottom: 0;
}

.info-area-options .learning-path--button {
  display: flex;
  color: #011d33;
}

@media screen and (max-width: 768px) {
  .info-area-options .learning-path--button {
    width: 100%;
    padding: 10px;
    margin-top: -10px;
  }
}

.info-area-options .learning-path--button .icon-button:before {
  color: #00a0df;
  font-size: 22px;
}

.info-area-options .learning-path--button span {
  margin-left: 4px;
}

@media screen and (max-width: 768px) {
  .info-area-options {
    height: 100px;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
  }
}

.info-area-options button {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.info-area-options .eye-icon:after {
  width: 22px;
  height: 15px;
  background-image: url("../images/eye.png");
}

@media screen and (max-width: 768px) {
  .info-area-options .eye-icon {
    padding-left: 10px;
  }
}

.info-area-options .sandclock-icon:after {
  width: 22px;
  height: 20px;
  background-image: url("../images/sandclock.png");
}

.info-area-options .favorite-icon:after {
  width: 21px;
  height: 18px;
  background-image: url("../images/favorite.png");
}

.info-area-options .share-icon:after {
  width: 21px;
  height: 22px;
  background-image: url("../images/share.png");
}

.info-area-options .dots-icon:after {
  width: 21px;
  height: 5px;
  background-image: url("../images/dots.png");
}

@media screen and (max-width: 768px) {
  .info-area-options .dots-icon {
    padding-right: 10px;
  }
}

.info-area-options span:after {
  margin-left: 7px;
}

.info-area-options span,
.info-area-options button {
  margin-left: 25px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .info-area-options span,
  .info-area-options button {
    margin-left: 10px;
  }
}

.info-area-options span:after,
.info-area-options button:after {
  content: "";
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.info-area-content {
  padding-top: 35px;
  padding-bottom: 35px;
}

.info-area-content h2,
.info-area-content p {
  padding: 0 56px;
}

@media screen and (max-width: 768px) {
  .info-area-content h2,
  .info-area-content p {
    padding: 0 10px;
  }
}

.info-area-content h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0b3254;
  margin-bottom: 15px;
}

.info-area-content p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  color: #0b3254;
  margin-bottom: 37px;
}

.info-area .file-title {
  background-color: rgba(188, 208, 224, 0.24);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0b3254;
  padding: 0 56px;
  height: 50px;
  display: flex;
  align-items: center;
}

.info-area .file-list li {
  background-color: rgba(188, 208, 224, 0.13);
}

.info-area .file-list li:nth-child(even) {
  background-color: rgba(188, 208, 224, 0.24);
}

.info-area .file-list li a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 64px;
  padding: 0 56px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .info-area .file-list li a {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}

.info-area .file-list li a .file-type {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 17px;
  font-size: 9px;
  font-weight: bold;
  line-height: 11px;
  letter-spacing: 0.09px;
  text-align: center;
  color: #00a0df;
  padding-top: 17px;
}

@media screen and (max-width: 768px) {
  .info-area .file-list li a .file-type {
    min-width: 24px;
  }
}

.info-area .file-list li a .excell {
  background: url("../images/excell.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .word {
  background: url("../images/word.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .powerpoint {
  background: url("../images/powerpoint.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .photoshop {
  background: url("../images/photoshop.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .svg {
  background: url("../images/svg.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .pdf {
  background: url("../images/pdf.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .jpg {
  background: url("../images/jpg.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .gif {
  background: url("../images/gif.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .png {
  background: url("../images/png.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .zip {
  background: url("../images/zip.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .zip-all {
  background: url("../images/zip-all.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .attachment {
  background: url("../images/attachment.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .mov {
  background: url("../images/mov.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .tiff {
  background: url("../images/tiff.png") no-repeat 0 0/contain;
}

.info-area .file-list li a .file-infos {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0b3254;
}

.info-area .file-list li a .file-size {
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
  display: block;
  letter-spacing: 0.4px;
}

.info-area .file-list li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 21px;
  top: 50%;
  margin-top: -10.5px;
  width: 21px;
  height: 21px;
  background: url("../images/download.png") no-repeat 0 0/contain;
}

.evaluation-sub-infos {
  padding: 0.9375rem 2.125rem 0 2.125rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #4d4d4d;
}

.evaluation-sub-infos__title {
  font-weight: bold;
  display: block;
}

.evaluation-sub-infos__val {
  display: block;
}

.evaluation-list {
  padding-top: 1.4375rem;
}

.evaluation-list > li {
  min-height: 3.125rem;
  padding: 0.4375rem 2.1875rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  color: #4d4d4d;
}

.evaluation-list > li:nth-child(odd) {
  background-color: rgba(188, 208, 224, 0.21);
}

.evaluation-list > li:nth-child(even) {
  background-color: rgba(188, 208, 224, 0.13);
}

@media screen and (max-width: 768px) {
  .evaluation-list > li {
    display: block;
  }
}

.evaluation-list > li.evaluation-list__sided {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .evaluation-list > li.evaluation-list__sided {
    flex-direction: column;
  }
}

.evaluation-list > li.evaluation-list__sided .evaluation-list__voting {
  margin: 0;
}

.evaluation-list > li.evaluation-list__sided .evaluation-list__text {
  min-width: 30px;
}

@media screen and (max-width: 768px) {
  .evaluation-list > li.evaluation-list__sided .evaluation-list__text {
    margin-bottom: 15px;
  }
}

.evaluation-list__number {
  margin-right: 1rem;
  white-space: nowrap;
}

.evaluation-list__text {
  margin-right: auto;
  line-height: 24px;
}

.evaluation-list__voting {
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.evaluation-list__voting .checkbox:not(:first-child) {
  margin-left: 30px;
}

.evaluation-list .radio-item {
  margin: 30px 0;
}

.evaluation-list .radio-item .form-group {
  align-items: flex-start;
}

.evaluation-list .radio-item .form-group .radio-button {
  font-size: 15px;
  line-height: 24px;
}

.evaluation-list .radio-item .form-group .lbl {
  margin-left: 0;
  margin-right: 15px;
  margin-top: 5px;
}

.evaluation-list .radio-item .voting-area {
  justify-content: flex-start;
  padding: 0;
}

.evaluation-list__textarea {
  width: 100%;
  border-color: #cddbe6;
  min-height: 3.8125rem;
}

.progress-bar {
  width: 200px;
  height: 20px;
  position: relative;
  background-color: #bcd0e0;
}

.progress-bar__filler {
  background-color: #4abe7f;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.form-group input {
  display: none;
}

.form-group .lbl {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-left: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid #bcd0e0;
  text-align: center;
  background-color: #fff;
}

.form-group .lbl:hover {
  cursor: pointer;
}

.form-group .radio-button {
  margin-left: 36px;
  display: block;
  width: 50px;
  color: #000;
  text-align: left;
  line-height: 30px;
}

.form-group .radio-button:before {
  content: attr(data-value);
  position: absolute;
  left: 0;
  top: -55px;
  padding: 2px 8px;
  margin-left: -55px;
  min-width: 140px;
  background-color: #fff;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  box-shadow: 0 4px 5px 1px rgba(174, 182, 185, 0.8), 0 0 0 rgba(255, 224, 224, 0.27);
  font-size: 14px;
}

.form-group .radio-button:after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: -22px;
  margin-left: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #fff transparent transparent transparent;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}

.blue-bg {
  background-color: #3fb0e8 !important;
  border-color: #3fb0e8 !important;
}

.lbl.blue-bg {
  background-color: #fff !important;
  border-color: #3fb0e8 !important;
}

.a-radiobox__label.blue-bg {
  background-color: transparent !important;
  border-color: #3fb0e8 !important;
}

.lbl.blue-bg:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-color: #3fb0e8;
  border-radius: 50%;
  z-index: 1;
}

.a-radiobox__label.blue-bg:before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-color: #3fb0e8;
  border-radius: 50%;
  z-index: 1;
}


.a-radiobox {
  padding-left: 18px;
}

.a-radiobox__label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: 0.53px;
  text-align: left;
  color: #4d4d4d;
  display: flex;
  align-items: center;
}

.a-radiobox__label .checkmark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 24px;
  width: 24px;
  border-radius: 30px;
  background-color: #fff;
  border-color: #8a8a8a;
  border: 1px solid #dee3ed;
}

.a-radiobox__label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background: #3fb0e8;
}

.a-radiobox__label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.a-radiobox__label input:checked ~ .checkmark {
  background-color: #fff;
  border: solid 1px #3fb0e8;
}

.a-radiobox__label input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-item {
  padding: 8px 21px;
  min-height: 64px;
  display: flex;
  align-items: center;
}

.checkbox-item .form-group {
  display: flex;
  align-items: center;
}

.checkbox-item .form-group .checkbox-button {
  line-height: 1.38;
  word-break: break-word;
}

.checkbox {
  position: relative;
}

.checkbox.righted label {
  padding-left: 0;
  padding-right: 2.25rem;
}

.checkbox.righted label:before, .checkbox.righted label:after {
  right: 0;
  left: auto;
  margin: 0;
}

.checkbox.righted label:after {
  right: 3px;
}

.checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 36px;
}

.checkbox label::before,
.checkbox label::after {
  content: "";
  position: absolute;
  display: inline-block;
}

.checkbox label::before {
  left: 0px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  flex-shrink: 0;
  border: 1px solid #bcd0e0;
  text-align: center;
  background-color: #fff;
}

.checkbox label::after {
  height: 8px;
  width: 13px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  top: 50%;
  margin-top: -6px;
}

.checkbox input[type="checkbox"] + label::after {
  content: none;
}

.checkbox input[type="checkbox"]:checked + label::after {
  content: "";
  color: #00a0df;
}

.toggle-area {
  position: relative;
}

.exam-answers {
  background-color: #def1ff;
  border: 1px solid #0b3254;
  position: absolute;
  left: 0;
  top: -18px;
  transform: translate3d(30px, 0, 0);
  visibility: hidden;
  opacity: 0;
  transition: 300ms all ease-in-out;
  width: calc(100% - 60px);
  max-height: 650px;
  z-index: 999;
}

@media screen and (max-width: 768px) {
  .exam-answers {
    padding: 10px;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    max-height: 100vh;
  }
}

.exam-answers:after {
  content: '';
  width: 21.9px;
  height: 42px;
  position: absolute;
  right: -21.9px;
  top: 6px;
  border-left: 1px solid #def1ff;
  background-image: url("../images/right-bordered-angle.png");
}

@media screen and (max-width: 768px) {
  .exam-answers:after {
    content: none;
  }
}

.exam-answers.active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.exam-answers .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: black;
}

@media screen and (min-width: 769px) {
  .exam-answers .close-btn {
    display: none;
  }
}

.exam-answers__head {
  padding: 20px 30px;
  border-bottom: 1px solid #0b3254;
  font-size: 20px;
}

.exam-answers__content {
  overflow-y: auto;
  max-height: 390px;
  min-height: 180px;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0 15px;
}

.exam-answers__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.exam-answers__content::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 15px;
}

.exam-answers__content::-webkit-scrollbar-thumb:vertical {
  height: 4px;
  background-color: #fff;
}

.exam-answers__content::-webkit-scrollbar-track {
  background-color: #ccc;
}

.exam-answers__content::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}

.exam-answers__content::-webkit-scrollbar {
  left: -10px;
  margin: 5px;
  padding: 20px;
}

.exam-answers__content::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  background-clip: padding-box;
}

@media screen and (max-width: 768px) {
  .exam-answers__content {
    max-height: 84vh;
  }
}

.exam-answers__top {
  padding: 20px 30px;
  display: flex;
  align-items: center;
}

.exam-answers__top .icon-check {
  margin-right: 13px;
  margin-top: 5px;
}

.exam-answers__top .icon-check:before {
  color: #309a01;
  font-size: 24px;
}

.exam-answers__top .icon-close {
  margin-right: 13px;
  margin-top: 5px;
}

.exam-answers__top .icon-close:before {
  color: #ff004e;
  font-size: 18px;
}

.exam-answers-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.18;
  text-align: left;
  color: #0b3254;
}

.exam-answers p {
  text-indent: 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 1.41px;
  color: #0b3254;
}

.radio-item .form-group {
  display: flex;
  align-items: center;
}

.radio-item .form-group .radio-button {
  width: 100%;
  display: block;
  margin-left: 5px;
  margin-top: 1px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: 0.53px;
  text-align: left;
  color: #4d4d4d;
}

.radio-item .form-group .lbl {
  width: 24px;
  height: 24px;
}

.radio-item .form-group .lbl.blue-bg:before {
  width: 16px;
  height: 16px;
}

.radio-item .form-group .a-radiobox__label.blue-bg:before {
  width: 16px;
  height: 16px;
}

.bg-status {
  background-color: rgba(0, 160, 223, 0.5);
}

.bg-red {
  background-color: #f9cccc;
}

.bg-green {
  background-color: #ccf5d4;
}

/*.pagination {
  ul {
    display: flex;
    align-items: center;
    justify-content: center;

    li {
      height: 44px;
      margin: 0 1px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e8e8e8;

      &:hover {
        cursor: pointer;
      }

      .icon {
        color: #0b3254;
        opacity: 0.36;
      }
    }
  }

  &-bottom {
    width: 50%;
    height: 20px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;

    span {
      font-size: 16px;
      font-weight: 300;
      line-height: 4.06;
      letter-spacing: normal;
      text-align: center;
      color: #4d4d4d;
    }
  }
}

.default-number {
  width: 35px;
  border: none !important;

  a {
    font-size: 16px;
    font-weight: 300;
    line-height: 4.06;
    letter-spacing: normal;
    color: #4d4d4d;
  }
}

.active-number {
  width: 44px;
  height: 54px !important;
  background-color: #bcd0e0;
  border-color: #00a0df !important;

  a {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.25;
    letter-spacing: normal;
    color: rgba(11,50,84, 0.5);
  }
}

.prev {
  width: 35px;

  &-number {
    width: 44px;
    background-color: rgba(0,160,223, 0.5);

    a {
      font-size: 20px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.25;
      letter-spacing: normal;
      text-align: center;
      color: #0b3254;
    }
  }
}

.next {
  width: 35px;

  &-number {
    width: 44px;
    background-color: #bcd0e0;

    a {
      font-size: 20px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.25;
      letter-spacing: normal;
      text-align: center;
      color: rgba(11,50,84, 0.5);
    }
  }
}

.next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  &:before, &:after {
    content: '';
    width: 12px;
    height: 23px;
    display: inline-block;
    background: url('../images/right-arrow-dark.png') no-repeat 0 0 / contain;
  }

  &:after {
    margin-left: -7px;
    display: none;
  }

  &--fast {
    &:after {
      display: inline-block;
    }
  }
}

.prev {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  &:before, &:after {
    content: '';
    width: 12px;
    height: 23px;
    display: inline-block;
    background: url('../images/left-arrow-dark.png') no-repeat 0 0 / contain;
  }

  &:after {
    margin-left: -7px;
    display: none;
  }

  &--fast {
    &:after {
      display: inline-block;
    }
  }
}

.return {
  transform: rotateY(180deg);
}*/
.pagination-wrapper {
  width: calc(100% - 100px);
  margin: 0 auto;
  position: relative;
  max-width: 1137px;
}

.pagination-wrapper .pagination {
  margin-bottom: 20px;
}

.pagination {
  overflow: hidden;
  min-height: 78px;
}

.pagination__list {
  white-space: nowrap;
  overflow-x: auto;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  padding: 20px 0;
}

.pagination__list::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.pagination__list::-webkit-scrollbar-thumb {
  background: rgba(11, 50, 84, 0.5);
  border-radius: 15px;
}

.pagination__list::-webkit-scrollbar-thumb:vertical {
  height: 7px;
  background-color: rgba(11, 50, 84, 0.5);
}

.pagination__list::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}

.pagination__list::-webkit-scrollbar-track-piece {
  background-color: #e8e8e8;
}

.pagination__list li {
  display: inline-block;
  margin-right: 3px;
}

.pagination__list li a {
  width: 44px;
  height: 44px;
  background-color: #bcd0e0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e8e8e8;
  font-size: 20px;
  font-weight: 300;
  color: rgba(11, 50, 84, 0.5);
}

.pagination__list li a.page-passed {
  background-color: rgba(0, 160, 223, 0.5);
  color: #0b3254;
}

.pagination__list li a.page-active {
  border: 1px solid #00a0df;
  height: 54px;
  margin-top: -4px;
  font-weight: bold;
}

.pagination__navigation {
  position: absolute;
  width: calc(100% + 100px);
  left: -50px;
  top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pagination__navigation__next, .pagination__navigation__prev {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  height: 44px;
  width: 35px;
  margin: 0 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e8e8e8;
}

.pagination__navigation__next:hover, .pagination__navigation__prev:hover {
  cursor: pointer;
}

.pagination__navigation__next:before, .pagination__navigation__prev:before {
  content: '';
  width: 12px;
  height: 23px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.pagination__navigation__next:before {
  background-image: url("../images/right-arrow-dark.png");
}

.pagination__navigation__prev:before {
  background-image: url("../images/left-arrow-dark.png");
}

.related-content {
  height: 0;
}

@media screen and (max-width: 1366px) {
  .related-content {
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  .related-content {
    margin-bottom: 40px;
  }
}

.related-content .fancy-boxes {
  margin-bottom: 1.6875rem;
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  .related-content .fancy-boxes {
    height: 3.125rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  .related-content {
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  .related-content .related-accordion {
    float: left;
    width: 50%;
    padding: 0 15px;
  }
}

.related-accordion__firer {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.0625rem;
  text-align: left;
  color: #0b3254;
  border-bottom: 1px solid #BCD0E0;
  border-radius: 0;
  background-color: transparent;
  display: block;
  width: 100%;
  padding: 0.625rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.related-accordion__firer:hover, .related-accordion__firer:focus, .related-accordion__firer:active {
  background-color: transparent;
}

.related-accordion__firer:after {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: inline-block;
  transform: rotate(-90deg);
}

.related-accordion__firer--active:after {
  transform: rotate(90deg);
}

.related-accordion__content {
  padding: 5px 0;
}

.media-box {
  padding: 5px 0;
  display: flex;
  cursor: pointer;
  position: relative;
}

.media-box:before {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  background-color: rgba(188, 208, 224, 0.54);
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.5625rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
}

.media-box:nth-child(even) {
  background-color: rgba(188, 208, 224, 0.2);
}

.media-box__static {
  width: 100%;
  max-width: 7.9375rem;
  max-height: 4.4375rem;
  overflow: hidden;
  margin: 0;
  margin-right: 1.0625rem;
  position: relative;
}

.media-box__static--watched:after {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00a0df;
  font-size: 1.375rem;
  color: #ffffff;
  width: 2.3125rem;
  height: 1.8125rem;
  position: absolute;
  top: 0;
  left: 0;
}

.media-box__static--process:after {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.1875rem;
  color: #ffffff;
  position: absolute;
  top: -9px;
  left: 7px;
}

.media-box__static--process:before {
  content: '';
  background-color: #00a0df;
  width: 2.3125rem;
  height: 1.8125rem;
  position: absolute;
  top: 0;
  left: 0;
}

.media-box__static--canceled:after {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #ffffff;
  position: absolute;
  top: 6px;
  left: 10px;
}

.media-box__static--canceled:before {
  content: '';
  background-color: #f27a7e;
  width: 2.3125rem;
  height: 1.8125rem;
  position: absolute;
  top: 0;
  left: 0;
}

.media-box__static--return:after {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: #ffffff;
  position: absolute;
  top: 4px;
  left: 9px;
}

.media-box__static--return:before {
  content: '';
  background-color: #f27a7e;
  width: 2.3125rem;
  height: 1.8125rem;
  position: absolute;
  top: 0;
  left: 0;
}

.media-box__static img {
  width: 100%;
  vertical-align: top;
}

.media-box__duration {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #0b3254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: left;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  height: 1.3125rem;
}

.media-box__title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  text-align: left;
  color: #0b3254;
  margin-bottom: 0.1875rem;
  display: block;
}

.media-box__type {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: left;
  color: #0b3254;
  display: block;
}

.media-box:hover {
  background-color: rgba(188, 208, 224, 0.3);
}

.media-box:hover:before {
  background-color: rgba(188, 208, 224, 0.3);
}

@media screen and (min-width: 768px) {
  .media-box:hover:before {
    display: flex;
  }
}

.media-box--active {
  background-color: rgba(188, 208, 224, 0.54);
}

.media-box--active:before {
  background-color: rgba(188, 208, 224, 0.54);
  display: flex;
}

.player-area {
  position: relative;
}

.player-area.pdf-viewer .player-area__presentation {
  max-width: 745px !important;
  width: 100% !important;
  margin: auto;
  display: block !important;
}

.player-area__header {
  overflow: hidden;
  box-shadow: 0 6px 16px 0 rgba(11, 50, 84, 0.35);
  background-color: #2a51a3;
  padding-left: 1.9375rem;
  overflow: hidden;
  position: relative;
  margin-top: 55px;
}

.view-stage--fullscreen-in .player-area__header {
  display: none;
}

.player-area__header h1 {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 33px;
  letter-spacing: 3.28px;
  text-align: left;
  color: #ffffff;
  display: flex;
  align-items: center;
  height: 90px;
  float: left;
  padding-right: 20px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .player-area__header h1 {
    font-size: 18px;
    line-height: 24px;
  }
}

.player-area__header .fancy-boxes {
  font-size: 1.75rem;
  padding: 0 2rem 0 2.8125rem;
  margin-left: auto;
  float: right;
}

@media screen and (max-width: 768px) {
  .player-area__header .fancy-boxes {
    width: 100%;
    height: 4.375rem;
    margin-top: 10px;
  }
}

.player-area__header .fancy-boxes img {
  margin-right: 1.875rem;
}

@media screen and (max-width: 768px) {
  .player-area__header {
    font-size: 1rem;
    flex-direction: column;
    padding: 0 30px 15px;
  }
}

.player-area__media {
  position: relative;
  height: 100%;
}

.player-area__banner {
  position: relative;
  overflow: hidden;
}

.player-area__banner__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 3.5rem;
}

@media screen and (max-width: 768px) {
  .player-area__banner__content {
    position: relative;
    padding: 0 0.9375rem;
    z-index: 1;
  }
}

.player-area__banner__content--scrollable {
  padding-top: 25px;
  padding-bottom: 25px;
  overflow-y: auto;
  display: block;
}

.player-area__banner__img {
  vertical-align: top;
}

@media screen and (max-width: 1366px) {
  .player-area__banner__img {
    min-width: 62.5rem;
  }
}

@media screen and (max-width: 991px) {
  .player-area__banner__img {
    min-width: auto;
  }
}

@media screen and (max-width: 768px) {
  .player-area__banner__img {
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
  }
}

.player-area__banner__type {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: left;
  color: #ffffff;
  margin-bottom: 1.875rem;
  display: block;
}

@media screen and (max-width: 991px) {
  .player-area__banner__type {
    margin-bottom: 15px;
  }
}

.player-area__banner h2 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 3.5625rem;
  text-align: left;
  color: #ffffff;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 1366px) {
  .player-area__banner h2 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) {
  .player-area__banner h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 2.25rem;
  }
}

@media screen and (max-width: 768px) {
  .player-area__banner h2 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 36px;
  }
}

.player-area__banner p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
  color: #ffffff;
  margin-bottom: 1.6875rem;
}

@media screen and (max-width: 1366px) {
  .player-area__banner p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  .player-area__banner p {
    font-size: 14px;
  }
}

.player-area__banner .button {
  margin-right: 1.1875rem;
  margin-bottom: 1.875rem;
  vertical-align: top;
}

.player-area__banner--ocean:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 6px 16px 0 rgba(11, 50, 84, 0.35);
  background-color: rgba(11, 50, 84, 0.84);
}

.player-area__banner h1, .player-area__banner h2, .player-area__banner h3, .player-area__banner h4, .player-area__banner h5, .player-area__banner h6 {
  color: #ffffff;
}

.player-area__banner table tr td, .player-area__banner table tr th {
  color: #ffffff;
}

.player-area__banner ul li {
  color: #ffffff;
}

.player-area__sizers {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .player-area__sizers {
    right: 10px;
  }
}

.player-area__field {
  background-color: rgba(235, 235, 235, 0.54);
  padding: 1.75rem 3.5rem 3.1875rem;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1735px) {
  .player-area__field {
    padding: 1.25rem;
  }
}

.player-area__field__footer {
  width: 100%;
  padding: 20px 0;
  display: flex;
}

.player-area__field__footer button {
  margin-left: auto;
}

.player-area__field .session-field {
  width: calc(100% / 3);
  border: 1px solid #bcd0e0;
}

.player-area__field .session-field:nth-child(2), .player-area__field .session-field:nth-child(5), .player-area__field .session-field:nth-child(8) {
  background-color: #e9f1f5;
}

.player-area__field .session-field:nth-child(4), .player-area__field .session-field:nth-child(6) {
  background-color: #f2f6f8;
}

@media screen and (max-width: 1735px) {
  .player-area__field .session-field {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 768px) {
  .player-area__field .session-field {
    width: calc(100% / 1);
  }
}

.player-area__field .session-field .checkbox label:before {
  top: 0;
}

.player-area__field .session-field .checkbox label:after {
  top: 4px;
}

.player-area__field .session-field .doubled-selectboxes {
  display: flex;
  justify-content: flex-start;
}

.player-area__field .session-field .doubled-selectboxes .uxr-select-wrap {
  width: 50%;
}

.player-area__field .session-field .doubled-selectboxes .time-group {
  width: 50%;
}

.player-area__footer {
  width: 100%;
  height: 3.9375rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  padding: 0 1.25rem;
}

@media screen and (max-width: 768px) {
  .player-area__footer {
    justify-content: flex-start;
    padding: 0 0.625rem;
  }
}

.player-area__footer--colored {
  background-color: rgba(11, 50, 84, 0.75);
}

.player-area__exam {
  padding: 45px 55px 120px;
  background-color: rgba(235, 235, 235, 0.54);
}

@media screen and (max-width: 768px) {
  .player-area__exam {
    padding: 35px 20px;
  }
}

.player-area__exam:after {
  content: '';
  width: 100%;
  display: table;
}

.player-area__exam textarea {
  resize: none;
  width: 100%;
  min-height: 5.8125rem;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 25px;
}

.player-area__exam h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #4d4d4d;
  margin-bottom: 25px;
}

.player-area__exam hr {
  border: none;
  border-top: 1px solid #BCD0E0;
  margin-bottom: 25px;
}

.player-area__exam p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #4d4d4d;
  margin-bottom: 0px;
  text-align: unset;
}

.player-area__exam p.boundary {
  max-width: 561px;
}

.player-area__exam p.highlighted {
  font-weight: 500;
}

.player-area__exam .text-wrapped {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: auto;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
}

.player-area__exam .radio-item {
  margin-bottom: 25px;
}

.player-area__exam .checkbox-item {
  justify-content: unset !important;
  margin-bottom: 25px;
}

.player-area__exam .info-divider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.player-area__exam .info-divider hr {
  max-width: calc(100% - 35px);
  width: 100%;
  margin: 0;
}

.player-area__exam .info-divider .info-icon {
  width: 20px;
  height: 20px;
  display: block;
  background: url("../images/info-divider.png") no-repeat 0 0/contain;
}

.player-area__exam__options:after {
  content: '';
  width: 100%;
  display: table;
}

.player-area__exam__options .right-content {
  float: right;
}

@media screen and (max-width: 768px) {
  .player-area__exam__options .right-content {
    width: 100%;
  }
}

.player-area__exam__options .right-content:after {
  content: '';
  width: 100%;
  display: table;
}

.player-area__exam__options .button {
  float: left;
  margin-left: 17px;
  width: 193px;
}

@media screen and (max-width: 768px) {
  .player-area__exam__options .button {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.player-area__bottom {
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .player-area__bottom {
    flex-direction: column;
    margin-bottom: 15px;
  }
}

.player-area__bottom p.text {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.38;
  letter-spacing: 0.53px;
  text-align: left;
  color: #4d4d4d;
}

.player-area__presentation {
  text-align: center;
  height: calc(100% - 153px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.grid .grid-col.view-stage--fullscreen-in .player-area.pdf-viewer .player-area__presentation {
  max-width: 100% !important;
}

.player-area__presentation img {
  vertical-align: top;
  flex: 0 0 auto;
  object-fit: scale-down;
  margin: 60px auto;
}

.view-stage--fullscreen-in .player-area__presentation img {
  min-width: 100%;
  object-fit: cover;
}

.player-area__player-actions {
  padding-left: 40px;
}

.player-area__player-actions .player-actions__prev {
  background: transparent;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 32px;
  position: relative;
  transform: rotate(-180deg);
}

.player-area__player-actions .player-actions__prev:before, .player-area__player-actions .player-actions__prev:after {
  content: '';
  width: 19px;
  height: 35px;
  display: inline-block;
  background: url("../images/right-arrow.png") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 0;
}

.player-area__player-actions .player-actions__prev:after {
  left: 7.6px;
}

.player-area__player-actions .player-actions__next {
  background: transparent;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 32px;
  position: relative;
}

.player-area__player-actions .player-actions__next:before, .player-area__player-actions .player-actions__next:after {
  content: '';
  width: 19px;
  height: 35px;
  display: inline-block;
  background: url("../images/right-arrow.png") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 0;
}

.player-area__player-actions .player-actions__next:after {
  left: 7.6px;
}

.player-area__player-actions .player-actions__timeline {
  width: 18px;
  height: 34px;
  display: inline-block;
  background: transparent;
  padding: 0;
  margin: 0 35px;
}

.player-area__player-actions .player-actions__timeline--play {
  background: url("../images/play.png") no-repeat 0 0/contain;
}

.player-area__player-actions .player-actions__timeline--pause {
  width: 13px;
  background: url("../images/pause.png") no-repeat 0 0/contain;
}

.player-area__duration {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
  margin-left: 30px;
}

.player-area__pagination {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.79px;
  text-align: left;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .player-area__pagination {
    font-size: 20px;
  }
}

.player-area__pagination .pagination ::-webkit-input-placeholder {
  color: #0b3254;
}

.player-area__pagination .pagination :-ms-input-placeholder {
  color: #0b3254;
}

.player-area__pagination .pagination ::placeholder {
  color: #0b3254;
}

.player-area__pagination .pagination__prev {
  background: transparent;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 32px;
  position: relative;
  transform: rotate(-180deg);
  margin-right: 18px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__prev {
    margin-right: 5px;
  }
}

.player-area__pagination .pagination__prev:before, .player-area__pagination .pagination__prev:after {
  content: '';
  width: 19px;
  height: 35px;
  display: inline-block;
  background: url("../images/right-arrow.png") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__prev:before, .player-area__pagination .pagination__prev:after {
    width: 11px;
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__prev:before {
    left: 7px;
  }
}

.player-area__pagination .pagination__prev:after {
  left: 7.6px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__prev:after {
    left: 11.6px;
  }
}

.player-area__pagination .pagination__next {
  background: transparent;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 32px;
  position: relative;
  margin-left: 18px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__next {
    margin-left: 5px;
  }
}

.player-area__pagination .pagination__next:before, .player-area__pagination .pagination__next:after {
  content: '';
  width: 19px;
  height: 35px;
  display: inline-block;
  background: url("../images/right-arrow.png") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__next:before, .player-area__pagination .pagination__next:after {
    width: 11px;
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__next:before {
    left: 7px;
  }
}

.player-area__pagination .pagination__next:after {
  left: 7.6px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__next:after {
    left: 11.6px;
  }
}

.player-area__pagination .pagination__number {
  color: #0b3254;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  margin-right: 6px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination .pagination__number {
    width: 42px;
    height: 42px;
    padding: 0 5px;
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .player-area__pagination--horizontal .pagination__prev:before, .player-area__pagination--horizontal .pagination__prev:after {
    top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .player-area__pagination--horizontal .pagination__next:before, .player-area__pagination--horizontal .pagination__next:after {
    top: 5px;
  }
}

.player-area__pagination--rotate .pagination__prev {
  transform: rotate(90deg);
  margin-right: auto;
  margin-left: 18px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination--rotate .pagination__prev {
    margin-left: 5px;
  }
}

.player-area__pagination--rotate .pagination__next {
  transform: rotate(-90deg);
  margin-left: auto;
  margin-right: 18px;
}

@media screen and (max-width: 768px) {
  .player-area__pagination--rotate .pagination__next {
    margin-right: 5px;
  }
}

.player-area .size-modes {
  border-radius: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  margin-left: 2.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 768px) {
  .player-area .size-modes {
    margin-left: 0.625rem;
  }
}

.player-area .size-modes.theater-mode {
  background-image: url("../images/theater.png");
  width: 54px;
  height: 34px;
}

@media screen and (max-width: 768px) {
  .player-area .size-modes.theater-mode {
    width: 30px;
    height: 19px;
  }
}

.player-area .size-modes.theater-mode--active {
  background-image: url("../images/landscape-active.png");
}

.player-area .size-modes.fullscreen-mode {
  background-image: url("../images/fullscreen.png");
  width: 36px;
  height: 36px;
}

@media screen and (max-width: 768px) {
  .player-area .size-modes.fullscreen-mode {
    width: 22px;
    height: 22px;
  }
}

.player-area .size-modes.fullscreen-mode--active {
  background-image: url("../images/fullscreen-active.png");
}

.player-area .datepicker-group {
  position: relative;
}

.player-area .datepicker-group:after {
  content: '';
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  right: 23px;
  bottom: 18px;
  background: url("../images/calendar.png") no-repeat 0 0/contain;
  pointer-events: none;
}

.player-area .datepicker-group .ui-datepicker {
  height: 56px;
  border: solid 1px #bcd0e0;
  background-color: #eef3f7;
  width: 100%;
}

.player-area .session-form .parsley-errors-list {
  display: none;
}

.fullscreen-close {
  position: absolute;
  right: 4.6875rem;
  top: 5rem;
  height: 1.6875rem;
  width: 1.6875rem;
  display: none;
  border-radius: 50%;
  background: url("../images/close.png") no-repeat 0 0/contain;
  padding: 0;
  margin: 0;
}

.exam-answers-toggle {
  cursor: pointer;
}

.session-field {
  padding: 1.625rem 3.4375rem 2.25rem;
  background-color: #ffffff;
}

@media screen and (max-width: 1735px) {
  .session-field {
    padding: 1.5625rem;
  }
}

@media screen and (max-width: 768px) {
  .session-field {
    padding: 1.25rem 0.9375rem;
  }
}

.session-field__head {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3125rem;
  text-align: left;
  color: #0b3254;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.session-field__head .checkbox {
  font-weight: normal;
  float: right;
}

.session-field__head .checkbox label {
  font-size: 0.875rem;
}

.session-field__content .uxr-select-wrap {
  width: 100%;
  vertical-align: top;
}

.voting-area {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .voting-area {
    padding: 15px 0;
  }
}

.voting-area ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.voting-area ul li {
  position: relative;
  margin: 0 7px;
  width: 36px;
  height: 36px;
}

.voting-area ul li:hover {
  cursor: pointer;
}

.voting-area ul li:hover .face-ballon {
  display: block;
}

.voting-area .disable {
  pointer-events: none;
}

.voting-area .disable img {
  opacity: 0.3;
}

.voting-area .disable:hover img {
  opacity: 1;
}

.voting-area .face-ballon {
  display: none;
  position: absolute;
  left: -15px;
  top: -45px;
  width: 86px;
  height: 37px;
  margin-left: -10px;
  padding-top: 10px;
  background-color: #fff;
  text-align: center;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.17;
  letter-spacing: 0.26px;
  color: #707070;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.voting-area .face-ballon:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 37px;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}

.button {
  width: 11.3125rem;
  height: 3.3125rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.35);
  background-color: #ffca05;
  border-radius: 0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5rem;
  text-align: center;
  color: #4d4d4d;
  padding: 0 10px;
}

.button:hover, .button:focus, .button:active {
  background-color: #ffca05;
}

.button--pale {
  background-color: #bcd0e0;
}

.button--pale:hover, .button--pale:focus, .button--pale:active {
  background-color: #bcd0e0;
}

.button--pale2 {
  background-color: #e8e8e8;
}

.button--pale2:hover, .button--pale2:focus, .button--pale2:active {
  background-color: #e8e8e8;
}

.button--bordered {
  background-color: transparent;
  border: 1px solid #707070;
}

.button--bordered:hover, .button--bordered:focus, .button--bordered:active {
  background-color: transparent;
}

.fancy-boxes {
  height: 5.625rem;
  box-shadow: 0 6px 16px 0 rgba(11, 50, 84, 0.35);
  background-image: linear-gradient(to left, #ffc828, #00a0df);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3125rem;
  text-align: left;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.625rem;
}

.exam-end-modal {
  padding: 35px 30px 40px;
  min-width: 410px;
  width: auto;
  margin: auto;
  border: solid 1px #0b3254;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .exam-end-modal {
    min-width: 100%;
  }
}

.exam-end-modal__title h4 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #0b3254;
}

.exam-end-modal__content {
  margin-bottom: 30px;
}

.exam-end-modal__content table {
  border-spacing: 0;
}

.exam-end-modal__content table td {
  padding: 9px 19px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #0b3254;
}

.exam-end-modal__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.exam-end-modal__bottom .btn {
  min-width: 192px;
  width: 100%;
  height: 56px;
  margin:0;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

.exam-end-modal__bottom .primary-btn {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #0b3254;
}

.exam-end-modal__bottom .default-btn {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #0b3254;
}

.exam.uxr-modal-container {
  background-color: transparent;
  box-shadow: none;
}

.uxr-select-wrap.uxr-select-opened .selectbox:not(.clock) + .uxr-select-selection .uxr-select-arrow:before {
  transform: rotate(-90deg);
}

.selectbox.clock + .uxr-select-selection .uxr-select-arrow:before {
  content: '';
  transform: none;
  width: 1.25rem;
  height: 1.375rem;
  display: block;
  background: url("../images/clock-small.png") no-repeat 0 0/contain;
}

.selectbox + .uxr-select-selection {
  width: 100% !important;
  padding: 0 1.25rem;
  border: solid 1px #bcd0e0;
  background-color: #ffffff;
  height: 3.5rem;
  display: flex;
  align-items: center;
  border-radius: 0;
  padding-right: 44px;
}

.selectbox + .uxr-select-selection .uxr-select-selection-text {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-align: left;
  color: #0b3254;
  padding: 0;
}

.selectbox + .uxr-select-selection .uxr-select-arrow {
  border: none;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  right: 21px;
}

.selectbox + .uxr-select-selection .uxr-select-arrow:before {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  color: #00a0df;
  font-size: 1.375rem;
  text-transform: none;
  display: inline-block;
  transform: rotate(90deg);
}

.selectbox.parsley-error + .uxr-select-selection {
  border-color: red;
}

.uxr-select-drop {
  max-height: 15.875rem;
}

.uxr-select-drop .uxr-select-search {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
}

.uxr-select-drop .uxr-select-list {
  padding-top: 42px;
}

.uxr-select-drop.selectbox-drop {
  box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.35);
  border: solid 1px #bcd0e0;
  background-color: #ffffff;
  overflow-y: auto;
}

.uxr-select-drop.selectbox-drop .uxr-select-list {
  max-height: 100% !important;
}

.uxr-select-drop.selectbox-drop .uxr-select-list li a {
  padding: 0.5625rem 1.5625rem 0.5625rem 1.25rem;
}

.uxr-select-drop.selectbox-drop .uxr-select-list li:first-child {
  display: none;
}

.uxr-select-drop.selectbox-drop.clock {
  height: auto;
  max-height: 250px;
  overflow-y: auto;
}

.uxr-select-drop.selectbox-drop.clock .uxr-select-list li a {
  padding: 0.9375rem 1.5625rem 0.9375rem 1.25rem;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.0625rem;
  text-align: left;
  color: #0b3254;
}

.ui-datepicker {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ui-datepicker::-ms-clear {
  display: none;
}

.ui-datepicker.ui-widget {
  background-color: #ffffff;
  width: 305px;
  box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #bcd0e0;
}

.ui-datepicker.ui-widget .ui-datepicker-header {
  padding-top: 25px;
  padding-bottom: 20px;
  position: relative;
}

.ui-datepicker.ui-widget .ui-datepicker-header:after {
  content: '';
  display: table;
  width: 100%;
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all {
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  z-index: 1;
  position: relative;
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all:before {
  font-size: 18px;
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
  float: left;
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
  float: right;
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-title {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 69px;
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-title select {
  height: 35px;
  padding: 0 10px;
  margin: 0 5px;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td {
  text-align: center;
  cursor: pointer;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td a {
  color: #000;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td.ui-datepicker-current-day {
  border-radius: 50%;
  background-color: #0b3254;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td.ui-datepicker-current-day a {
  color: #fff;
}

.ui-datepicker.parsley-error {
  border-color: red !important;
}

.ui-timepicker {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ui-timepicker::-ms-clear {
  display: none;
}

.ui-timepicker.parsley-error {
  border-color: red !important;
}

.toast-message-box {
  position: fixed;
  right: 30px;
  bottom: 0;
  max-height: 100%;
  overflow-y: auto;
  z-index: 99;
  padding: 10px 5px;
  max-width: 230px;
  width: 100%;
  transform: translate3d(0, 100%, 0);
  transition: 300ms all ease-in-out;
}

.toast-message-box li {
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  padding-left: 60px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}

.toast-message-box li:not(:first-child) {
  margin-top: 15px;
}

.toast-message-box li.success {
  background-color: #00a0df;
}

.toast-message-box li.success:after {
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  font-size: 1.375rem;
  color: #00a0df;
  width: 2.1875rem;
  height: 2.1875rem;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -17.5px;
  border-radius: 50%;
}

.toast-message-box--in {
  transform: translate3d(0, 0, 0);
}

.exam-empty {
  width: 100%;
  height: auto;
  padding: 15px;
  margin-top: -25px;
  margin-bottom: 30px;
  border: solid 1px #ebebeb;
  background-color: #ffffff;
}

.uxr-modal-container {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .uxr-modal-container {
    width: 95% !important;
  }
}

.uxr-modal-container.assignment-modal-container {
  font-family: GreycliffCF, sans-serif;
  padding: 0 !important;
  width: 774px;
  max-width: 100%;
  border: solid 1px #0b3254;
  border-radius: 0;
}

.uxr-modal-container.assignment-modal-container .uxr-modal-close:before {
  color: #fff;
  font-size: 8px;
  border-radius: 100%;
  border: 1px solid #fff;
  padding: 6px;
}

.uxr-modal-container.assignment-modal-container .modal-custom-header {
  position: fixed;
  width: 100%;
}

.uxr-modal-container.assignment-modal-container .modal-custom-content {
  padding: 105px 40px 40px;
  overflow: scroll;
}

.uxr-modal-container.catalog-modal-container {
  padding: 10px 10px 0 10px;
}

@media screen and (max-width: 768px) {
  .uxr-modal-container.catalog-modal-container {
    padding: 0 !important;
    width: 100% !important;
  }
}

.uxr-modal-container .modal-custom-header {
  height: 65px;
  display: flex;
  align-items: center;
  padding: 0 40px;
  background-color: #2a51a3;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 2.57px;
  color: #ffffff;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .uxr-modal-container .modal-custom-header {
    height: auto;
    padding: 15px 40px 15px 15px;
  }
}

.uxr-modal-container .modal-custom-content {
  padding: 40px;
}

@media screen and (max-width: 768px) {
  .uxr-modal-container .modal-custom-content {
    padding: 15px;
  }
}

.uxr-modal-container .modal-custom-footer {
  padding-top: 20px;
  border-top: 1px solid #cedce6;
  text-align: right;
}

.uxr-modal-container .form-group input {
  display: block;
}

.uxr-modal-container .modal-custom-divided {
  margin-bottom: 20px;
}

.uxr-modal-container .modal-custom-divided h5 {
  font-size: 18px;
  line-height: 27px;
  font-weight: normal;
  text-align: left;
  color: #0b3254;
  margin-bottom: 0;
}

.uxr-modal-container .modal-custom-divided.side-to-side {
  display: flex;
  margin-left: -18px;
  margin-right: -18px;
}

@media screen and (max-width: 768px) {
  .uxr-modal-container .modal-custom-divided.side-to-side {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
}

.uxr-modal-container .modal-custom-divided.side-to-side .form-group {
  margin: 0 18px;
}

@media screen and (max-width: 768px) {
  .uxr-modal-container .modal-custom-divided.side-to-side .form-group {
    width: 100%;
    margin: 10px 0 0;
  }
}

.uxr-modal-container .form-group input {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: #4d4d4d;
  width: 207px;
  height: 42px;
}

.uxr-modal-container .form-group textarea {
  resize: none;
  width: 100%;
  height: 274px;
  font-size: 14px;
  color: #0b3254;
  padding: 18px 13px;
  vertical-align: top;
}

.uxr-modal-container .form-group.attach-to-top button {
  width: 100%;
}

.uxr-modal-container .form-group.attach-to-top input {
  width: 100%;
  border-top: none;
}

.uxr-modal-container .complex-radio {
  width: 50%;
}

.uxr-modal-container .complex-radio-wrapper {
  width: 207px;
  display: flex;
  background-color: #f4f7fa;
}

.uxr-modal-container .complex-radio input {
  width: 100%;
}

.complex-radio {
  position: relative;
  cursor: pointer;
}

.complex-radio input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.complex-radio input:checked + .complex-radio-theme {
  color: #0b3254;
}

.complex-radio input:checked + .complex-radio-theme.positive {
  background-color: #b4e8c4;
}

.complex-radio input:checked + .complex-radio-theme.negative {
  background-color: #edd9d9;
}

.complex-radio input:checked + .complex-radio-theme .smiley-face {
  background-image: url("../images/smiley-face.png");
}

.complex-radio input:checked + .complex-radio-theme .sad-face {
  background-image: url("../images/sad-face.png");
}

.complex-radio span {
  display: block;
  height: 42px;
  font-size: 14px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  color: #afbcc8;
}

.complex-radio .smiley-face,
.complex-radio .sad-face {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px -4px 0;
}

.complex-radio .smiley-face {
  background-image: url("../images/smiley-face-passive.png");
}

.complex-radio .sad-face {
  background-image: url("../images/sad-face-passive.png");
}

.form-group.file-group button {
  width: 207px;
  height: 42px;
  border: solid 1px #cddbe6;
  border-radius: 0;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: #4d4d4d;
  padding: 0 31px 0 13px;
  display: block;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-group.file-group button:after {
  content: '';
  margin-left: auto;
  display: block;
  width: 21px;
  height: 19px;
  background: url("../images/upload.png") no-repeat 0 0/contain;
  position: absolute;
  right: 6px;
  top: 9px;
}

.form-group.file-group button.remove-it:after {
  height: 18px;
  top: 10px;
  background: url("../images/file-upload-minus.png") no-repeat 0 0/contain;
}

.form-group.file-group button.file-download:after {
  background: url("../images/download.png") no-repeat 0 0/contain;
  width: 20px;
  height: 21px;
}

.form-group.file-group input {
  display: none;
}

.uxr-modal-container .assignment-modal.warning .modal-custom-header {
  background-color: #ff004e;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.bootstrap-datetimepicker-widget table td.active {
  background-color: #00a0df;
}

.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #00a0df;
}

.bootstrap-datetimepicker-widget table th.next, .bootstrap-datetimepicker-widget table th.prev {
  width: 40px;
  height: 40px;
}

.bootstrap-datetimepicker-widget table th.next:before, .bootstrap-datetimepicker-widget table th.prev:before {
  content: "\EA15";
  font-family: tag;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  color: #00a0df;
  font-size: 1.375rem;
  text-transform: none;
  display: inline-block;
  background: none;
  width: auto;
  height: auto;
}

.bootstrap-datetimepicker-widget table th.prev {
  transform: rotate(180deg);
}

.time-group {
  position: relative;
}

.time-group input {
  height: 56px;
  width: 100%;
  background: #fff url(../images/clock-small.png) no-repeat 95% center/20px 22px !important;
}

.time-group input:disabled {
  background-color: #fff;
  opacity: 0.5;
}

.time-group .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.time-group .glyphicon-chevron-up:before {
  content: "\EA15";
  font-family: tag;
  color: #00a0df;
  display: inline-block;
  transform: rotate(-90deg);
}

.time-group .glyphicon-chevron-down:before {
  content: "\EA15";
  font-family: tag;
  color: #00a0df;
  transform: rotate(90deg);
  display: inline-block;
}

.time-group .timepicker {
  width: 190px;
  height: auto;
}

.time-group .timepicker table td {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.time-group .timepicker table td span {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.path-card {
  border-width: 0.875rem;
  border-style: solid;
  width: 21.625rem;
  height: 16.25rem;
  border-radius: 1.5625rem 0;
  padding: 0.75rem;
  position: absolute;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .path-card {
    width: 100%;
  }
}

.path-card__info {
  border-radius: 0.4375rem 0;
  padding: 0.625rem;
  color: #ffffff;
  min-height: 7.3125rem;
  position: relative;
  padding-bottom: 1.125rem;
}

.path-card__title {
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: -0.22px;
  display: block;
}

.path-card__sub-title {
  font-size: 1rem;
  letter-spacing: -0.2px;
  display: block;
}

.path-card__sub-info {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.15px;
  text-align: right;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}

.path-card__footer {
  min-height: 6.4375rem;
  display: flex;
  align-items: center;
  font-weight: 900;
}

.path-card__cutted-bg {
  position: absolute;
  left: 10px;
  top: 10px;
  max-width: 294px;
}

.path-card__dots {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 112px;
}

.path-card__progress {
  background-color: #e8e8e8;
  display: block;
  max-width: 80%;
  width: 100%;
  height: 6px;
}

.path-card__progress:after {
  content: 'Tamamlandı';
  font-size: 12px;
  font-weight: 900;
  color: #4abe7f;
}

.path-card__progress-inner {
  background-color: #4abe7f;
  display: block;
  height: 100%;
}

.path-card__progress-count {
  font-weight: bold;
  display: inline-block;
  padding-left: 10px;
}

.path-card--info {
  border-color: #8fcaff;
}

.path-card--info .path-card__info {
  background-color: #8fcaff;
}

.path-card--info .path-card__footer {
  color: #8fcaff;
}

.path-card--danger {
  border-color: #d8a0a4;
}

.path-card--danger .path-card__info {
  background-color: #d8a0a4;
}

.path-card--danger .path-card__footer {
  color: #d8a0a4;
}

.path-card--danger .path-card__footer b {
  font-size: 22px;
  padding-right: 4px;
}

.path-card--passive {
  border-color: #c8ced1;
}

.path-card--passive .path-card__info {
  background-color: #c8ced1;
}

.path-card--passive .path-card__footer {
  color: #c8ced1;
}

.path-card--success {
  border-color: #4abe7f;
}

.path-card--success .path-card__info {
  background-color: #4abe7f;
}

.path-card--success .path-card__footer {
  color: #4abe7f;
}

.path-card--final {
  border-color: #4abe7f;
  height: 465px !important;
  position: relative;
}

.path-card--final .path-card__info {
  height: 100%;
  padding-top: 40px;
  text-align: center;
}

.path-card--final .path-card__circle-check {
  margin: 0 auto 30px;
  width: 71px;
  display: block;
}

.path-card--final .path-card__title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.2px;
  text-align: center;
  font-weight: normal;
  color: #ffffff;
  margin-bottom: 5px;
  display: block;
  max-width: 171px;
  margin-left: auto;
  margin-right: auto;
}

.path-card--final .path-card__sub-info {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: -0.26px;
  text-align: center;
  color: #ffffff;
  display: block;
  position: initial;
  max-width: 171px;
  margin-left: auto;
  margin-right: auto;
}

.path-card--final .path-card__footer {
  color: #4abe7f;
}

.path-card--disabled {
  opacity: .5;
}

.path-card .card-list-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

.path-card .card-list-button:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #8fcaff;
  display: block;
  margin-right: 5px;
  border-radius: 2px;
}

.path-card .card-list-button:after {
  font-family: "tag";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA18";
  position: absolute;
  left: 2px;
  font-size: 11px;
  bottom: 7px;
  color: #FFF;
  display: none;
}

.path-card .card-list-button--active:before {
  background: #8fcaff;
}

.path-card .card-list-button--active:after {
  display: block;
}

.html-element {
  position: absolute;
  background: #3498DB;
  pointer-events: none;
  -webkit-user-select: none;
  border-radius: 4px;
  padding: 5px;
  box-sizing: border-box;
  z-index: 2;
  margin-top: 40px;
}

.html-element label {
  color: #333;
  font-weight: bold;
}

.education-library {
  position: relative;
  padding: 15px 15px 20px 44px;
  width: 100%;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .education-library {
    padding: 15px 5px 20px 10px;
  }
}

@media screen and (max-width: 530px) {
  .education-library {
    padding: 15px 10px 20px;
  }
}

.education-library .education-library__card {
  margin-right: 10px;
}

@media screen and (min-width: 1650px) {
  .education-library .education-library__card {
    flex: 0 0 19.4%;
    max-width: 19.4%;
  }
}

@media screen and (max-width: 1745px) {
  .education-library .education-library__card {
    flex: 0 0 19%;
    max-width: 19%;
  }
}

@media screen and (max-width: 1400px) {
  .education-library .education-library__card {
    flex: 0 0 24%;
    max-width: 24%;
  }
}

@media screen and (max-width: 1190px) {
  .education-library .education-library__card {
    flex: 0 0 32%;
    max-width: 32%;
  }
}

@media screen and (max-width: 830px) {
  .education-library .education-library__card {
    flex: 0 0 48%;
    max-width: 48%;
  }
}

@media screen and (max-width: 530px) {
  .education-library .education-library__card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.education-library .education-library__card .modal-catalog {
  width: 100%;
}

.education-library .education-library__card:visited {
  color: inherit;
}

.education-library .education-library__card__img {
  position: relative;
}

.education-library .education-library__card__img img {
  height: auto;
  object-fit: cover;
  width: 100%;
}

.education-library__content {
  display: flex;
  flex-wrap: wrap;
}

.education-library__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.21;
  color: #4d4d4d;
  text-align: left;
  margin-bottom: 0;
  padding: 0 0 10px 0;
}

.education-library:nth-child(even) {
  background: #ebebeb;
}

.education-library__card {
  width: 302px;
  transition: all 0.2s ease-in-out;
  z-index: 0;
  margin-bottom: 16px;
  position: relative;
  box-shadow: 0 2px 10px -5px rgba(37, 51, 66, 0.5);
}

.education-library__card .modal-catalog {
  width: 100%;
}

.education-library__card:visited {
  color: inherit;
}

.education-library__card__img {
  position: relative;
}

.education-library__card__img img {
  height: auto;
  object-fit: cover;
  width: 100%;
}

.education-library__card .copied-link,
.education-library__card .saved {
  position: absolute;
  display: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
  color: #fff;
  box-shadow: -1px -2px 6px 0 rgba(37, 51, 66, 0.5);
  background-color: #15365c;
  white-space: nowrap;
  padding: 7px 10px;
  top: -40px;
  left: -40px;
}

.education-library__card .copied-link:before,
.education-library__card .saved:before {
  content: "";
  width: 0;
  height: 0;
  background: transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #15365c;
  position: absolute;
  bottom: -5px;
  left: calc(50% - 3px);
}

.education-library__card .copied-link.saved,
.education-library__card .saved.saved {
  left: 5px;
}

.education-library__card .copied-link.saved:before,
.education-library__card .saved.saved:before {
  left: 12px;
}

.education-library__card .copied-link.active,
.education-library__card .saved.active {
  display: block;
}

.education-library__card .icon-hourglass {
  color: #96a7b5;
}

.education-library__card__live-time {
  font-size: 12px;
  font-style: oblique;
  line-height: 1.17;
  color: #ef0e53;
  position: absolute;
  bottom: 0px;
  left: 8px;
}

.education-library__card__progress {
  height: 5px;
  background: #e9eaec;
  position: absolute;
  width: 100%;
  bottom: 75px;
  border-radius: 20px;
}

.education-library__card__progress div {
  height: 5px;
  background: #00a0df;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.education-library__card__progress span {
  display: none;
}

.education-library__card--video {
  position: absolute;
  width: 65px;
  height: 65px;
  right: 0;
  left: 0;
  margin: auto;
  top: 36px;
  border-radius: 100%;
  display: none;
  cursor: pointer;
}

.education-library__card--video img {
  height: 65px;
}

.education-library__card--video.live {
  background: #ef0e53;
  top: 33px;
}

.education-library__card--video.live .icon-arrow {
  color: #fff;
}

.education-library__card__content {
  min-height: 70px;
}

.education-library__card__title {
  padding: 8px 8px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  color: #253342;
  margin-bottom: 4px;
}

.education-library__card__desc {
  display: none;
  padding: 0 8px 8px;
}

.education-library__card__desc--left p {
  margin: 0;
  font-size: 12px;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.6);
}

.education-library__card__desc--left span {
  display: block;
  font-size: 7px;
  font-style: oblique;
  line-height: 1.2;
  text-align: left;
  color: rgba(11, 50, 84, 0.61);
}

.education-library__card__icons {
  display: none;
}

.education-library__card__info strong {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #253342;
}

.education-library__card__info strong:last-child {
  position: relative;
  margin-left: 0px;
}

.education-library__card__info strong:last-child:before {
  /*content: "";*/
  position: absolute;
  width: 3px;
  height: 3px;
  background: #253342;
  top: 7px;
  left: -10px;
  border-radius: 100%;
}

.education-library__card__info strong small {
  font-weight: normal;
}

.education-library__card .live-time {
  position: absolute;
  color: #fff;
  top: 75%;
  right: 0;
  background: #ef0e53;
  font-size: 12px;
  padding: 2px 6px;
  left: 46%;
  transform: translate(-46%, 0);
  white-space: nowrap;
  display: none;
}

.education-library__card .tag {
  position: absolute;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  top: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.education-library__card .tag.second {
  top: 40px;
}

.education-library__card .tag.like {
  background: #fba926;
  color: #15365c;
}

.education-library__card .tag.live {
  background: #ef0e53;
}

.education-library__card .tag.persona {
  background: #00a0df;
}

.education-library__card .tag.persona .icon {
  font-size: 19px;
  line-height: 0;
}

.education-library__swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  width: calc(100% - 80px);
}

@media screen and (max-width: 768px) {
  .education-library__swiper {
    margin: 0 10px 0;
    width: calc(100% - 25px);
  }
}

.education-library__swiper-left {
  position: absolute;
  top: 34px;
  left: 45px;
  font-size: 1.5rem;
  z-index: 2;
  height: 245px;
  width: 60px;
  cursor: pointer;
  z-index: 10;
}

.education-library__swiper-left:hover:after {
  width: 60px;
  height: 245px;
  border-radius: 0;
  top: 0;
}

.education-library__swiper-left:after {
  content: "";
  position: absolute;
  background-color: rgba(21, 54, 92, 0.3);
  width: 56px;
  height: 56px;
  border-radius: 100%;
  left: 0;
  top: calc(50% - 28px);
}

.education-library__swiper-left .icon {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 15px);
  color: #fff;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .education-library__swiper-left {
    display: none;
  }
}

.education-library__swiper-left.swiper-button-disabled {
  display: none;
}

.education-library__swiper-left.swiper-button-disabled:after {
  background-color: transparent !important;
}

.education-library__swiper-right {
  position: absolute;
  right: 40px;
  top: 34px;
  font-size: 1.5rem;
  z-index: 2;
  height: 245px;
  width: 60px;
  cursor: pointer;
  z-index: 10;
}

.education-library__swiper-right:hover:after {
  width: 60px;
  height: 245px;
  border-radius: 0;
  top: 0;
}

.education-library__swiper-right:after {
  content: "";
  position: absolute;
  background-color: rgba(21, 54, 92, 0.3);
  width: 56px;
  height: 56px;
  border-radius: 100%;
  right: 0;
  top: calc(50% - 28px);
}

.education-library__swiper-right .icon {
  position: absolute;
  top: calc(50% - 12px);
  right: calc(50% - 15px);
  color: #fff;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .education-library__swiper-right {
    display: none;
  }
}

.education-library__swiper-right.swiper-button-disabled {
  display: none;
}

.education-library__swiper-right.swiper-button-disabled:after {
  background-color: transparent !important;
}

.slider {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}

.slider .education-library__content {
  margin: auto;
  padding-top: 20px;
}

.slider .education-library__title {
  padding-left: 44px;
}

@media screen and (max-width: 768px) {
  .slider .education-library__title {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .slider:first-child .education-library__title {
    padding-top: 15px;
  }
}

.education-library__search {
  background: #e3f4fc;
  width: 49px;
  position: relative;
  display: flex;
  align-items: center;
  transition: width 0.3s ease-int;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.education-library__search + .icon-close {
  display: none;
}

.education-library__search.active {
  width: 400px;
  transition: width 0.3s ease-out;
}

@media screen and (max-width: 500px) {
  .education-library__search.active {
    width: 100%;
  }
}

.education-library__search.active + .icon-close {
  display: block;
  position: absolute;
  right: 10px;
  top: 8px;
  border: 1px solid;
  border-radius: 100%;
  font-size: 10px;
  padding: 3px 3px 0px;
  color: #00a0df;
  cursor: pointer;
  z-index: 2;
}

.education-library__search--input {
  display: none;
  padding: 0 !important;
  max-height: 30px;
  background: transparent !important;
  width: 80%;
  border: 0 !important;
  line-height: 1;
}

.education-library__search--input.active {
  display: block;
}

.education-library__search--result {
  position: absolute;
  display: none;
  right: 0;
  top: 35px;
  z-index: 5;
  background: #fff;
  width: 100%;
}

.education-library__search--result.active {
  display: block;
}

.education-library__search--result__content {
  padding: 14px 0 9px;
  display: block;
}

.education-library__search--result__content:nth-child(even) {
  background: #f8f8f8;
}

.education-library__search--result__content span {
  display: block;
  font-size: 14px;
  color: rgba(77, 77, 77, 0.4);
  line-height: 1.2;
  padding: 0 16px;
}

.education-library__search--result__content span.active {
  color: #4d4d4d;
}

.education-library__search--result__all {
  color: #00a0df;
  padding: 14px;
}

.education-library__search--icon {
  display: block;
  text-align: center;
  cursor: pointer;
  width: 49px;
  height: 30px;
}

.education-library__search--icon .icon-search {
  padding-bottom: 5px;
  width: 100%;
}

.popover {
  position: absolute;
  z-index: 6;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

.popover:hover {
  transition-delay: 0.4s;
  opacity: 1;
}

.popover .education-library__card__live-time {
  display: none;
}

.popover .education-library__card__progress {
  top: auto;
  bottom: 49px;
  max-width: 225px;
  left: 6px;
}

.popover .education-library__card__progress span {
  position: absolute;
  display: block;
  right: -30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 0.83;
  color: #253342;
  top: -2px;
}

.popover .education-library__card__content {
  background: #fff;
  margin-top: -6px;
}

.popover .education-library__card__title {
  white-space: normal;
  font-weight: bold;
}

.popover .education-library__card__desc {
  display: flex;
  justify-content: space-between;
}

.popover .education-library__card--video {
  display: block;
}

.popover .education-library__card__icons {
  display: flex;
  align-items: center;
  background: #fff;
  height: 100%;
  border-top: 1px solid #ecf0f2;
}

.popover .education-library__card__icons span {
  display: block;
  padding: 8px 14px 0;
  border-left: 1px solid #ecf0f2;
  height: 40px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
}

.popover .education-library__card__icons span:before {
  right: -5px;
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.popover .education-library__card__icons span:first-child {
  border-left: 0;
}

.popover .education-library__card__icons .see {
  padding: 6px 23px 10px;
}

.popover .education-library__card__icons .like:before {
  content: "";
  position: absolute;
  background: url("../images/like.png") no-repeat 0 0/contain;
  width: 16px;
  height: 15px;
}

.popover .live-time {
  display: block;
}

.popover.hide {
  display: none;
}

.popover .education-library__card__progress + .education-library__card__content .education-library__card__desc {
  margin-bottom: 10px;
}

.education-library .popover {
  width: min-content;
}

@media screen and (min-width: 1650px) {
  .education-library .popover {
    min-width: calc(19.4% - 10px);
  }
}

@media screen and (max-width: 1745px) {
  .education-library .popover {
    min-width: calc(19% - 10px);
  }
}

@media screen and (max-width: 1400px) {
  .education-library .popover {
    min-width: calc(24% - 14px);
  }
}

@media screen and (max-width: 1190px) {
  .education-library .popover {
    min-width: calc(32% - 18px);
  }
}

.swiper-slide {
  padding: 0 5px;
  width: 302px;
}

.swiper-slide:hover {
  box-shadow: none;
}

.mobile-menu-offside {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  z-index: 999999;
  opacity: 0;
  display: none;
}

.mobile-menu-offside.active {
  display: block;
}


.sub-menu-v2-top114 {
  top: 114px;
}

.sub-menu-v2-top0 {
  top: 0px;
}

.sub-menu-v2 {
  position: sticky;
  height: 36px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  line-height: 36px;
  z-index: 99;
}

.sub-menu-v2 > .container {
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  width: 100%;
}

.sub-menu-v2-content {
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
  margin-right: 50px;
}

.sub-menu-v2-content::-webkit-scrollbar-track {
  box-shadow: none !important;
  background-color: transparent;
}

.sub-menu-v2-content::-webkit-scrollbar {
  width: 3px !important;
  background-color: transparent;
}

.sub-menu-v2-content::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.sub-menu-v2-content li {
  font-weight: 300;
  padding: 0 20px;
  display: block;
  align-items: center;
  justify-content: left;
}

.sub-menu-v2-content li > a {
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: normal;
  color: #7b7b7b;
  white-space: nowrap;
}

.sub-menu-v2-content li > a:before {
  display: none;
  font-size: 0.75rem;
  position: absolute;
  right: 7px;
  top: 0px;
  margin-right: 10px;
  color: #fff;
  font-family: tag;
}

.sub-menu-v2-content li:hover > a {
  position: relative;
  color: #7b7b7b;
  font-weight: bold;
}

.sub-menu-v2-content li:hover > a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 4px;
  top: 33px;
  background: #37aeea;
}

.sub-menu-v2-content li:hover .sub-menu-v2__items {
  display: block;
}

.sub-menu-v2__items {
  display: none;
  position: absolute;
  top: 36px;
  max-width: 230px;
  width: 100%;
  background-color: #fff;
  box-shadow: -4px 6px 9px 0 rgba(11, 50, 84, 0.25);
  border: solid 1px #e8f0f4;
}

.sub-menu-v2__items li {
  position: relative;
  padding: 0;
  padding-left: 9px;
}

.sub-menu-v2__items li:nth-child(odd) {
  background-color: rgba(188, 208, 224, 0.21);
}

.sub-menu-v2__items li > a {
  line-height: 1.3;
  color: #0b3254;
  font-size: 13px;
  padding: 13px 0px;
}

.sub-menu-v2__items li:hover {
  background-color: #bcd0e0;
}

.sub-menu-v2__items li:hover > a {
  color: #0b3254;
}

.sub-menu-v2__items li:hover > a:after {
  content: none;
}

.sub-menu-v2__items li:hover .sub-menu-v2__items-list {
  display: block;
}

.sub-menu-v2__items:hover-list {
  display: block;
}

.sub-menu-v2__items-list {
  display: none;
  min-width: 270px;
  width: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #fff;
  box-shadow: 4px 6px 9px 0 rgba(11, 50, 84, 0.25);
  border: solid 1px #e8f0f4;
}

@media screen and (max-width: 768px) {
  .sub-menu-v2__items-list {
    min-width: auto;
    position: initial;
    width: calc(100% - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
    margin: 0 0 0 auto;
  }
}

.labels-v2 {
  display: inline-block;
  width: 100%;
  height: 70px;
  background-color: #ebebeb;
  line-height: 70px;
}

.labels-v2.mobile-labels {
  display: none;
}

.labels-v2 > .container {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 30px);
}

.labels-v2.no-slider {
  height: 44px;
  line-height: 44px;
}

.labels-v2 .search {
  cursor: pointer;
}

.label-category-v2 {
  font-family: GreycliffCF, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}

@media screen and (max-width: 768px) {
  .label-category-v2 {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .label-category-v2::-webkit-scrollbar-track {
    box-shadow: none !important;
    background-color: transparent;
  }
  .label-category-v2::-webkit-scrollbar {
    width: 3px !important;
    background-color: transparent;
  }
  .label-category-v2::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
}

.label-category-v2.push-sides {
  padding: 0 75px;
}

.label-category-v2 li {
  display: inline-block;
}

.label-category-v2 li.mobile-menu {
  display: none;
}

.label-category-v2 li.active a:after {
  display: none;
  font-size: 0.75rem;
  position: absolute;
  right: 7px;
  top: 0px;
  color: #ffe000;
  font-family: tag;
}

.label-category-v2 li a {
  position: relative;
  margin: 0 20px;
  color: #4a4a4a;
  font-size: 0.875rem;
  font-weight: normal;
}

.label-category-v2 li a:after {
  display: none;
  font-size: 0.75rem;
  position: absolute;
  right: 7px;
  top: 0px;
  color: #fff;
  font-family: tag;
}

.label-category-v2 li a:hover {
  color: #3fb0e8;
}

.label-category-v2 li a.active {
  color: #3fb0e8;
}

.label-category-v2.mobile-slider {
  display: flex;
  background: #f6f6f6;
}

.label-category-v2.mobile-slider li a {
  color: #4a4a4a;
}

.label-category-v2.mobile-slider li a:after {
  display: none;
}

.copied-link {
  position: absolute;
  display: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
  color: #fff;
  box-shadow: -1px -2px 6px 0 rgba(37, 51, 66, 0.5);
  background-color: #15365c;
  white-space: nowrap;
  padding: 7px 10px;
  top: -40px;
  left: 0;
}

.copied-link:before {
  content: "";
  width: 0;
  height: 0;
  background: transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #15365c;
  position: absolute;
  bottom: -5px;
  left: calc(50% - 3px);
}

.copied-link.active {
  display: block;
}

.wrap {
  position: relative;
}

.chatbot-button {
  position: fixed;
  right: 80px;
  bottom: 22px;
  z-index: 100;
  cursor: pointer;
}

@media screen and (max-width: 1300px) {
  .chatbot-button {
    right: 30px;
  }
}

@media screen and (max-width: 450px) {
  .chatbot-button {
    right: 30px;
  }
}

.chatbot-button figure {
  margin: 0;
  position: absolute;
  top: -90px;
  right: 0;
}

.chatbot-button figure img {
  height: 81px;
}

.chatbot-button span {
  padding: 8px 9px 9px 8px;
  border-radius: 19px;
  border-top-right-radius: 0;
  border: 2px solid #fff;
  background: #2d3c49;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.chatbot-content {
  position: fixed;
  bottom: 22px;
  right: 80px;
  background: #fff;
  width: 370px;
  height: 700px;
  z-index: 999;
  border-radius: 8px;
  border: solid 1px rgba(153, 166, 192, 0.5);
}

@media screen and (max-width: 1300px) {
  .chatbot-content {
    right: 30px;
  }
}

@media screen and (max-width: 450px) {
  .chatbot-content {
    width: 100vw;
    height: 100vh;
    right: 0;
    bottom: 0;
  }
}

.chatbot-content__header {
  display: flex;
  padding: 3px 20px 9px 10px;
  background-color: #2d3c49;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(73, 88, 99, 0.46);
}

.chatbot-content__header i {
  font-size: 20px;
}

.chatbot-content__header--left {
  display: flex;
  align-items: center;
}

.chatbot-content__header--left span {
  margin-left: 14px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.13px;
}

.chatbot-content__header--left figure {
  margin: 0;
}

.chatbot-content__footer {
  display: flex;
  height: 60px;
  border-top: solid 1px rgba(153, 166, 192, 0.3);
  align-items: center;
}

.chatbot-content__footer input {
  border: 0;
  width: calc(100% - 60px);
  margin-left: 16px;
}

.chatbot-content__footer a {
  color: #99a6c0;
  font-size: 20px;
}

.chatbot-content__messages {
  height: calc(100% - 135px);
  overflow-y: auto;
  padding: 20px 16px;
}

.chatbot-content__messages--time {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: -0.09px;
  color: #8e8f94;
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 25px;
}

.chatbot-content__messages--time:first-child {
  margin-top: 0;
}

.chatbot-content__messages--seen {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: -0.09px;
  color: #8e8f94;
  width: 100%;
  display: block;
  margin-top: 3px;
}

.chatbot__message__image {
  width: 230px;
  height: 180px;
  border-radius: 16px;
  background: #2d3c49;
  position: relative;
  margin-top: 8px;
}

.chatbot__message__image:before {
  font-family: tag;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 52px;
}

.chatbot__message__video {
  width: 310px;
  height: 180px;
  border-radius: 16px;
  background: #2d3c49;
  position: relative;
  margin-top: 8px;
}

.chatbot__message__video:before {
  font-family: tag;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #2d3c49;
  font-size: 24px;
  z-index: 3;
  cursor: pointer;
}

.chatbot__message__video:after {
  content: "";
  position: absolute;
  width: 64px;
  height: 64px;
  background: #ffc900;
  border-radius: 100%;
  margin: auto;
  left: 0;
  right: 0;
  cursor: pointer;
}

.chatbot__message img {
  height: 26px;
}

.chatbot__message div {
  display: flex;
  align-items: center;
}

.chatbot__message div span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.09px;
  color: #2d3c49;
  margin-left: 4px;
}

.chatbot__message__links {
  display: block !important;
}

.chatbot__message__links--content {
  width: 230px;
  border: 1px solid #eaedf2;
  border-radius: 16px;
  margin-top: 8px;
}

.chatbot__message__links--content h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: -0.11px;
  color: #2d3c49;
  margin-bottom: 3px;
  padding: 9px 9px 0;
}

.chatbot__message__links--content span {
  font-size: 14px;
  line-height: 1.36;
  letter-spacing: -0.1px;
  color: #2d3c49;
  padding: 0 9px 9px;
  display: block;
}

.chatbot__message__links--content li {
  border-top: 1px solid #eaedf2;
  text-align: center;
}

.chatbot__message__links--content li:hover {
  background-image: linear-gradient(280deg, #00b6f1, #ffcb05);
  color: #fff;
}

.chatbot__message__links--content li:last-child:hover {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.chatbot__message__links--content li a {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: #2d3c49;
  width: 100%;
  padding: 9px;
}

.chatbot__message__links--content li:first-child {
  border-top: 0;
  text-align: left;
}

.chatbot__message__links--content li:first-child:hover {
  background-image: linear-gradient(280deg, #fff, #fff);
  color: #2d3c49;
}

.chatbot__message__links .chatbot__message__image {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chatbot__message__links .chatbot__message__image + .chatbot__message__links--content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.chatbot__message p {
  padding: 8px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: #fff;
  background: #2d3c49;
  border-radius: 16px;
  border-bottom-left-radius: 0;
  margin-top: 8px;
  max-width: 85%;
}

.chatbot__message.user {
  text-align: right;
}

.chatbot__message.user p {
  background: linear-gradient(283deg, #1e8abc 100%, #009edb 0%);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 0;
  margin-right: 0;
  margin-left: auto;
}

.chatbot__message--options {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.1px;
  text-align: center;
  color: #2d3c49;
  padding: 2px;
  border: double 0px transparent;
  border-radius: 16px;
  background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #ffcb05, #00b6f1);
  background-origin: border-box;
  background-clip: content-box, border-box;
  margin-top: 8px;
  width: 100%;
}

.chatbot__message--options:hover {
  background-image: linear-gradient(280deg, #00b6f1, #ffcb05);
  color: #fff;
}

.chatbot__message--options span {
  margin: 8px;
  display: block;
}

.chatbot__message--all-options {
  background: #fff;
  position: absolute;
  top: 117px;
  left: 0;
  max-height: 523px;
  overflow-y: auto;
  padding: 0 16px;
}

.chatbot__return-messages {
  padding: 10px 26px 10px 50px;
  background-image: linear-gradient(280deg, #00b6f1, #ffcb05);
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}

.chatbot__return-messages:before {
  font-family: tag;
  top: 6px;
  font-size: 20px;
  position: absolute;
  left: 20px;
}

.chatbot-content__header--img {
  height: 57px;
}

/**
 * Auxiliary
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a {
  padding: 0;
  text-decoration: none;
}

a:focus {
  color: #000;
}

.flex-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.flex-row.space-between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-row.align-center {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-row.align-end {
  -ms-flex-align: end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.flex-row.align-bottom {
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.flex-row.flex-end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.hide {
  display: none;
}

.no-scroll {
  overflow: hidden;
}

.mobile-show {
  display: none;
}

.device-show {
  display: none;
}

@media screen and (max-width: 950px) {
  .device-hide {
    display: none;
  }
  .device-show {
    display: inline-block;
  }
}

@media screen and (max-width: 769px) {
  .mobile-hide {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .mobile-hide {
    display: none;
  }
  .mobile-show {
    display: inline-block;
  }
}

/**
 * Lastly, import Melange Auxiliary
 * For auxiliary usages, the final visibility or behaviour states of the elements, add the auxiliary definitions at last.
 * The auxiliary definitions are such as `.is-hidden`, `.has-action`
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Auxiliary Definitions
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Visibility Related
    ------------------------------------------- **/
/*
 * Hide element
 */
.is-hidden,
.hide {
  display: none;
}

/*
 * Sometimes you do not hide the element
 * `for-screenreader-only` the element will not hidden but
 * visually invisible for accessibility
 */
.for-screenreader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
}

/**
 * Device visibility
 */
@media screen and (max-width: 1223px) {
  .desktop-visible {
    display: none;
  }
}

@media screen and (min-width: 1224px) {
  .desktop-hidden,
  .tablet-visible {
    display: none;
  }
}

@media screen and (min-width: 421px) and (max-width: 1024px) {
  .tablet-hidden {
    display: none;
  }
}

@media screen and (min-width: 421px) {
  .mobile-visible {
    display: none;
  }
}


@media screen and (max-width: 420px) {
  .mobile-hidden,
  .tablet-visible {
    display: none;
  }
}