/*!
    * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
    */
    /*!
    * Bootstrap v3.4.1 (https://getbootstrap.com/)
    * Copyright 2011-2019 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
    }

    .input-group>.custom-file,
    .input-group>.custom-select,
    .input-group>.form-control,
    .input-group>.form-control-plaintext {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }

    .input-group-append {
        margin-left: -1px;
    }

    .input-group-append,
    .input-group-prepend {
        display: -ms-flexbox;
        display: flex;
    }

    .text-secondary {
        color: #6c757d !important;
    }

    .d-none {
        display: none !important;
    }

    .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
    .input-group>.input-group-append:not(:last-child)>.btn,
    .input-group>.input-group-append:not(:last-child)>.input-group-text,
    .input-group>.input-group-prepend>.btn,
    .input-group>.input-group-prepend>.input-group-text {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group>.input-group-append>.btn,
    .input-group>.input-group-append>.input-group-text,
    .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
    .input-group>.input-group-prepend:not(:first-child)>.btn,
    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: .25rem;
    }




    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden],
    template {
        display: none
    }

    a {
        background-color: transparent
    }

    a:active,
    a:hover {
        outline: 0
    }

    abbr[title] {
        border-bottom: 0;
        text-decoration: underline;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bold
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    mark {
        background: #ff0;
        color: #070713
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 1em 40px
    }

    hr {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

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

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: bold
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td,
    th {
        padding: 0
    }

    /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

    @media print {

        *,
        *:before,
        *:after {
            color: #070713 !important;
            text-shadow: none !important;
            background: transparent !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

        a,
        a:visited {
            text-decoration: underline
        }

        a[href]:after {
            content: " ("attr(href) ")"
        }

        abbr[title]:after {
            content: " ("attr(title) ")"
        }

        a[href^="#"]:after,
        a[href^="javascript:"]:after {
            content: ""
        }

        pre,
        blockquote {
            border: 1px solid #999;
            page-break-inside: avoid
        }

        thead {
            display: table-header-group
        }

        tr,
        img {
            page-break-inside: avoid
        }

        img {
            max-width: 100% !important
        }

        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3
        }

        h2,
        h3 {
            page-break-after: avoid
        }

        .navbar {
            display: none
        }

        .btn>.caret,
        .dropup>.btn>.caret {
            border-top-color: #070713 !important
        }

        .label {
            border: 1px solid #070713
        }

        .table {
            border-collapse: collapse !important
        }

        .table td,
        .table th {
            background-color: #fff !important
        }

        .table-bordered th,
        .table-bordered td {
            border: 1px solid #ddd !important
        }
    }

    @font-face {
        font-family: "Glyphicons Halflings";
        src: url("../../assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
        src: url("../../assets/fonts/bootstrap/glyphicons-halflings-regular-1.eot") format("embedded-opentype"), url("../../assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../../assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../../assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../../assets/fonts/bootstrap/glyphicons-halflings-regular.svg") format("svg")
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .glyphicon-asterisk:before {
        content: "\002a"
    }

    .glyphicon-plus:before {
        content: "\002b"
    }

    .glyphicon-euro:before,
    .glyphicon-eur:before {
        content: "\20ac"
    }

    .glyphicon-minus:before {
        content: "\2212"
    }

    .glyphicon-cloud:before {
        content: "\2601"
    }

    .glyphicon-envelope:before {
        content: "\2709"
    }

    .glyphicon-pencil:before {
        content: "\270f"
    }

    .glyphicon-glass:before {
        content: "\e001"
    }

    .glyphicon-music:before {
        content: "\e002"
    }

    .glyphicon-search:before {
        content: "\e003"
    }

    .glyphicon-heart:before {
        content: "\e005"
    }

    .glyphicon-star:before {
        content: "\e006"
    }

    .glyphicon-star-empty:before {
        content: "\e007"
    }

    .glyphicon-user:before {
        content: "\e008"
    }

    .glyphicon-film:before {
        content: "\e009"
    }

    .glyphicon-th-large:before {
        content: "\e010"
    }

    .glyphicon-th:before {
        content: "\e011"
    }

    .glyphicon-th-list:before {
        content: "\e012"
    }

    .glyphicon-ok:before {
        content: "\e013"
    }

    .glyphicon-remove:before {
        content: "\e014"
    }

    .glyphicon-zoom-in:before {
        content: "\e015"
    }

    .glyphicon-zoom-out:before {
        content: "\e016"
    }

    .glyphicon-off:before {
        content: "\e017"
    }

    .glyphicon-signal:before {
        content: "\e018"
    }

    .glyphicon-cog:before {
        content: "\e019"
    }

    .glyphicon-trash:before {
        content: "\e020"
    }

    .glyphicon-home:before {
        content: "\e021"
    }

    .glyphicon-file:before {
        content: "\e022"
    }

    .glyphicon-time:before {
        content: "\e023"
    }

    .glyphicon-road:before {
        content: "\e024"
    }

    .glyphicon-download-alt:before {
        content: "\e025"
    }

    .glyphicon-download:before {
        content: "\e026"
    }

    .glyphicon-upload:before {
        content: "\e027"
    }

    .glyphicon-inbox:before {
        content: "\e028"
    }

    .glyphicon-play-circle:before {
        content: "\e029"
    }

    .glyphicon-repeat:before {
        content: "\e030"
    }

    .glyphicon-refresh:before {
        content: "\e031"
    }

    .glyphicon-list-alt:before {
        content: "\e032"
    }

    .glyphicon-lock:before {
        content: "\e033"
    }

    .glyphicon-flag:before {
        content: "\e034"
    }

    .glyphicon-headphones:before {
        content: "\e035"
    }

    .glyphicon-volume-off:before {
        content: "\e036"
    }

    .glyphicon-volume-down:before {
        content: "\e037"
    }

    .glyphicon-volume-up:before {
        content: "\e038"
    }

    .glyphicon-qrcode:before {
        content: "\e039"
    }

    .glyphicon-barcode:before {
        content: "\e040"
    }

    .glyphicon-tag:before {
        content: "\e041"
    }

    .glyphicon-tags:before {
        content: "\e042"
    }

    .glyphicon-book:before {
        content: "\e043"
    }

    .glyphicon-bookmark:before {
        content: "\e044"
    }

    .glyphicon-print:before {
        content: "\e045"
    }

    .glyphicon-camera:before {
        content: "\e046"
    }

    .glyphicon-font:before {
        content: "\e047"
    }

    .glyphicon-bold:before {
        content: "\e048"
    }

    .glyphicon-italic:before {
        content: "\e049"
    }

    .glyphicon-text-height:before {
        content: "\e050"
    }

    .glyphicon-text-width:before {
        content: "\e051"
    }

    .glyphicon-align-left:before {
        content: "\e052"
    }

    .glyphicon-align-center:before {
        content: "\e053"
    }

    .glyphicon-align-right:before {
        content: "\e054"
    }

    .glyphicon-align-justify:before {
        content: "\e055"
    }

    .glyphicon-list:before {
        content: "\e056"
    }

    .glyphicon-indent-left:before {
        content: "\e057"
    }

    .glyphicon-indent-right:before {
        content: "\e058"
    }

    .glyphicon-facetime-video:before {
        content: "\e059"
    }

    .glyphicon-picture:before {
        content: "\e060"
    }

    .glyphicon-map-marker:before {
        content: "\e062"
    }

    .glyphicon-adjust:before {
        content: "\e063"
    }

    .glyphicon-tint:before {
        content: "\e064"
    }

    .glyphicon-edit:before {
        content: "\e065"
    }

    .glyphicon-share:before {
        content: "\e066"
    }

    .glyphicon-check:before {
        content: "\e067"
    }

    .glyphicon-move:before {
        content: "\e068"
    }

    .glyphicon-step-backward:before {
        content: "\e069"
    }

    .glyphicon-fast-backward:before {
        content: "\e070"
    }

    .glyphicon-backward:before {
        content: "\e071"
    }

    .glyphicon-play:before {
        content: "\e072"
    }

    .glyphicon-pause:before {
        content: "\e073"
    }

    .glyphicon-stop:before {
        content: "\e074"
    }

    .glyphicon-forward:before {
        content: "\e075"
    }

    .glyphicon-fast-forward:before {
        content: "\e076"
    }

    .glyphicon-step-forward:before {
        content: "\e077"
    }

    .glyphicon-eject:before {
        content: "\e078"
    }

    .glyphicon-chevron-left:before {
        content: "\e079"
    }

    .glyphicon-chevron-right:before {
        content: "\e080"
    }

    .glyphicon-plus-sign:before {
        content: "\e081"
    }

    .glyphicon-minus-sign:before {
        content: "\e082"
    }

    .glyphicon-remove-sign:before {
        content: "\e083"
    }

    .glyphicon-ok-sign:before {
        content: "\e084"
    }

    .glyphicon-question-sign:before {
        content: "\e085"
    }

    .glyphicon-info-sign:before {
        content: "\e086"
    }

    .glyphicon-screenshot:before {
        content: "\e087"
    }

    .glyphicon-remove-circle:before {
        content: "\e088"
    }

    .glyphicon-ok-circle:before {
        content: "\e089"
    }

    .glyphicon-ban-circle:before {
        content: "\e090"
    }

    .glyphicon-arrow-left:before {
        content: "\e091"
    }

    .glyphicon-arrow-right:before {
        content: "\e092"
    }

    .glyphicon-arrow-up:before {
        content: "\e093"
    }

    .glyphicon-arrow-down:before {
        content: "\e094"
    }

    .glyphicon-share-alt:before {
        content: "\e095"
    }

    .glyphicon-resize-full:before {
        content: "\e096"
    }

    .glyphicon-resize-small:before {
        content: "\e097"
    }

    .glyphicon-exclamation-sign:before {
        content: "\e101"
    }

    .glyphicon-gift:before {
        content: "\e102"
    }

    .glyphicon-leaf:before {
        content: "\e103"
    }

    .glyphicon-fire:before {
        content: "\e104"
    }

    .glyphicon-eye-open:before {
        content: "\e105"
    }

    .glyphicon-eye-close:before {
        content: "\e106"
    }

    .glyphicon-warning-sign:before {
        content: "\e107"
    }

    .glyphicon-plane:before {
        content: "\e108"
    }

    .glyphicon-calendar:before {
        content: "\e109"
    }

    .glyphicon-random:before {
        content: "\e110"
    }

    .glyphicon-comment:before {
        content: "\e111"
    }

    .glyphicon-magnet:before {
        content: "\e112"
    }

    .glyphicon-chevron-up:before {
        content: "\e113"
    }

    .glyphicon-chevron-down:before {
        content: "\e114"
    }

    .glyphicon-retweet:before {
        content: "\e115"
    }

    .glyphicon-shopping-cart:before {
        content: "\e116"
    }

    .glyphicon-folder-close:before {
        content: "\e117"
    }

    .glyphicon-folder-open:before {
        content: "\e118"
    }

    .glyphicon-resize-vertical:before {
        content: "\e119"
    }

    .glyphicon-resize-horizontal:before {
        content: "\e120"
    }

    .glyphicon-hdd:before {
        content: "\e121"
    }

    .glyphicon-bullhorn:before {
        content: "\e122"
    }

    .glyphicon-bell:before {
        content: "\e123"
    }

    .glyphicon-certificate:before {
        content: "\e124"
    }

    .glyphicon-thumbs-up:before {
        content: "\e125"
    }

    .glyphicon-thumbs-down:before {
        content: "\e126"
    }

    .glyphicon-hand-right:before {
        content: "\e127"
    }

    .glyphicon-hand-left:before {
        content: "\e128"
    }

    .glyphicon-hand-up:before {
        content: "\e129"
    }

    .glyphicon-hand-down:before {
        content: "\e130"
    }

    .glyphicon-circle-arrow-right:before {
        content: "\e131"
    }

    .glyphicon-circle-arrow-left:before {
        content: "\e132"
    }

    .glyphicon-circle-arrow-up:before {
        content: "\e133"
    }

    .glyphicon-circle-arrow-down:before {
        content: "\e134"
    }

    .glyphicon-globe:before {
        content: "\e135"
    }

    .glyphicon-wrench:before {
        content: "\e136"
    }

    .glyphicon-tasks:before {
        content: "\e137"
    }

    .glyphicon-filter:before {
        content: "\e138"
    }

    .glyphicon-briefcase:before {
        content: "\e139"
    }

    .glyphicon-fullscreen:before {
        content: "\e140"
    }

    .glyphicon-dashboard:before {
        content: "\e141"
    }

    .glyphicon-paperclip:before {
        content: "\e142"
    }

    .glyphicon-heart-empty:before {
        content: "\e143"
    }

    .glyphicon-link:before {
        content: "\e144"
    }

    .glyphicon-phone:before {
        content: "\e145"
    }

    .glyphicon-pushpin:before {
        content: "\e146"
    }

    .glyphicon-usd:before {
        content: "\e148"
    }

    .glyphicon-gbp:before {
        content: "\e149"
    }

    .glyphicon-sort:before {
        content: "\e150"
    }

    .glyphicon-sort-by-alphabet:before {
        content: "\e151"
    }

    .glyphicon-sort-by-alphabet-alt:before {
        content: "\e152"
    }

    .glyphicon-sort-by-order:before {
        content: "\e153"
    }

    .glyphicon-sort-by-order-alt:before {
        content: "\e154"
    }

    .glyphicon-sort-by-attributes:before {
        content: "\e155"
    }

    .glyphicon-sort-by-attributes-alt:before {
        content: "\e156"
    }

    .glyphicon-unchecked:before {
        content: "\e157"
    }

    .glyphicon-expand:before {
        content: "\e158"
    }

    .glyphicon-collapse-down:before {
        content: "\e159"
    }

    .glyphicon-collapse-up:before {
        content: "\e160"
    }

    .glyphicon-log-in:before {
        content: "\e161"
    }

    .glyphicon-flash:before {
        content: "\e162"
    }

    .glyphicon-log-out:before {
        content: "\e163"
    }

    .glyphicon-new-window:before {
        content: "\e164"
    }

    .glyphicon-record:before {
        content: "\e165"
    }

    .glyphicon-save:before {
        content: "\e166"
    }

    .glyphicon-open:before {
        content: "\e167"
    }

    .glyphicon-saved:before {
        content: "\e168"
    }

    .glyphicon-import:before {
        content: "\e169"
    }

    .glyphicon-export:before {
        content: "\e170"
    }

    .glyphicon-send:before {
        content: "\e171"
    }

    .glyphicon-floppy-disk:before {
        content: "\e172"
    }

    .glyphicon-floppy-saved:before {
        content: "\e173"
    }

    .glyphicon-floppy-remove:before {
        content: "\e174"
    }

    .glyphicon-floppy-save:before {
        content: "\e175"
    }

    .glyphicon-floppy-open:before {
        content: "\e176"
    }

    .glyphicon-credit-card:before {
        content: "\e177"
    }

    .glyphicon-transfer:before {
        content: "\e178"
    }

    .glyphicon-cutlery:before {
        content: "\e179"
    }

    .glyphicon-header:before {
        content: "\e180"
    }

    .glyphicon-compressed:before {
        content: "\e181"
    }

    .glyphicon-earphone:before {
        content: "\e182"
    }

    .glyphicon-phone-alt:before {
        content: "\e183"
    }

    .glyphicon-tower:before {
        content: "\e184"
    }

    .glyphicon-stats:before {
        content: "\e185"
    }

    .glyphicon-sd-video:before {
        content: "\e186"
    }

    .glyphicon-hd-video:before {
        content: "\e187"
    }

    .glyphicon-subtitles:before {
        content: "\e188"
    }

    .glyphicon-sound-stereo:before {
        content: "\e189"
    }

    .glyphicon-sound-dolby:before {
        content: "\e190"
    }

    .glyphicon-sound-5-1:before {
        content: "\e191"
    }

    .glyphicon-sound-6-1:before {
        content: "\e192"
    }

    .glyphicon-sound-7-1:before {
        content: "\e193"
    }

    .glyphicon-copyright-mark:before {
        content: "\e194"
    }

    .glyphicon-registration-mark:before {
        content: "\e195"
    }

    .glyphicon-cloud-download:before {
        content: "\e197"
    }

    .glyphicon-cloud-upload:before {
        content: "\e198"
    }

    .glyphicon-tree-conifer:before {
        content: "\e199"
    }

    .glyphicon-tree-deciduous:before {
        content: "\e200"
    }

    .glyphicon-cd:before {
        content: "\e201"
    }

    .glyphicon-save-file:before {
        content: "\e202"
    }

    .glyphicon-open-file:before {
        content: "\e203"
    }

    .glyphicon-level-up:before {
        content: "\e204"
    }

    .glyphicon-copy:before {
        content: "\e205"
    }

    .glyphicon-paste:before {
        content: "\e206"
    }

    .glyphicon-alert:before {
        content: "\e209"
    }

    .glyphicon-equalizer:before {
        content: "\e210"
    }

    .glyphicon-king:before {
        content: "\e211"
    }

    .glyphicon-queen:before {
        content: "\e212"
    }

    .glyphicon-pawn:before {
        content: "\e213"
    }

    .glyphicon-bishop:before {
        content: "\e214"
    }

    .glyphicon-knight:before {
        content: "\e215"
    }

    .glyphicon-baby-formula:before {
        content: "\e216"
    }

    .glyphicon-tent:before {
        content: "\26fa"
    }

    .glyphicon-blackboard:before {
        content: "\e218"
    }

    .glyphicon-bed:before {
        content: "\e219"
    }

    .glyphicon-apple:before {
        content: "\f8ff"
    }

    .glyphicon-erase:before {
        content: "\e221"
    }

    .glyphicon-hourglass:before {
        content: "\231b"
    }

    .glyphicon-lamp:before {
        content: "\e223"
    }

    .glyphicon-duplicate:before {
        content: "\e224"
    }

    .glyphicon-piggy-bank:before {
        content: "\e225"
    }

    .glyphicon-scissors:before {
        content: "\e226"
    }

    .glyphicon-bitcoin:before {
        content: "\e227"
    }

    .glyphicon-btc:before {
        content: "\e227"
    }

    .glyphicon-xbt:before {
        content: "\e227"
    }

    .glyphicon-yen:before {
        content: "\00a5"
    }

    .glyphicon-jpy:before {
        content: "\00a5"
    }

    .glyphicon-ruble:before {
        content: "\20bd"
    }

    .glyphicon-rub:before {
        content: "\20bd"
    }

    .glyphicon-scale:before {
        content: "\e230"
    }

    .glyphicon-ice-lolly:before {
        content: "\e231"
    }

    .glyphicon-ice-lolly-tasted:before {
        content: "\e232"
    }

    .glyphicon-education:before {
        content: "\e233"
    }

    .glyphicon-option-horizontal:before {
        content: "\e234"
    }

    .glyphicon-option-vertical:before {
        content: "\e235"
    }

    .glyphicon-menu-hamburger:before {
        content: "\e236"
    }

    .glyphicon-modal-window:before {
        content: "\e237"
    }

    .glyphicon-oil:before {
        content: "\e238"
    }

    .glyphicon-grain:before {
        content: "\e239"
    }

    .glyphicon-sunglasses:before {
        content: "\e240"
    }

    .glyphicon-text-size:before {
        content: "\e241"
    }

    .glyphicon-text-color:before {
        content: "\e242"
    }

    .glyphicon-text-background:before {
        content: "\e243"
    }

    .glyphicon-object-align-top:before {
        content: "\e244"
    }

    .glyphicon-object-align-bottom:before {
        content: "\e245"
    }

    .glyphicon-object-align-horizontal:before {
        content: "\e246"
    }

    .glyphicon-object-align-left:before {
        content: "\e247"
    }

    .glyphicon-object-align-vertical:before {
        content: "\e248"
    }

    .glyphicon-object-align-right:before {
        content: "\e249"
    }

    .glyphicon-triangle-right:before {
        content: "\e250"
    }

    .glyphicon-triangle-left:before {
        content: "\e251"
    }

    .glyphicon-triangle-bottom:before {
        content: "\e252"
    }

    .glyphicon-triangle-top:before {
        content: "\e253"
    }

    .glyphicon-console:before {
        content: "\e254"
    }

    .glyphicon-superscript:before {
        content: "\e255"
    }

    .glyphicon-subscript:before {
        content: "\e256"
    }

    .glyphicon-menu-left:before {
        content: "\e257"
    }

    .glyphicon-menu-right:before {
        content: "\e258"
    }

    .glyphicon-menu-down:before {
        content: "\e259"
    }

    .glyphicon-menu-up:before {
        content: "\e260"
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff
    }

    input,
    button,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    a {
        color: #337ab7;
        text-decoration: none
    }

    a:hover,
    a:focus {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    figure {
        margin: 0
    }

    img {
        vertical-align: middle
    }

    .img-responsive,
    .thumbnail>img,
    .thumbnail a>img,
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .img-rounded {
        border-radius: 6px
    }

    .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto
    }

    .img-circle {
        border-radius: 50%
    }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee
    }

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

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto
    }

    [role="button"] {
        cursor: pointer
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%
    }

    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%
    }

    h1,
    .h1 {
        font-size: 36px
    }

    h2,
    .h2 {
        font-size: 30px
    }

    h3,
    .h3 {
        font-size: 24px
    }

    h4,
    .h4 {
        font-size: 18px
    }

    h5,
    .h5 {
        font-size: 14px
    }

    h6,
    .h6 {
        font-size: 12px
    }

    p {
        margin: 0 0 10px
    }

    .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4
    }

    @media(min-width:768px) {
        .lead {
            font-size: 21px
        }
    }

    small,
    .small {
        font-size: 85%
    }

    mark,
    .mark {
        padding: .2em;
        background-color: #fcf8e3
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .text-nowrap {
        white-space: nowrap
    }

    .text-lowercase {
        text-transform: lowercase
    }

    .text-uppercase {
        text-transform: uppercase
    }

    .text-capitalize {
        text-transform: capitalize
    }

    .text-muted {
        color: #777
    }

    .text-primary {
        color: #337ab7
    }

    a.text-primary:hover,
    a.text-primary:focus {
        color: #286090
    }

    .text-success {
        color: #3c763d
    }

    a.text-success:hover,
    a.text-success:focus {
        color: #2b542c
    }

    .text-info {
        color: #31708f
    }

    a.text-info:hover,
    a.text-info:focus {
        color: #245269
    }

    .text-warning {
        color: #8a6d3b
    }

    a.text-warning:hover,
    a.text-warning:focus {
        color: #66512c
    }

    .text-danger {
        color: #a94442
    }

    a.text-danger:hover,
    a.text-danger:focus {
        color: #843534
    }

    .bg-primary {
        color: #fff;
        background-color: #337ab7
    }

    a.bg-primary:hover,
    a.bg-primary:focus {
        background-color: #286090
    }

    .bg-success {
        background-color: #dff0d8
    }

    a.bg-success:hover,
    a.bg-success:focus {
        background-color: #c1e2b3
    }

    .bg-info {
        background-color: #d9edf7
    }

    a.bg-info:hover,
    a.bg-info:focus {
        background-color: #afd9ee
    }

    .bg-warning {
        background-color: #fcf8e3
    }

    a.bg-warning:hover,
    a.bg-warning:focus {
        background-color: #f7ecb5
    }

    .bg-danger {
        background-color: #f2dede
    }

    a.bg-danger:hover,
    a.bg-danger:focus {
        background-color: #e4b9b9
    }

    .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eee
    }

    ul,
    ol {
        margin-top: 0;
        margin-bottom: 10px
    }

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        padding-left: 0;
        list-style: none;
        margin-left: -5px
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    dl {
        margin-top: 0;
        margin-bottom: 20px
    }

    dt,
    dd {
        line-height: 1.42857143
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    @media(min-width:768px) {
        .dl-horizontal dt {
            float: left;
            width: 160px;
            clear: left;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .dl-horizontal dd {
            margin-left: 180px
        }
    }

    abbr[title],
    abbr[data-original-title] {
        cursor: help
    }

    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee
    }

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
        content: "\2014 \00A0"
    }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
    }

    .blockquote-reverse footer:before,
    blockquote.pull-right footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right small:before,
    .blockquote-reverse .small:before,
    blockquote.pull-right .small:before {
        content: ""
    }

    .blockquote-reverse footer:after,
    blockquote.pull-right footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right small:after,
    .blockquote-reverse .small:after,
    blockquote.pull-right .small:after {
        content: "\00A0 \2014"
    }

    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143
    }

    code,
    kbd,
    pre,
    samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace
    }

    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px
    }

    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333;
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    @media(min-width:768px) {
        .container {
            width: 750px
        }
    }

    @media(min-width:992px) {
        .container {
            width: 970px
        }
    }

    @media(min-width:1200px) {
        .container {
            width: 1170px
        }
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .row {
        margin-right: -15px;
        margin-left: -15px
    }

    .row-no-gutters {
        margin-right: 0;
        margin-left: 0
    }

    .row-no-gutters [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }

    @media(min-width:768px) {

        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
            float: left
        }

        .col-sm-12 {
            width: 100%
        }

        .col-sm-11 {
            width: 91.66666667%
        }

        .col-sm-10 {
            width: 83.33333333%
        }

        .col-sm-9 {
            width: 75%
        }

        .col-sm-8 {
            width: 66.66666667%
        }

        .col-sm-7 {
            width: 58.33333333%
        }

        .col-sm-6 {
            width: 50%
        }

        .col-sm-5 {
            width: 41.66666667%
        }

        .col-sm-4 {
            width: 33.33333333%
        }

        .col-sm-3 {
            width: 25%
        }

        .col-sm-2 {
            width: 16.66666667%
        }

        .col-sm-1 {
            width: 8.33333333%
        }

        .col-sm-pull-12 {
            right: 100%
        }

        .col-sm-pull-11 {
            right: 91.66666667%
        }

        .col-sm-pull-10 {
            right: 83.33333333%
        }

        .col-sm-pull-9 {
            right: 75%
        }

        .col-sm-pull-8 {
            right: 66.66666667%
        }

        .col-sm-pull-7 {
            right: 58.33333333%
        }

        .col-sm-pull-6 {
            right: 50%
        }

        .col-sm-pull-5 {
            right: 41.66666667%
        }

        .col-sm-pull-4 {
            right: 33.33333333%
        }

        .col-sm-pull-3 {
            right: 25%
        }

        .col-sm-pull-2 {
            right: 16.66666667%
        }

        .col-sm-pull-1 {
            right: 8.33333333%
        }

        .col-sm-pull-0 {
            right: auto
        }

        .col-sm-push-12 {
            left: 100%
        }

        .col-sm-push-11 {
            left: 91.66666667%
        }

        .col-sm-push-10 {
            left: 83.33333333%
        }

        .col-sm-push-9 {
            left: 75%
        }

        .col-sm-push-8 {
            left: 66.66666667%
        }

        .col-sm-push-7 {
            left: 58.33333333%
        }

        .col-sm-push-6 {
            left: 50%
        }

        .col-sm-push-5 {
            left: 41.66666667%
        }

        .col-sm-push-4 {
            left: 33.33333333%
        }

        .col-sm-push-3 {
            left: 25%
        }

        .col-sm-push-2 {
            left: 16.66666667%
        }

        .col-sm-push-1 {
            left: 8.33333333%
        }

        .col-sm-push-0 {
            left: auto
        }

        .col-sm-offset-12 {
            margin-left: 100%
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%
        }

        .col-sm-offset-9 {
            margin-left: 75%
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%
        }

        .col-sm-offset-6 {
            margin-left: 50%
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%
        }

        .col-sm-offset-3 {
            margin-left: 25%
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%
        }

        .col-sm-offset-0 {
            margin-left: 0
        }
    }

    @media(min-width:992px) {

        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left
        }

        .col-md-12 {
            width: 100%
        }

        .col-md-11 {
            width: 91.66666667%
        }

        .col-md-10 {
            width: 83.33333333%
        }

        .col-md-9 {
            width: 75%
        }

        .col-md-8 {
            width: 66.66666667%
        }

        .col-md-7 {
            width: 58.33333333%
        }

        .col-md-6 {
            width: 50%
        }

        .col-md-5 {
            width: 41.66666667%
        }

        .col-md-4 {
            width: 33.33333333%
        }

        .col-md-3 {
            width: 25%
        }

        .col-md-2 {
            width: 16.66666667%
        }

        .col-md-1 {
            width: 8.33333333%
        }

        .col-md-pull-12 {
            right: 100%
        }

        .col-md-pull-11 {
            right: 91.66666667%
        }

        .col-md-pull-10 {
            right: 83.33333333%
        }

        .col-md-pull-9 {
            right: 75%
        }

        .col-md-pull-8 {
            right: 66.66666667%
        }

        .col-md-pull-7 {
            right: 58.33333333%
        }

        .col-md-pull-6 {
            right: 50%
        }

        .col-md-pull-5 {
            right: 41.66666667%
        }

        .col-md-pull-4 {
            right: 33.33333333%
        }

        .col-md-pull-3 {
            right: 25%
        }

        .col-md-pull-2 {
            right: 16.66666667%
        }

        .col-md-pull-1 {
            right: 8.33333333%
        }

        .col-md-pull-0 {
            right: auto
        }

        .col-md-push-12 {
            left: 100%
        }

        .col-md-push-11 {
            left: 91.66666667%
        }

        .col-md-push-10 {
            left: 83.33333333%
        }

        .col-md-push-9 {
            left: 75%
        }

        .col-md-push-8 {
            left: 66.66666667%
        }

        .col-md-push-7 {
            left: 58.33333333%
        }

        .col-md-push-6 {
            left: 50%
        }

        .col-md-push-5 {
            left: 41.66666667%
        }

        .col-md-push-4 {
            left: 33.33333333%
        }

        .col-md-push-3 {
            left: 25%
        }

        .col-md-push-2 {
            left: 16.66666667%
        }

        .col-md-push-1 {
            left: 8.33333333%
        }

        .col-md-push-0 {
            left: auto
        }

        .col-md-offset-12 {
            margin-left: 100%
        }

        .col-md-offset-11 {
            margin-left: 91.66666667%
        }

        .col-md-offset-10 {
            margin-left: 83.33333333%
        }

        .col-md-offset-9 {
            margin-left: 75%
        }

        .col-md-offset-8 {
            margin-left: 66.66666667%
        }

        .col-md-offset-7 {
            margin-left: 58.33333333%
        }

        .col-md-offset-6 {
            margin-left: 50%
        }

        .col-md-offset-5 {
            margin-left: 41.66666667%
        }

        .col-md-offset-4 {
            margin-left: 33.33333333%
        }

        .col-md-offset-3 {
            margin-left: 25%
        }

        .col-md-offset-2 {
            margin-left: 16.66666667%
        }

        .col-md-offset-1 {
            margin-left: 8.33333333%
        }

        .col-md-offset-0 {
            margin-left: 0
        }
    }

    @media(min-width:1200px) {

        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            float: left
        }

        .col-lg-12 {
            width: 100%
        }

        .col-lg-11 {
            width: 91.66666667%
        }

        .col-lg-10 {
            width: 83.33333333%
        }

        .col-lg-9 {
            width: 75%
        }

        .col-lg-8 {
            width: 66.66666667%
        }

        .col-lg-7 {
            width: 58.33333333%
        }

        .col-lg-6 {
            width: 50%
        }

        .col-lg-5 {
            width: 41.66666667%
        }

        .col-lg-4 {
            width: 33.33333333%
        }

        .col-lg-3 {
            width: 25%
        }

        .col-lg-2 {
            width: 16.66666667%
        }

        .col-lg-1 {
            width: 8.33333333%
        }

        .col-lg-pull-12 {
            right: 100%
        }

        .col-lg-pull-11 {
            right: 91.66666667%
        }

        .col-lg-pull-10 {
            right: 83.33333333%
        }

        .col-lg-pull-9 {
            right: 75%
        }

        .col-lg-pull-8 {
            right: 66.66666667%
        }

        .col-lg-pull-7 {
            right: 58.33333333%
        }

        .col-lg-pull-6 {
            right: 50%
        }

        .col-lg-pull-5 {
            right: 41.66666667%
        }

        .col-lg-pull-4 {
            right: 33.33333333%
        }

        .col-lg-pull-3 {
            right: 25%
        }

        .col-lg-pull-2 {
            right: 16.66666667%
        }

        .col-lg-pull-1 {
            right: 8.33333333%
        }

        .col-lg-pull-0 {
            right: auto
        }

        .col-lg-push-12 {
            left: 100%
        }

        .col-lg-push-11 {
            left: 91.66666667%
        }

        .col-lg-push-10 {
            left: 83.33333333%
        }

        .col-lg-push-9 {
            left: 75%
        }

        .col-lg-push-8 {
            left: 66.66666667%
        }

        .col-lg-push-7 {
            left: 58.33333333%
        }

        .col-lg-push-6 {
            left: 50%
        }

        .col-lg-push-5 {
            left: 41.66666667%
        }

        .col-lg-push-4 {
            left: 33.33333333%
        }

        .col-lg-push-3 {
            left: 25%
        }

        .col-lg-push-2 {
            left: 16.66666667%
        }

        .col-lg-push-1 {
            left: 8.33333333%
        }

        .col-lg-push-0 {
            left: auto
        }

        .col-lg-offset-12 {
            margin-left: 100%
        }

        .col-lg-offset-11 {
            margin-left: 91.66666667%
        }

        .col-lg-offset-10 {
            margin-left: 83.33333333%
        }

        .col-lg-offset-9 {
            margin-left: 75%
        }

        .col-lg-offset-8 {
            margin-left: 66.66666667%
        }

        .col-lg-offset-7 {
            margin-left: 58.33333333%
        }

        .col-lg-offset-6 {
            margin-left: 50%
        }

        .col-lg-offset-5 {
            margin-left: 41.66666667%
        }

        .col-lg-offset-4 {
            margin-left: 33.33333333%
        }

        .col-lg-offset-3 {
            margin-left: 25%
        }

        .col-lg-offset-2 {
            margin-left: 16.66666667%
        }

        .col-lg-offset-1 {
            margin-left: 8.33333333%
        }

        .col-lg-offset-0 {
            margin-left: 0
        }
    }

    table {
        background-color: transparent
    }

    table col[class*="col-"] {
        position: static;
        display: table-column;
        float: none
    }

    table td[class*="col-"],
    table th[class*="col-"] {
        position: static;
        display: table-cell;
        float: none
    }

    caption {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #777;
        text-align: left
    }

    th {
        text-align: left
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table>caption+thead>tr:first-child>th,
    .table>colgroup+thead>tr:first-child>th,
    .table>thead:first-child>tr:first-child>th,
    .table>caption+thead>tr:first-child>td,
    .table>colgroup+thead>tr:first-child>td,
    .table>thead:first-child>tr:first-child>td {
        border-top: 0
    }

    .table>tbody+tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

    .table-condensed>thead>tr>th,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>tbody>tr>td,
    .table-condensed>tfoot>tr>td {
        padding: 5px
    }

    .table-bordered {
        border: 1px solid #ddd
    }

    .table-bordered>thead>tr>th,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>tbody>tr>td,
    .table-bordered>tfoot>tr>td {
        border: 1px solid #ddd
    }

    .table-bordered>thead>tr>th,
    .table-bordered>thead>tr>td {
        border-bottom-width: 2px
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
    }

    .table-hover>tbody>tr:hover {
        background-color: #f5f5f5
    }

    .table>thead>tr>td.active,
    .table>tbody>tr>td.active,
    .table>tfoot>tr>td.active,
    .table>thead>tr>th.active,
    .table>tbody>tr>th.active,
    .table>tfoot>tr>th.active,
    .table>thead>tr.active>td,
    .table>tbody>tr.active>td,
    .table>tfoot>tr.active>td,
    .table>thead>tr.active>th,
    .table>tbody>tr.active>th,
    .table>tfoot>tr.active>th {
        background-color: #f5f5f5
    }

    .table-hover>tbody>tr>td.active:hover,
    .table-hover>tbody>tr>th.active:hover,
    .table-hover>tbody>tr.active:hover>td,
    .table-hover>tbody>tr:hover>.active,
    .table-hover>tbody>tr.active:hover>th {
        background-color: #e8e8e8
    }

    .table>thead>tr>td.success,
    .table>tbody>tr>td.success,
    .table>tfoot>tr>td.success,
    .table>thead>tr>th.success,
    .table>tbody>tr>th.success,
    .table>tfoot>tr>th.success,
    .table>thead>tr.success>td,
    .table>tbody>tr.success>td,
    .table>tfoot>tr.success>td,
    .table>thead>tr.success>th,
    .table>tbody>tr.success>th,
    .table>tfoot>tr.success>th {
        background-color: #dff0d8
    }

    .table-hover>tbody>tr>td.success:hover,
    .table-hover>tbody>tr>th.success:hover,
    .table-hover>tbody>tr.success:hover>td,
    .table-hover>tbody>tr:hover>.success,
    .table-hover>tbody>tr.success:hover>th {
        background-color: #d0e9c6
    }

    .table>thead>tr>td.info,
    .table>tbody>tr>td.info,
    .table>tfoot>tr>td.info,
    .table>thead>tr>th.info,
    .table>tbody>tr>th.info,
    .table>tfoot>tr>th.info,
    .table>thead>tr.info>td,
    .table>tbody>tr.info>td,
    .table>tfoot>tr.info>td,
    .table>thead>tr.info>th,
    .table>tbody>tr.info>th,
    .table>tfoot>tr.info>th {
        background-color: #d9edf7
    }

    .table-hover>tbody>tr>td.info:hover,
    .table-hover>tbody>tr>th.info:hover,
    .table-hover>tbody>tr.info:hover>td,
    .table-hover>tbody>tr:hover>.info,
    .table-hover>tbody>tr.info:hover>th {
        background-color: #c4e3f3
    }

    .table>thead>tr>td.warning,
    .table>tbody>tr>td.warning,
    .table>tfoot>tr>td.warning,
    .table>thead>tr>th.warning,
    .table>tbody>tr>th.warning,
    .table>tfoot>tr>th.warning,
    .table>thead>tr.warning>td,
    .table>tbody>tr.warning>td,
    .table>tfoot>tr.warning>td,
    .table>thead>tr.warning>th,
    .table>tbody>tr.warning>th,
    .table>tfoot>tr.warning>th {
        background-color: #fcf8e3
    }

    .table-hover>tbody>tr>td.warning:hover,
    .table-hover>tbody>tr>th.warning:hover,
    .table-hover>tbody>tr.warning:hover>td,
    .table-hover>tbody>tr:hover>.warning,
    .table-hover>tbody>tr.warning:hover>th {
        background-color: #faf2cc
    }

    .table>thead>tr>td.danger,
    .table>tbody>tr>td.danger,
    .table>tfoot>tr>td.danger,
    .table>thead>tr>th.danger,
    .table>tbody>tr>th.danger,
    .table>tfoot>tr>th.danger,
    .table>thead>tr.danger>td,
    .table>tbody>tr.danger>td,
    .table>tfoot>tr.danger>td,
    .table>thead>tr.danger>th,
    .table>tbody>tr.danger>th,
    .table>tfoot>tr.danger>th {
        background-color: #f2dede
    }

    .table-hover>tbody>tr>td.danger:hover,
    .table-hover>tbody>tr>th.danger:hover,
    .table-hover>tbody>tr.danger:hover>td,
    .table-hover>tbody>tr:hover>.danger,
    .table-hover>tbody>tr.danger:hover>th {
        background-color: #ebcccc
    }

    .table-responsive {
        min-height: .01%;
        overflow-x: auto
    }

    @media screen and (max-width:767px) {
        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd
        }

        .table-responsive>.table {
            margin-bottom: 0
        }

        .table-responsive>.table>thead>tr>th,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tfoot>tr>td {
            white-space: nowrap
        }

        .table-responsive>.table-bordered {
            border: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child {
            border-left: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child {
            border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th,
        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td {
            border-bottom: 0
        }
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333;
        border: 0;
        border-bottom: 1px solid #e5e5e5
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700
    }

    input[type="search"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        appearance: none
    }

    input[type="radio"],
    input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal
    }

    input[type="radio"][disabled],
    input[type="checkbox"][disabled],
    input[type="radio"].disabled,
    input[type="checkbox"].disabled,
    fieldset[disabled] input[type="radio"],
    fieldset[disabled] input[type="checkbox"] {
        cursor: not-allowed
    }

    input[type="file"] {
        display: block
    }

    input[type="range"] {
        display: block;
        width: 100%
    }

    select[multiple],
    select[size] {
        height: auto
    }

    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    output {
        display: block;
        padding-top: 7px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555
    }

    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed
    }

    textarea.form-control {
        height: auto
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {

        input[type="date"].form-control,
        input[type="time"].form-control,
        input[type="datetime-local"].form-control,
        input[type="month"].form-control {
            line-height: 34px
        }

        input[type="date"].input-sm,
        input[type="time"].input-sm,
        input[type="datetime-local"].input-sm,
        input[type="month"].input-sm,
        .input-group-sm input[type="date"],
        .input-group-sm input[type="time"],
        .input-group-sm input[type="datetime-local"],
        .input-group-sm input[type="month"] {
            line-height: 30px
        }

        input[type="date"].input-lg,
        input[type="time"].input-lg,
        input[type="datetime-local"].input-lg,
        input[type="month"].input-lg,
        .input-group-lg input[type="date"],
        .input-group-lg input[type="time"],
        .input-group-lg input[type="datetime-local"],
        .input-group-lg input[type="month"] {
            line-height: 46px
        }
    }

    .form-group {
        margin-bottom: 15px
    }

    .radio,
    .checkbox {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .radio.disabled label,
    .checkbox.disabled label,
    fieldset[disabled] .radio label,
    fieldset[disabled] .checkbox label {
        cursor: not-allowed
    }

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px
    }

    .radio+.radio,
    .checkbox+.checkbox {
        margin-top: -5px
    }

    .radio-inline,
    .checkbox-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        cursor: pointer
    }

    .radio-inline.disabled,
    .checkbox-inline.disabled,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] .checkbox-inline {
        cursor: not-allowed
    }

    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .form-control-static {
        min-height: 34px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0
    }

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0
    }

    .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.input-sm {
        height: 30px;
        line-height: 30px
    }

    textarea.input-sm,
    select[multiple].input-sm {
        height: auto
    }

    .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .form-group-sm select.form-control {
        height: 30px;
        line-height: 30px
    }

    .form-group-sm textarea.form-control,
    .form-group-sm select[multiple].form-control {
        height: auto
    }

    .form-group-sm .form-control-static {
        height: 30px;
        min-height: 32px;
        padding: 6px 10px;
        font-size: 12px;
        line-height: 1.5
    }

    .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.input-lg {
        height: 46px;
        line-height: 46px
    }

    textarea.input-lg,
    select[multiple].input-lg {
        height: auto
    }

    .form-group-lg .form-control {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    .form-group-lg select.form-control {
        height: 46px;
        line-height: 46px
    }

    .form-group-lg textarea.form-control,
    .form-group-lg select[multiple].form-control {
        height: auto
    }

    .form-group-lg .form-control-static {
        height: 46px;
        min-height: 38px;
        padding: 11px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .has-feedback {
        position: relative
    }

    .has-feedback .form-control {
        padding-right: 42.5px
    }

    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none
    }

    .input-lg+.form-control-feedback,
    .input-group-lg+.form-control-feedback,
    .form-group-lg .form-control+.form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px
    }

    .input-sm+.form-control-feedback,
    .input-group-sm+.form-control-feedback,
    .form-group-sm .form-control+.form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .has-success .help-block,
    .has-success .control-label,
    .has-success .radio,
    .has-success .checkbox,
    .has-success .radio-inline,
    .has-success .checkbox-inline,
    .has-success.radio label,
    .has-success.checkbox label,
    .has-success.radio-inline label,
    .has-success.checkbox-inline label {
        color: #3c763d
    }

    .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
    }

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
    }

    .has-success .input-group-addon {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #3c763d
    }

    .has-success .form-control-feedback {
        color: #3c763d
    }

    .has-warning .help-block,
    .has-warning .control-label,
    .has-warning .radio,
    .has-warning .checkbox,
    .has-warning .radio-inline,
    .has-warning .checkbox-inline,
    .has-warning.radio label,
    .has-warning.checkbox label,
    .has-warning.radio-inline label,
    .has-warning.checkbox-inline label {
        color: #8a6d3b
    }

    .has-warning .form-control {
        border-color: #8a6d3b;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
    }

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
    }

    .has-warning .input-group-addon {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #8a6d3b
    }

    .has-warning .form-control-feedback {
        color: #8a6d3b
    }

    .has-error .help-block,
    .has-error .control-label,
    .has-error .radio,
    .has-error .checkbox,
    .has-error .radio-inline,
    .has-error .checkbox-inline,
    .has-error.radio label,
    .has-error.checkbox label,
    .has-error.radio-inline label,
    .has-error.checkbox-inline label {
        color: #a94442
    }

    .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
    }

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
    }

    .has-error .input-group-addon {
        color: #a94442;
        background-color: #f2dede;
        border-color: #a94442
    }

    .has-error .form-control-feedback {
        color: #a94442
    }

    .has-feedback label~.form-control-feedback {
        top: 25px
    }

    .has-feedback label.sr-only~.form-control-feedback {
        top: 0
    }

    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373
    }

    @media(min-width:768px) {
        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .form-inline .form-control-static {
            display: inline-block
        }

        .form-inline .input-group {
            display: inline-table;
            vertical-align: middle
        }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group>.form-control {
            width: 100%
        }

        .form-inline .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .radio,
        .form-inline .checkbox {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

        .form-inline .has-feedback .form-control-feedback {
            top: 0
        }
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox,
    .form-horizontal .radio-inline,
    .form-horizontal .checkbox-inline {
        padding-top: 7px;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox {
        min-height: 27px
    }

    .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px
    }

    @media(min-width:768px) {
        .form-horizontal .control-label {
            padding-top: 7px;
            margin-bottom: 0;
            text-align: right
        }
    }

    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px
    }

    @media(min-width:768px) {
        .form-horizontal .form-group-lg .control-label {
            padding-top: 11px;
            font-size: 18px
        }
    }

    @media(min-width:768px) {
        .form-horizontal .form-group-sm .control-label {
            padding-top: 6px;
            font-size: 12px
        }
    }

    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333;
        text-decoration: none
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: .65;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none
    }

    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default:active,
    .btn-default.active,
    .open>.dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad
    }

    .btn-default:active:hover,
    .btn-default.active:hover,
    .open>.dropdown-toggle.btn-default:hover,
    .btn-default:active:focus,
    .btn-default.active:focus,
    .open>.dropdown-toggle.btn-default:focus,
    .btn-default:active.focus,
    .btn-default.active.focus,
    .open>.dropdown-toggle.btn-default.focus {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary:active,
    .btn-primary.active,
    .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        background-image: none;
        border-color: #204d74
    }

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open>.dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open>.dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open>.dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #204d74;
        border-color: #122b40
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

    .btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success:active,
    .btn-success.active,
    .open>.dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #398439
    }

    .btn-success:active:hover,
    .btn-success.active:hover,
    .open>.dropdown-toggle.btn-success:hover,
    .btn-success:active:focus,
    .btn-success.active:focus,
    .open>.dropdown-toggle.btn-success:focus,
    .btn-success:active.focus,
    .btn-success.active.focus,
    .open>.dropdown-toggle.btn-success.focus {
        color: #fff;
        background-color: #398439;
        border-color: #255625
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

    .btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info:active,
    .btn-info.active,
    .open>.dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #269abc
    }

    .btn-info:active:hover,
    .btn-info.active:hover,
    .open>.dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open>.dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open>.dropdown-toggle.btn-info.focus {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85
    }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

    .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning:active,
    .btn-warning.active,
    .open>.dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #d58512
    }

    .btn-warning:active:hover,
    .btn-warning.active:hover,
    .open>.dropdown-toggle.btn-warning:hover,
    .btn-warning:active:focus,
    .btn-warning.active:focus,
    .open>.dropdown-toggle.btn-warning:focus,
    .btn-warning:active.focus,
    .btn-warning.active.focus,
    .open>.dropdown-toggle.btn-warning.focus {
        color: #fff;
        background-color: #d58512;
        border-color: #985f0d
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

    .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger:active,
    .btn-danger.active,
    .open>.dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #ac2925
    }

    .btn-danger:active:hover,
    .btn-danger.active:hover,
    .open>.dropdown-toggle.btn-danger:hover,
    .btn-danger:active:focus,
    .btn-danger.active:focus,
    .open>.dropdown-toggle.btn-danger:focus,
    .btn-danger:active.focus,
    .btn-danger.active.focus,
    .open>.dropdown-toggle.btn-danger.focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #761c19
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

    .btn-link {
        font-weight: 400;
        color: #337ab7;
        border-radius: 0
    }

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-link,
    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        border-color: transparent
    }

    .btn-link:hover,
    .btn-link:focus {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent
    }

    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:hover,
    .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:focus {
        color: #777;
        text-decoration: none
    }

    .btn-lg,
    .btn-group-lg>.btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    .btn-sm,
    .btn-group-sm>.btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .btn-xs,
    .btn-group-xs>.btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .btn-block {
        display: block;
        width: 100%
    }

    .btn-block+.btn-block {
        margin-top: 5px
    }

    input[type="submit"].btn-block,
    input[type="reset"].btn-block,
    input[type="button"].btn-block {
        width: 100%
    }

    .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    .fade.in {
        opacity: 1
    }

    .collapse {
        display: none
    }

    .collapse.in {
        display: block
    }

    tr.collapse.in {
        display: table-row
    }

    tbody.collapse.in {
        display: table-row-group
    }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

    .dropup,
    .dropdown {
        position: relative
    }

    .dropdown-toggle:focus {
        outline: 0
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
    }

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5
    }

    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:hover,
    .dropdown-menu>.active>a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:hover,
    .dropdown-menu>.disabled>a:focus {
        color: #777
    }

    .dropdown-menu>.disabled>a:hover,
    .dropdown-menu>.disabled>a:focus {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
    }

    .open>.dropdown-menu {
        display: block
    }

    .open>a {
        outline: 0
    }

    .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .dropdown-menu-left {
        right: auto;
        left: 0
    }

    .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #777;
        white-space: nowrap
    }

    .dropdown-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990
    }

    .pull-right>.dropdown-menu {
        right: 0;
        left: auto
    }

    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px dashed;
        border-bottom: 4px solid \9
    }

    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px
    }

    @media(min-width:768px) {
        .navbar-right .dropdown-menu {
            right: 0;
            left: auto
        }

        .navbar-right .dropdown-menu-left {
            right: auto;
            left: 0
        }
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .btn-group>.btn,
    .btn-group-vertical>.btn {
        position: relative;
        float: left
    }

    .btn-group>.btn:hover,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn:focus,
    .btn-group-vertical>.btn:focus,
    .btn-group>.btn:active,
    .btn-group-vertical>.btn:active,
    .btn-group>.btn.active,
    .btn-group-vertical>.btn.active {
        z-index: 2
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group {
        margin-left: -1px
    }

    .btn-toolbar {
        margin-left: -5px
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar>.btn,
    .btn-toolbar>.btn-group,
    .btn-toolbar>.input-group {
        margin-left: 5px
    }

    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0
    }

    .btn-group>.btn:first-child {
        margin-left: 0
    }

    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group>.btn-group {
        float: left
    }

    .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }

    .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
        outline: 0
    }

    .btn-group>.btn+.dropdown-toggle {
        padding-right: 8px;
        padding-left: 8px
    }

    .btn-group>.btn-lg+.dropdown-toggle {
        padding-right: 12px;
        padding-left: 12px
    }

    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
    }

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn .caret {
        margin-left: 0
    }

    .btn-lg .caret {
        border-width: 5px 5px 0;
        border-bottom-width: 0
    }

    .dropup .btn-lg .caret {
        border-width: 0 5px 5px
    }

    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .btn-group-vertical>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%
    }

    .btn-group-vertical>.btn-group>.btn {
        float: none
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }

    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
    }

    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

    .btn-group-justified>.btn-group .btn {
        width: 100%
    }

    .btn-group-justified>.btn-group .dropdown-menu {
        left: auto
    }

    [data-toggle="buttons"]>.btn input[type="radio"],
    [data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
    [data-toggle="buttons"]>.btn input[type="checkbox"],
    [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate
    }

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group .form-control:focus {
        z-index: 3
    }

    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn {
        height: 46px;
        line-height: 46px
    }

    textarea.input-group-lg>.form-control,
    textarea.input-group-lg>.input-group-addon,
    textarea.input-group-lg>.input-group-btn>.btn,
    select[multiple].input-group-lg>.form-control,
    select[multiple].input-group-lg>.input-group-addon,
    select[multiple].input-group-lg>.input-group-btn>.btn {
        height: auto
    }

    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.input-group-sm>.form-control,
    select.input-group-sm>.input-group-addon,
    select.input-group-sm>.input-group-btn>.btn {
        height: 30px;
        line-height: 30px
    }

    textarea.input-group-sm>.form-control,
    textarea.input-group-sm>.input-group-addon,
    textarea.input-group-sm>.input-group-btn>.btn,
    select[multiple].input-group-sm>.form-control,
    select[multiple].input-group-sm>.input-group-addon,
    select[multiple].input-group-sm>.input-group-btn>.btn {
        height: auto
    }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell
    }

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .input-group-addon,
    .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

    .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap
    }

    .input-group-btn>.btn {
        position: relative
    }

    .input-group-btn>.btn+.btn {
        margin-left: -1px
    }

    .input-group-btn>.btn:hover,
    .input-group-btn>.btn:focus,
    .input-group-btn>.btn:active {
        z-index: 2
    }

    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: -1px
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav>li {
        position: relative;
        display: block
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
    }

    .nav>li>a:hover,
    .nav>li>a:focus {
        text-decoration: none;
        background-color: #eee
    }

    .nav>li.disabled>a {
        color: #777
    }

    .nav>li.disabled>a:hover,
    .nav>li.disabled>a:focus {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav>li>a>img {
        max-width: none
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs>li>a:hover {
        border-color: #eee #eee #ddd
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent
    }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

    .nav-tabs.nav-justified>li {
        float: none
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
    }

    .nav-tabs.nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media(min-width:768px) {
        .nav-tabs.nav-justified>li {
            display: table-cell;
            width: 1%
        }

        .nav-tabs.nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs.nav-justified>li>a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border: 1px solid #ddd
    }

    @media(min-width:768px) {
        .nav-tabs.nav-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:hover,
        .nav-tabs.nav-justified>.active>a:focus {
            border-bottom-color: #fff
        }
    }

    .nav-pills>li {
        float: left
    }

    .nav-pills>li>a {
        border-radius: 4px
    }

    .nav-pills>li+li {
        margin-left: 2px
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        color: #fff;
        background-color: #337ab7
    }

    .nav-stacked>li {
        float: none
    }

    .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0
    }

    .nav-justified {
        width: 100%
    }

    .nav-justified>li {
        float: none
    }

    .nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media(min-width:768px) {
        .nav-justified>li {
            display: table-cell;
            width: 1%
        }

        .nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs-justified {
        border-bottom: 0
    }

    .nav-tabs-justified>li>a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border: 1px solid #ddd
    }

    @media(min-width:768px) {
        .nav-tabs-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:hover,
        .nav-tabs-justified>.active>a:focus {
            border-bottom-color: #fff
        }
    }

    .tab-content>.tab-pane {
        display: none
    }

    .tab-content>.active {
        display: block
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent
    }

    @media(min-width:768px) {
        .navbar {
            border-radius: 4px
        }
    }

    @media(min-width:768px) {
        .navbar-header {
            float: left
        }
    }

    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

    @media(min-width:768px) {
        .navbar-collapse {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            padding-right: 0;
            padding-left: 0
        }
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 340px
    }

    @media(max-device-width:480px) and (orientation:landscape) {

        .navbar-fixed-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            max-height: 200px
        }
    }

    @media(min-width:768px) {

        .navbar-fixed-top,
        .navbar-fixed-bottom {
            border-radius: 0
        }
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
    }

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px
    }

    @media(min-width:768px) {

        .container>.navbar-header,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container-fluid>.navbar-collapse {
            margin-right: 0;
            margin-left: 0
        }
    }

    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
    }

    @media(min-width:768px) {
        .navbar-static-top {
            border-radius: 0
        }
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px
    }

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none
    }

    .navbar-brand>img {
        display: block
    }

    @media(min-width:768px) {

        .navbar>.container .navbar-brand,
        .navbar>.container-fluid .navbar-brand {
            margin-left: -15px
        }
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }

    @media(min-width:768px) {
        .navbar-toggle {
            display: none
        }
    }

    .navbar-nav {
        margin: 7.5px -15px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

    @media(max-width:767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .navbar-nav .open .dropdown-menu>li>a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu>li>a {
            line-height: 20px
        }

        .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-nav .open .dropdown-menu>li>a:focus {
            background-image: none
        }
    }

    @media(min-width:768px) {
        .navbar-nav {
            float: left;
            margin: 0
        }

        .navbar-nav>li {
            float: left
        }

        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px
        }
    }

    .navbar-form {
        padding: 10px 15px;
        margin-right: -15px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 8px;
        margin-bottom: 8px
    }

    @media(min-width:768px) {
        .navbar-form .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .navbar-form .form-control-static {
            display: inline-block
        }

        .navbar-form .input-group {
            display: inline-table;
            vertical-align: middle
        }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto
        }

        .navbar-form .input-group>.form-control {
            width: 100%
        }

        .navbar-form .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .radio,
        .navbar-form .checkbox {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

        .navbar-form .has-feedback .form-control-feedback {
            top: 0
        }
    }

    @media(max-width:767px) {
        .navbar-form .form-group {
            margin-bottom: 5px
        }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
    }

    @media(min-width:768px) {
        .navbar-form {
            width: auto;
            padding-top: 0;
            padding-bottom: 0;
            margin-right: 0;
            margin-left: 0;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px
    }

    @media(min-width:768px) {
        .navbar-text {
            float: left;
            margin-right: 15px;
            margin-left: 15px
        }
    }

    @media(min-width:768px) {
        .navbar-left {
            float: left !important
        }

        .navbar-right {
            float: right !important;
            margin-right: -15px
        }

        .navbar-right~.navbar-right {
            margin-right: 0
        }
    }

    .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7
    }

    .navbar-default .navbar-brand {
        color: #777
    }

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #5e5e5e;
        background-color: transparent
    }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav>li>a {
        color: #777
    }

    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:hover,
    .navbar-default .navbar-nav>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    @media(max-width:767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #777
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #333;
            background-color: transparent
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
            color: #ccc;
            background-color: transparent
        }
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #ddd
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-link {
        color: #777
    }

    .navbar-default .navbar-link:hover {
        color: #333
    }

    .navbar-default .btn-link {
        color: #777
    }

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc
    }

    .navbar-inverse {
        background-color: #222;
        border-color: #080808
    }

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:hover,
    .navbar-inverse .navbar-nav>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        color: #fff;
        background-color: #080808
    }

    @media(max-width:767px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
            border-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #9d9d9d
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
            color: #fff;
            background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
            color: #444;
            background-color: transparent
        }
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #333
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-link {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link {
        color: #9d9d9d
    }

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444
    }

    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px
    }

    .breadcrumb>li {
        display: inline-block
    }

    .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0"
    }

    .breadcrumb>.active {
        color: #777
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
    }

    .pagination>li {
        display: inline
    }

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .pagination>li>a:hover,
    .pagination>li>span:hover,
    .pagination>li>a:focus,
    .pagination>li>span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eee;
        border-color: #ddd
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination>.disabled>span,
    .pagination>.disabled>span:hover,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>a,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>a:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
    }

    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .pager {
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none
    }

    .pager li {
        display: inline
    }

    .pager li>a,
    .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
    }

    .pager li>a:hover,
    .pager li>a:focus {
        text-decoration: none;
        background-color: #eee
    }

    .pager .next>a,
    .pager .next>span {
        float: right
    }

    .pager .previous>a,
    .pager .previous>span {
        float: left
    }

    .pager .disabled>a,
    .pager .disabled>a:hover,
    .pager .disabled>a:focus,
    .pager .disabled>span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

    .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em
    }

    a.label:hover,
    a.label:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .label:empty {
        display: none
    }

    .btn .label {
        position: relative;
        top: -1px
    }

    .label-default {
        background-color: #777
    }

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #5e5e5e
    }

    .label-primary {
        background-color: #337ab7
    }

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #286090
    }

    .label-success {
        background-color: #5cb85c
    }

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #449d44
    }

    .label-info {
        background-color: #5bc0de
    }

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #31b0d5
    }

    .label-warning {
        background-color: #f0ad4e
    }

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ec971f
    }

    .label-danger {
        background-color: #d9534f
    }

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #c9302c
    }

    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #777;
        border-radius: 10px
    }

    .badge:empty {
        display: none
    }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .btn-xs .badge,
    .btn-group-xs>.btn .badge {
        top: 0;
        padding: 1px 5px
    }

    a.badge:hover,
    a.badge:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color: #337ab7;
        background-color: #fff
    }

    .list-group-item>.badge {
        float: right
    }

    .list-group-item>.badge+.badge {
        margin-right: 5px
    }

    .nav-pills>li>a>.badge {
        margin-left: 3px
    }

    .jumbotron {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        color: inherit;
        background-color: #eee
    }

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron>hr {
        border-top-color: #d5d5d5
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 6px
    }

    .jumbotron .container {
        max-width: 100%
    }

    @media screen and (min-width:768px) {
        .jumbotron {
            padding-top: 48px;
            padding-bottom: 48px
        }

        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-right: 60px;
            padding-left: 60px
        }

        .jumbotron h1,
        .jumbotron .h1 {
            font-size: 63px
        }
    }

    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out
    }

    .thumbnail>img,
    .thumbnail a>img {
        margin-right: auto;
        margin-left: auto
    }

    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail.active {
        border-color: #337ab7
    }

    .thumbnail .caption {
        padding: 9px;
        color: #333
    }

    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: bold
    }

    .alert>p,
    .alert>ul {
        margin-bottom: 0
    }

    .alert>p+p {
        margin-top: 5px
    }

    .alert-dismissable,
    .alert-dismissible {
        padding-right: 35px
    }

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

    .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

    .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

    .alert-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

    .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    @-o-keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    .progress {
        height: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
    }

    .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease
    }

    .progress-striped .progress-bar,
    .progress-bar-striped {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }

    .progress.active .progress-bar,
    .progress-bar.active {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite
    }

    .progress-bar-success {
        background-color: #5cb85c
    }

    .progress-striped .progress-bar-success {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .progress-bar-info {
        background-color: #5bc0de
    }

    .progress-striped .progress-bar-info {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .progress-bar-warning {
        background-color: #f0ad4e
    }

    .progress-striped .progress-bar-warning {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .progress-bar-danger {
        background-color: #d9534f
    }

    .progress-striped .progress-bar-danger {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .media {
        margin-top: 15px
    }

    .media:first-child {
        margin-top: 0
    }

    .media,
    .media-body {
        overflow: hidden;
        zoom: 1
    }

    .media-body {
        width: 10000px
    }

    .media-object {
        display: block
    }

    .media-object.img-thumbnail {
        max-width: none
    }

    .media-right,
    .media>.pull-right {
        padding-left: 10px
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px
    }

    .media-left,
    .media-right,
    .media-body {
        display: table-cell;
        vertical-align: top
    }

    .media-middle {
        vertical-align: middle
    }

    .media-bottom {
        vertical-align: bottom
    }

    .media-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .media-list {
        padding-left: 0;
        list-style: none
    }

    .list-group {
        padding-left: 0;
        margin-bottom: 20px
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .list-group-item.disabled,
    .list-group-item.disabled:hover,
    .list-group-item.disabled:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #eee
    }

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #777
    }

    .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item.active:focus {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active .list-group-item-heading>small,
    .list-group-item.active:hover .list-group-item-heading>small,
    .list-group-item.active:focus .list-group-item-heading>small,
    .list-group-item.active .list-group-item-heading>.small,
    .list-group-item.active:hover .list-group-item-heading>.small,
    .list-group-item.active:focus .list-group-item-heading>.small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #c7ddef
    }

    a.list-group-item,
    button.list-group-item {
        color: #555
    }

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover,
    button.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:focus {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

    button.list-group-item {
        width: 100%;
        text-align: left
    }

    .list-group-item-success {
        color: #3c763d;
        background-color: #dff0d8
    }

    a.list-group-item-success,
    button.list-group-item-success {
        color: #3c763d
    }

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:hover,
    button.list-group-item-success:hover,
    a.list-group-item-success:focus,
    button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus,
    button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

    .list-group-item-info {
        color: #31708f;
        background-color: #d9edf7
    }

    a.list-group-item-info,
    button.list-group-item-info {
        color: #31708f
    }

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:hover,
    button.list-group-item-info:hover,
    a.list-group-item-info:focus,
    button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus,
    button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

    .list-group-item-warning {
        color: #8a6d3b;
        background-color: #fcf8e3
    }

    a.list-group-item-warning,
    button.list-group-item-warning {
        color: #8a6d3b
    }

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:hover,
    button.list-group-item-warning:hover,
    a.list-group-item-warning:focus,
    button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

    .list-group-item-danger {
        color: #a94442;
        background-color: #f2dede
    }

    a.list-group-item-danger,
    button.list-group-item-danger {
        color: #a94442
    }

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:hover,
    button.list-group-item-danger:hover,
    a.list-group-item-danger:focus,
    button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
    }

    .panel-body {
        padding: 15px
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel-heading>.dropdown .dropdown-toggle {
        color: inherit
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit
    }

    .panel-title>a,
    .panel-title>small,
    .panel-title>.small,
    .panel-title>small>a,
    .panel-title>.small>a {
        color: inherit
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.list-group,
    .panel>.panel-collapse>.list-group {
        margin-bottom: 0
    }

    .panel>.list-group .list-group-item,
    .panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel>.list-group:first-child .list-group-item:first-child,
    .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.list-group:last-child .list-group-item:last-child,
    .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .list-group+.panel-footer {
        border-top-width: 0
    }

    .panel>.table,
    .panel>.table-responsive>.table,
    .panel>.panel-collapse>.table {
        margin-bottom: 0
    }

    .panel>.table caption,
    .panel>.table-responsive>.table caption,
    .panel>.panel-collapse>.table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel>.table:first-child,
    .panel>.table-responsive:first-child>.table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

    .panel>.table:last-child,
    .panel>.table-responsive:last-child>.table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive,
    .panel>.table+.panel-body,
    .panel>.table-responsive+.panel-body {
        border-top: 1px solid #ddd
    }

    .panel>.table>tbody:first-child>tr:first-child th,
    .panel>.table>tbody:first-child>tr:first-child td {
        border-top: 0
    }

    .panel>.table-bordered,
    .panel>.table-responsive>.table-bordered {
        border: 0
    }

    .panel>.table-bordered>thead>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
    .panel>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-bordered>thead>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .panel>.table-bordered>thead>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
    .panel>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-bordered>thead>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .panel>.table-bordered>thead>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
    .panel>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-bordered>thead>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
    .panel>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
        border-bottom: 0
    }

    .panel>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }

    .panel>.table-responsive {
        margin-bottom: 0;
        border: 0
    }

    .panel-group {
        margin-bottom: 20px
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

    .panel-group .panel+.panel {
        margin-top: 5px
    }

    .panel-group .panel-heading {
        border-bottom: 0
    }

    .panel-group .panel-heading+.panel-collapse>.panel-body,
    .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: 1px solid #ddd
    }

    .panel-group .panel-footer {
        border-top: 0
    }

    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

    .panel-default {
        border-color: #ddd
    }

    .panel-default>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ddd
    }

    .panel-default>.panel-heading .badge {
        color: #f5f5f5;
        background-color: #333
    }

    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ddd
    }

    .panel-primary {
        border-color: #337ab7
    }

    .panel-primary>.panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #337ab7
    }

    .panel-primary>.panel-heading .badge {
        color: #337ab7;
        background-color: #fff
    }

    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #337ab7
    }

    .panel-success {
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #d6e9c6
    }

    .panel-success>.panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d
    }

    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #d6e9c6
    }

    .panel-info {
        border-color: #bce8f1
    }

    .panel-info>.panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #bce8f1
    }

    .panel-info>.panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f
    }

    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #bce8f1
    }

    .panel-warning {
        border-color: #faebcc
    }

    .panel-warning>.panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #faebcc
    }

    .panel-warning>.panel-heading .badge {
        color: #fcf8e3;
        background-color: #8a6d3b
    }

    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #faebcc
    }

    .panel-danger {
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ebccd1
    }

    .panel-danger>.panel-heading .badge {
        color: #f2dede;
        background-color: #a94442
    }

    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ebccd1
    }

    .embed-responsive {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .embed-responsive-16by9 {
        padding-bottom: 56.25%
    }

    .embed-responsive-4by3 {
        padding-bottom: 75%
    }

    .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
    }

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15)
    }

    .well-lg {
        padding: 24px;
        border-radius: 6px
    }

    .well-sm {
        padding: 9px;
        border-radius: 3px
    }

    .close {
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #070713;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2
    }

    .close:hover,
    .close:focus {
        color: #070713;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        appearance: none
    }

    .modal-open {
        overflow: hidden
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0
    }

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px
    }

    .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        outline: 0
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #070713
    }

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5
    }

    .modal-header .close {
        margin-top: -2px
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143
    }

    .modal-body {
        position: relative;
        padding: 15px
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5
    }

    .modal-footer .btn+.btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn+.btn {
        margin-left: -1px
    }

    .modal-footer .btn-block+.btn-block {
        margin-left: 0
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    @media(min-width:768px) {
        .modal-dialog {
            width: 600px;
            margin: 30px auto
        }

        .modal-content {
            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
        }

        .modal-sm {
            width: 300px
        }
    }

    @media(min-width:992px) {
        .modal-lg {
            width: 900px
        }
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        line-break: auto;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: 12px;
        filter: alpha(opacity=0);
        opacity: 0
    }

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #070713
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #070713
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #070713
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #070713
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #070713
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #070713
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #070713
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #070713
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        background-color: #070713;
        border-radius: 4px
    }

    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        line-break: auto;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: 14px;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
    }

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover>.arrow {
        border-width: 11px
    }

    .popover>.arrow,
    .popover>.arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .popover>.arrow:after {
        content: "";
        border-width: 10px
    }

    .popover.top>.arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-bottom-width: 0
    }

    .popover.top>.arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
    }

    .popover.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-left-width: 0
    }

    .popover.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
    }

    .popover.bottom>.arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, 0.25)
    }

    .popover.bottom>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

    .popover.left>.arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, 0.25)
    }

    .popover.left>.arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
    }

    .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0
    }

    .popover-content {
        padding: 9px 14px
    }

    .carousel {
        position: relative
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner>.item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        line-height: 1
    }

    @media all and (transform-3d),
    (-webkit-transform-3d) {
        .carousel-inner>.item {
            -webkit-transition: -webkit-transform .6s ease-in-out;
            -o-transition: -o-transform .6s ease-in-out;
            transition: transform .6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000px;
            perspective: 1000px
        }

        .carousel-inner>.item.next,
        .carousel-inner>.item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0
        }

        .carousel-inner>.item.prev,
        .carousel-inner>.item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0
        }

        .carousel-inner>.item.next.left,
        .carousel-inner>.item.prev.right,
        .carousel-inner>.item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0
        }
    }

    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display: block
    }

    .carousel-inner>.active {
        left: 0
    }

    .carousel-inner>.next,
    .carousel-inner>.prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner>.next {
        left: 100%
    }

    .carousel-inner>.prev {
        left: -100%
    }

    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left: 0
    }

    .carousel-inner>.active.left {
        left: -100%
    }

    .carousel-inner>.active.right {
        left: 100%
    }

    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        background-color: rgba(0, 0, 0, 0);
        filter: alpha(opacity=50);
        opacity: .5
    }

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        filter: alpha(opacity=90);
        opacity: .9
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1
    }

    .carousel-control .icon-prev:before {
        content: "\2039"
    }

    .carousel-control .icon-next:before {
        content: "\203a"
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
    }

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #070713 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
    }

    .carousel-caption .btn {
        text-shadow: none
    }

    @media screen and (min-width:768px) {

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width: 30px;
            height: 30px;
            margin-top: -10px;
            font-size: 30px
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -10px
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -10px
        }

        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px
        }

        .carousel-indicators {
            bottom: 20px
        }
    }

    .clearfix:before,
    .clearfix:after,
    .dl-horizontal dd:before,
    .dl-horizontal dd:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-header:before,
    .modal-header:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " "
    }

    .clearfix:after,
    .dl-horizontal dd:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .pull-right {
        float: right !important
    }

    .pull-left {
        float: left !important
    }

    .hide {
        display: none !important
    }

    .show {
        display: block !important
    }

    .invisible {
        visibility: hidden
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .hidden {
        display: none !important
    }

    .affix {
        position: fixed
    }

    @-ms-viewport {
        width: device-width
    }

    .visible-xs,
    .visible-sm,
    .visible-md,
    .visible-lg {
        display: none !important
    }

    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block {
        display: none !important
    }

    @media(max-width:767px) {
        .visible-xs {
            display: block !important
        }

        table.visible-xs {
            display: table !important
        }

        tr.visible-xs {
            display: table-row !important
        }

        th.visible-xs,
        td.visible-xs {
            display: table-cell !important
        }
    }

    @media(max-width:767px) {
        .visible-xs-block {
            display: block !important
        }
    }

    @media(max-width:767px) {
        .visible-xs-inline {
            display: inline !important
        }
    }

    @media(max-width:767px) {
        .visible-xs-inline-block {
            display: inline-block !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .visible-sm {
            display: block !important
        }

        table.visible-sm {
            display: table !important
        }

        tr.visible-sm {
            display: table-row !important
        }

        th.visible-sm,
        td.visible-sm {
            display: table-cell !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .visible-sm-block {
            display: block !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .visible-sm-inline {
            display: inline !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .visible-sm-inline-block {
            display: inline-block !important
        }
    }

    @media(min-width:992px) and (max-width:1199px) {
        .visible-md {
            display: block !important
        }

        table.visible-md {
            display: table !important
        }

        tr.visible-md {
            display: table-row !important
        }

        th.visible-md,
        td.visible-md {
            display: table-cell !important
        }
    }

    @media(min-width:992px) and (max-width:1199px) {
        .visible-md-block {
            display: block !important
        }
    }

    @media(min-width:992px) and (max-width:1199px) {
        .visible-md-inline {
            display: inline !important
        }
    }

    @media(min-width:992px) and (max-width:1199px) {
        .visible-md-inline-block {
            display: inline-block !important
        }
    }

    @media(min-width:1200px) {
        .visible-lg {
            display: block !important
        }

        table.visible-lg {
            display: table !important
        }

        tr.visible-lg {
            display: table-row !important
        }

        th.visible-lg,
        td.visible-lg {
            display: table-cell !important
        }
    }

    @media(min-width:1200px) {
        .visible-lg-block {
            display: block !important
        }
    }

    @media(min-width:1200px) {
        .visible-lg-inline {
            display: inline !important
        }
    }

    @media(min-width:1200px) {
        .visible-lg-inline-block {
            display: inline-block !important
        }
    }

    @media(max-width:767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media(min-width:992px) and (max-width:1199px) {
        .hidden-md {
            display: none !important
        }
    }

    @media(min-width:1200px) {
        .hidden-lg {
            display: none !important
        }
    }

    .visible-print {
        display: none !important
    }

    @media print {
        .visible-print {
            display: block !important
        }

        table.visible-print {
            display: table !important
        }

        tr.visible-print {
            display: table-row !important
        }

        th.visible-print,
        td.visible-print {
            display: table-cell !important
        }
    }

    .visible-print-block {
        display: none !important
    }

    @media print {
        .visible-print-block {
            display: block !important
        }
    }

    .visible-print-inline {
        display: none !important
    }

    @media print {
        .visible-print-inline {
            display: inline !important
        }
    }

    .visible-print-inline-block {
        display: none !important
    }

    @media print {
        .visible-print-inline-block {
            display: inline-block !important
        }
    }

    @media print {
        .hidden-print {
            display: none !important
        }
    }

    .owl-carousel,
    .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative
    }

    .owl-carousel {
        display: none;
        width: 100%;
        z-index: 1
    }

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        background: 0;
        color: inherit;
        border: 0;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

    @keyframes fadeOut {
        0 {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .owl-height {
        transition: height .5s ease-in-out
    }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-item .owl-lazy:not([src]),
    .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d
    }

    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #070713
    }

    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform .1s ease
    }

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    .owl-carousel .owl-video-playing .owl-video-play-icon,
    .owl-carousel .owl-video-playing .owl-video-tn {
        display: none
    }

    .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%
    }

    .owl-theme .owl-nav {
        margin-top: 10px;
        text-align: center;
        -webkit-tap-highlight-color: transparent
    }

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

    .owl-theme .owl-nav [class*='owl-']:hover {
        background: #869791;
        color: #FFF;
        text-decoration: none
    }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 10px
    }

    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        direction: ltr
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

    .slick-loading .slick-track {
        visibility: hidden
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    [dir='rtl'] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-loading .slick-slide {
        visibility: hidden
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    @font-face {
        font-family: "BebasExt";
        src: url("../../static/fonts/bebasneue_ext/bebasneue_bold-webfont.eot");
        src: url("../../static/fonts/bebasneue_ext/bebasneue_bold-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/bebasneue_ext/bebasneue_bold-webfont.woff") format("woff"), url("../../static/fonts/bebasneue_ext/bebasneue_bold-webfont.ttf") format("truetype"), url("../../static/fonts/bebasneue_ext/bebasneue_bold-webfont.svg") format("svg");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: "BebasExt";
        src: url("../../static/fonts/bebasneue_ext/bebasneue_regular-webfont.eot");
        src: url("../../static/fonts/bebasneue_ext/bebasneue_regular-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/bebasneue_ext/bebasneue_regular-webfont.woff") format("woff"), url("../../static/fonts/bebasneue_ext/bebasneue_regular-webfont.ttf") format("truetype"), url("../../static/fonts/bebasneue_ext/bebasneue_regular-webfont.svg") format("svg");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: "BebasExt";
        src: url("../../static/fonts/bebasneue_ext/bebasneue_book-webfont.eot") format("embedded-opentype");
        src: url("../../static/fonts/bebasneue_ext/bebasneue_book-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/bebasneue_ext/bebasneue_book-webfont.woff") format("woff"), url("../../static/fonts/bebasneue_ext/bebasneue_book-webfont.ttf") format("truetype"), url("../../static/fonts/bebasneue_ext/bebasneue_book-webfont.svg") format("svg");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: "Bebas";
        src: url("../../static/fonts/bebasneue/bebasneue_bold-webfont.eot");
        src: url("../../static/fonts/bebasneue/bebasneue_bold-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/bebasneue/bebasneue_bold-webfont.woff") format("woff"), url("../../static/fonts/bebasneue/bebasneue_bold-webfont.ttf") format("truetype"), url("../../static/fonts/bebasneue/bebasneue_bold-webfont.svg") format("svg");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: "Bebas";
        src: url("../../static/fonts/bebasneue/bebasneue_regular-webfont.eot");
        src: url("../../static/fonts/bebasneue/bebasneue_regular-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/bebasneue/bebasneue_regular-webfont.woff") format("woff"), url("../../static/fonts/bebasneue/bebasneue_regular-webfont.ttf") format("truetype"), url("../../static/fonts/bebasneue/bebasneue_regular-webfont.svg") format("svg");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: "Bebas";
        src: url("../../static/fonts/bebasneue/bebasneue_book-webfont.eot");
        src: url("../../static/fonts/bebasneue/bebasneue_book-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/bebasneue/bebasneue_book-webfont.woff") format("woff"), url("../../static/fonts/bebasneue/bebasneue_book-webfont.ttf") format("truetype"), url("../../static/fonts/bebasneue/bebasneue_book-webfont.svg") format("svg");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: "RobCond";
        src: url("../../static/fonts/robotoCond/RobotoCondensed-Light.eot");
        src: url("../../static/fonts/robotoCond/RobotoCondensed-Light-1.eot") format("embedded-opentype"), url("../../static/fonts/robotoCond/RobotoCondensed-Light.woff") format("woff"), url("../../static/fonts/robotoCond/RobotoCondensed-Light.ttf") format("truetype"), url("../../static/fonts/robotoCond/RobotoCondensed-Light.svg") format("svg");
        font-weight: 300;
        font-style: normal;
        font-variant: normal
    }

    @font-face {
        font-family: "RobCond";
        src: url("../../static/fonts/robotoCond/RobotoCondensed-Regular.eot");
        src: url("../../static/fonts/robotoCond/RobotoCondensed-Regular-1.eot") format("embedded-opentype"), url("../../static/fonts/robotoCond/RobotoCondensed-Regular.woff") format("woff"), url("../../static/fonts/robotoCond/RobotoCondensed-Regular.ttf") format("truetype"), url("../../static/fonts/robotoCond/RobotoCondensed-Regular.svg") format("svg");
        font-weight: 400;
        font-style: normal;
        font-variant: normal
    }

    @font-face {
        font-family: "RobCond";
        src: url("../../static/fonts/robotoCond/RobotoCondensed-Bold.eot");
        src: url("../../static/fonts/robotoCond/RobotoCondensed-Bold-1.eot") format("embedded-opentype"), url("../../static/fonts/robotoCond/RobotoCondensed-Bold.woff") format("woff"), url("../../static/fonts/robotoCond/RobotoCondensed-Bold.ttf") format("truetype"), url("../../static/fonts/robotoCond/RobotoCondensed-Bold.svg") format("svg");
        font-weight: 700;
        font-style: normal;
        font-variant: normal
    }

    @font-face {
        font-family: "Roboto";
        src: url("../../static/fonts/roboto/Roboto-Thin-webfont.eot");
        src: url("../../static/fonts/roboto/Roboto-Thin-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/roboto/Roboto-Thin-webfont.woff") format("woff"), url("../../static/fonts/roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("../../static/fonts/roboto/Roboto-Thin-webfont.svg") format("svg");
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: "Roboto";
        src: url("../../static/fonts/roboto/Roboto-Light-webfont.eot");
        src: url("../../static/fonts/roboto/Roboto-Light-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/roboto/Roboto-Light-webfont.woff") format("woff"), url("../../static/fonts/roboto/Roboto-Light-webfont.ttf") format("truetype"), url("../../static/fonts/roboto/Roboto-Light-webfont.svg") format("svg");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: "Roboto";
        src: url("../../static/fonts/roboto/Roboto-Regular-webfont.eot");
        src: url("../../static/fonts/roboto/Roboto-Regular-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../../static/fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../../static/fonts/roboto/Roboto-Regular-webfont.svg") format("svg");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: "Roboto";
        src: url("../../static/fonts/roboto/Roboto-Medium-webfont.eot");
        src: url("../../static/fonts/roboto/Roboto-Medium-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/roboto/Roboto-Medium-webfont.woff") format("woff"), url("../../static/fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../../static/fonts/roboto/Roboto-Medium-webfont.svg") format("svg");
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: "Roboto";
        src: url("../../static/fonts/roboto/Roboto-Bold-webfont.eot");
        src: url("../../static/fonts/roboto/Roboto-Bold-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), url("../../static/fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../../static/fonts/roboto/Roboto-Bold-webfont.svg") format("svg");
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: "Roboto";
        src: url("../../static/fonts/roboto/Roboto-Black-webfont.eot");
        src: url("../../static/fonts/roboto/Roboto-Black-webfont-1.eot") format("embedded-opentype"), url("../../static/fonts/roboto/Roboto-Black-webfont.woff") format("woff"), url("../../static/fonts/roboto/Roboto-Black-webfont.ttf") format("truetype"), url("../../static/fonts/roboto/Roboto-Black-webfont.svg") format("svg");
        font-weight: 900;
        font-style: normal
    }

    @font-face {
        font-family: "HindSiliguri";
        src: url("../../static/fonts/hind_siliguri/hindsiliguri-light-webfont.woff") format("woff2"), url("../../static/fonts/hind_siliguri/hindsiliguri-light-webfont.woff") format("woff"), url("../../static/fonts/hind_siliguri/hindsiliguri-light.ttf") format("ttf");
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: "HindSiliguri";
        src: url("../../static/fonts/hind_siliguri/hindsiliguri-regular-webfont.woff") format("woff2"), url("../../static/fonts/hind_siliguri/hindsiliguri-regular-webfont.woff") format("woff"), url("../../static/fonts/hind_siliguri/hindsiliguri-regular.ttf") format("ttf");
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: "HindSiliguri";
        src: url("../../static/fonts/hind_siliguri/hindsiliguri-bold-webfont.woff") format("woff2"), url("../../static/fonts/hind_siliguri/hindsiliguri-bold-webfont.woff") format("woff"), url("../../static/fonts/hind_siliguri/hindsiliguri-bold.ttf") format("ttf");
        font-weight: 700;
        font-style: normal
    }

    header .cursorNone {
        cursor: default;
        pointer-events: none
    }

    .news .title {
        font-size: 14px;
        font-weight: 700;
        color: #d51820;
        margin-bottom: 10px
    }

    .news .date {
        color: #999;
        font-size: 10px;
        line-height: 1;
        display: block;
        margin-bottom: 10px
    }

    html[lang="zh_CN"] .news h4,
    html[lang="zh_CN"] .news p,
    html[lang="tw"] .news h4,
    html[lang="tw"] .news p {
        margin-bottom: 7px
    }

    html[lang="el"] .news h4,
    html[lang="vn"] .news h4 {
        margin-bottom: 4px
    }

    .rtl-lang .news h4,
    html[lang="fa"] .news h4 {
        margin-bottom: 2px;
        font-size: 13px
    }

    .accents>.container {
        display: table;
        padding-top: 30px;
        padding-bottom: 50px
    }

    .accents {
        background-color: #f7f7f7;
        text-align: center
    }

    .accents .accent {
        display: inline-block;
        width: 24%;
        text-align: center;
        margin: 5px;
        box-shadow: #00000033 0px 2px 14px -6px;
        padding: 5px;
    }

    .accents span {
        font-size: 80px;
        vertical-align: middle
    }

    .accents .accent a:hover {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .accents .accent a span {
        display: block;
        height: 110px;
        background: 0;
        margin: 0;
        background-position: 0 0
    }

    .main-site.hp-v17 .accents .accent em {
        display: block;
        font-size: 16px;
        margin-bottom: 5px;
        min-height: 100%;
        color: #444;
        white-space: nowrap;
        font-style: normal;
        font-weight: 500
    }

    html[lang="bn"] .accents .accent em {
        font-weight: 300
    }

    .accents .accent a {
        display: block;
        width: 100%;
        min-width: 100px;
        float: left;
        position: relative;
        color: #d51820;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .main-site.hp-v17 .accents em .fa {
        display: none;
        font-size: 13px;
        margin-left: 5px;
        vertical-align: middle
    }

    .rtl-lang .accents em .fa,
    html[lang="fa"] .main-site.hp-v17 .accents em .fa {
        margin-left: 0;
        margin-right: 5px
    }

    .main-site.hp-v17 .accents p {
        font-size: 15px;
        color: #757575;
        margin: 0;
        line-height: 20px
    }

    #dashboard-wrap {
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
        position: relative
    }

    #dashboard-wrap b {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 5px
    }

    html[lang="zh_CN"] #dashboard-wrap b,
    html[lang="ko"] #dashboard-wrap b,
    html[lang="tw"] #dashboard-wrap b,
    html[lang="th"] #dashboard-wrap b {
        font-weight: 600
    }

    html[lang="ko"] #dashboard-wrap b,
    html[lang="th"] #dashboard-wrap b {
        font-size: 14px
    }

    #dashboard-wrap>div {
        display: block;
        position: relative;
        padding: 0;
        text-transform: uppercase
    }

    #dashboard-wrap>div:before,
    #dashboard-wrap>div:after {
        content: " ";
        display: table
    }

    #dashboard-wrap>div:after {
        clear: both
    }

    #dashboard-wrap>div+div {
        margin-top: 12px
    }

    #dashboard-wrap>div:before {
        content: '';
        height: 15px;
        width: 1px;
        position: absolute;
        bottom: 0;
        left: 50%;
        border-left: 1px dashed #fff;
        z-index: 51;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    #dashboard-wrap>div span {
        height: 15px;
        display: block
    }

    #dashboard-wrap>div .green-bar {
        background-color: #588c0d;
        float: left;
        position: relative;
        z-index: 50
    }

    #dashboard-wrap>div .green-bar:after {
        content: '';
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        right: -1px;
        bottom: 0;
        background-color: #fff
    }

    #dashboard-wrap>div .red-bar {
        background-color: #d51820;
        float: right
    }

    #dashboard-wrap>div i {
        height: 15px;
        line-height: 15px;
        font-style: normal;
        position: absolute;
        float: left;
        top: 0
    }

    #dashboard-wrap>div i:after {
        content: "%"
    }

    html[lang="tr"] #dashboard-wrap>div i:after {
        float: left
    }

    #dashboard-wrap>div i.green-bar-nbr {
        left: 0;
        color: #588c0d
    }

    #dashboard-wrap>div i.red-bar-nbr {
        right: 0;
        color: #d51820
    }

    #dashboard-wrap span.indicator {
        font-size: 13px;
        position: absolute;
        bottom: -20px
    }

    #dashboard-wrap span.indicator.fifty {
        color: #222;
        left: 49%
    }

    #dashboard-wrap span.indicator.buy {
        left: 38px;
        color: #588c0d
    }

    #dashboard-wrap span.indicator.sell {
        right: 40px;
        color: #d51820
    }

    .main-site.hp-v17 #dashboard-wrap>div .green-bar {
        background-color: #32aa43 !important
    }

    .main-site.hp-v17 #dashboard-wrap>div .red-bar {
        background-color: #d4171f !important
    }

    .main-site.hp-v17 #payments-carousel .owl-controls {
        margin-top: 10px
    }

    .main-site.hp-v17 #dashboard-wrap>div i.green-bar-nbr {
        color: #32aa43 !important
    }

    .main-site.hp-v17 #dashboard-wrap>div i.red-bar-nbr {
        color: #d4171f !important
    }

    .main-site.hp-v17 #dashboard-wrap span.indicator.buy {
        color: #32aa43 !important
    }

    .main-site.hp-v17 #dashboard-wrap span.indicator.sell {
        color: #d4171f !important
    }

    .main-site.hp-v17 #awards-content {
        background-color: #f7f7f7;
        text-align: center
    }

    .main-site.hp-v17 #awards-content h2 {
        margin: 0
    }

    .main-site.hp-v17 #awards-content hr {
        width: 30%;
        border-color: #b7b7b7;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .main-site.hp-v17 #awards-content .btn {
        font-size: 24px;
        padding: 15.5px 80px !important
    }

    #awards-content h4 {
        color: #070713
    }

    .links-slider .slide {
        width: 100%;
        height: 60px;
        padding: 5px 0;
        background-color: #fff
    }

    .links-slider .slide .icon-wrap {
        position: relative;
        width: 63px;
        float: left;
        text-align: center;
        height: 22px;
        top: 8px
    }

    .rtl-lang .links-slider .slide .icon-wrap,
    html[lang="fa"] .links-slider .slide .icon-wrap {
        float: right
    }

    .links-slider .slide a {
        font-weight: 700;
        text-transform: uppercase
    }

    .rtl-lang .links-slider .slide a,
    html[lang="fa"] .links-slider .slide a {
        float: right;
        text-align: right
    }

    html[lang="zh_CN"] .links-slider .slide a,
    html[lang="ja"] .links-slider .slide a,
    html[lang="ko"] .links-slider .slide a,
    html[lang="th"] .links-slider .slide a,
    html[lang="tw"] .links-slider .slide a {
        font-weight: 600
    }

    html[lang="es"] .links-slider .slide a,
    html[lang="it"] .links-slider .slide a,
    html[lang="nl"] .links-slider .slide a,
    html[lang="pt"] .links-slider .slide a {
        font-size: 25px
    }

    html[lang="zh_CN"] .links-slider .slide a,
    html[lang="de"] .links-slider .slide a,
    html[lang="fr"] .links-slider .slide a,
    html[lang="ph"] .links-slider .slide a,
    html[lang="tw"] .links-slider .slide a {
        font-size: 24px
    }

    html[lang="el"] .links-slider .slide a {
        font-size: 22px
    }

    html[lang="vn"] .links-slider .slide a {
        font-size: 21px
    }

    html[lang="ja"] .links-slider .slide a,
    html[lang="ko"] .links-slider .slide a,
    html[lang="th"] .links-slider .slide a {
        font-size: 20px
    }

    html[lang="th"] .links-slider .slide a {
        font-size: 17px
    }

    .links-slider .slide a span {
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        margin-left: 10px;
        color: #444
    }

    html[lang="it"] .links-slider .slide a small,
    html[lang="nl"] .links-slider .slide a small {
        font-size: 17px
    }

    html[lang="zh_CN"] .links-slider .slide a small,
    html[lang="de"] .links-slider .slide a small,
    html[lang="id"] .links-slider .slide a small,
    html[lang="ja"] .links-slider .slide a small,
    html[lang="ms"] .links-slider .slide a small,
    html[lang="tw"] .links-slider .slide a small {
        font-size: 16px
    }

    html[lang="fr"] .links-slider .slide a small,
    html[lang="pt"] .links-slider .slide a small,
    html[lang="sv"] .links-slider .slide a small {
        font-size: 15px
    }

    html[lang="el"] .main-site.hp-v17.partners .links-slider .slide a small,
    html[lang="ko"] .links-slider .slide a small,
    html[lang="th"] .links-slider .slide a small {
        font-size: 14px
    }

    html[lang="ph"] .links-slider .slide a small {
        font-size: 13px
    }

    html[lang="el"] .links-slider .slide a small,
    html[lang="vn"] .links-slider .slide a small {
        font-size: 12px
    }

    #socialmedia .slide .icon-wrap>i {
        font-size: 32px;
        color: #d51820
    }

    #socialmedia .links-slider .slide a {
        font-size: 26px;
        color: #888;
        line-height: 1;
        float: left;
        width: 76%;
        height: 45px
    }

    .main-site.hp-v17 #socialmedia {
        margin-top: 20px
    }

    .main-site.hp-v17 #xm-wechat h3.border {
        font-size: 16px;
        border: 1px solid #cbcbcb;
        color: #9d9d9d;
        padding: 12px !important
    }

    body.xmbz.main-site .links-slider .slide .icon-wrap {
        margin-left: 40px
    }

    body.xmbz.main-site #socialmedia .links-slider .slide a {
        width: auto
    }

    body.xmbz.partners .links-slider .slide .icon-wrap {
        margin-left: 0
    }

    body.xmbz.partners #socialmedia .links-slider .slide a {
        width: auto
    }

    html[lang="zh_CN"] #xm-wechat .links-slider .slide,
    html[lang="en"] #xm-wechat .links-slider .slide,
    html[lang="tw"] #xm-wechat .links-slider .slide {
        float: left;
        height: 55px
    }

    html[lang="zh_CN"] #xm-wechat .links-slider .slide:first-child,
    html[lang="en"] #xm-wechat .links-slider .slide:first-child,
    html[lang="tw"] #xm-wechat .links-slider .slide:first-child {
        border-top: 0
    }

    html[lang="zh_CN"] #xm-wechat .links-slider .slide .icon-wrap,
    html[lang="en"] #xm-wechat .links-slider .slide .icon-wrap,
    html[lang="tw"] #xm-wechat .links-slider .slide .icon-wrap {
        height: 30px;
        top: 1px
    }

    html[lang="zh_CN"] #xm-wechat .links-slider .slide .icon-wrap>i,
    html[lang="en"] #xm-wechat .links-slider .slide .icon-wrap>i,
    html[lang="tw"] #xm-wechat .links-slider .slide .icon-wrap>i {
        font-size: 32px;
        color: #d51820
    }

    html[lang="zh_CN"] #xm-wechat .links-slider .slide a span,
    html[lang="en"] #xm-wechat .links-slider .slide a span,
    html[lang="tw"] #xm-wechat .links-slider .slide a span {
        top: 34%;
        color: #444
    }

    html[lang="zh_CN"] #xm-wechat .links-slider .slide a:hover,
    html[lang="en"] #xm-wechat .links-slider .slide a:hover,
    html[lang="tw"] #xm-wechat .links-slider .slide a:hover {
        opacity: .7;
        filter: alpha(opacity=70)
    }

    html[lang="el"] #company-news,
    html[lang="vn"] #company-news {
        font-size: 13px
    }

    @media(min-width:992px) {
        .links-slider .slide {
            border-top: 1px solid #ccc;
            position: relative;
            display: block;
            text-align: left
        }

        .rtl-lang .links-slider .slide>strong,
        html[lang="fa"] .links-slider .slide>strong {
            width: 100%
        }
    }

    @media(min-width:1289px) {
        #dashboard-wrap>div {
            padding: 0 7%
        }

        #dashboard-wrap>div i {
            top: auto;
            bottom: 0
        }

        html[lang="th"] #dashboard-wrap>div {
            padding: 0 9%
        }
    }

    @media(max-width:991px) {
        .accents .accent {
            width: 33%
        }

        .two-tab,
        .three-tab {
            margin-bottom: 20px;
            overflow: hidden
        }

        .three-tab .nav-tabs>li {
            width: 33.33%
        }

        .three-tab .tab-pane {
            font-size: 0
        }

        .three-tab .tab-pane>* {
            font-size: 14px
        }

        .two-tab .news,
        .three-tab .news {
            width: 50%;
            display: block;
            vertical-align: top;
            float: left
        }

        .three-tab .news:nth-child(odd) {
            padding-right: 10px
        }

        .two-tab .news:first-child+.news,
        .three-tab .news:first-child+.news {
            padding-top: 0;
            margin-top: 0
        }

        .two-tab .news:first-child+.news:before,
        .three-tab .news:first-child+.news:before {
            display: none
        }

        #licenses .news,
        .two-tab .news,
        .reasons-list {
            width: 50% !important;
            padding: 0 50px
        }

        #licenses .news:before,
        .two-tab .news:before {
            left: 50px
        }

        .rtl-lang #licenses .news:before,
        .rtl-lang .two-tab .news:before,
        html[lang="fa"] #licenses .news:before,
        html[lang="fa"] .two-tab .news:before {
            left: 0;
            right: 50px
        }

        .news {
            padding-top: 12px !important
        }
    }

    @media(max-width:767px) {

        #licenses .news,
        .two-tab .news,
        .reasons-list {
            padding: 0 25px
        }

        #licenses .news:before,
        .two-tab .news:before {
            left: 25px
        }

        .rtl-lang #licenses .news:before,
        .rtl-lang .two-tab .news:before,
        html[lang="fa"] #licenses .news:before,
        html[lang="fa"] .two-tab .news:before {
            left: 0;
            right: 25px
        }

        .tabbable.three-tab .nav-tabs {
            display: none
        }
    }

    @media(max-width:650px) {

        #licenses .news,
        .two-tab .news,
        .reasons-list {
            padding: 0
        }

        #licenses .news:before,
        .two-tab .news:before {
            left: 0
        }

        .rtl-lang #licenses .news:before,
        .rtl-lang .two-tab .news:before,
        html[lang="fa"] #licenses .news:before,
        html[lang="fa"] .two-tab .news:before {
            right: 25px
        }
    }

    @media(max-width:320px) {

        .two-tab .news,
        .three-tab .news {
            width: 44% !important
        }
    }

    .rtl-lang .gc-bubbleDefault {
        display: none !important
    }

    body {
        color: #333;
        font-size: 14px;
        line-height: 1.5 !important
    }

    html[lang="zh_CN"] body,
    html[lang="tw"] body {
        font-size: 15px
    }

    .mArea h1 {
        font-size: 30px;
        margin-top: 0;
        margin-bottom: 30px;
        color: #070713
    }

    h3.border {
        padding: 12px;
        font-size: 16px;
        border: 2px solid #cbcbcb;
        color: #888;
        text-align: center;
        margin-top: 0;
        margin-bottom: 30px;
        text-transform: uppercase
    }

    h3.border.reset {
        margin-bottom: 0
    }

    h4 {
        font-size: 14px;
        font-weight: 700;
        color: #d51820;
        margin: 0
    }

    h2 {
        margin-top: 0;
        margin-bottom: 30px
    }

    #careers h2,
    .main-site.hp-v17 h2 {
        font-size: 30px
    }

    .main-site.hp-v17 h2 {
        font-weight: bold
    }

    h3 {
        font-size: 18px;
        margin: 0;
        padding: 0
    }

    h3.light {
        font-weight: 300
    }

    .education h3 {
        font-size: 22px
    }

    h2.big {
        font-size: 35px;
        font-weight: bold
    }

    p.big {
        font-size: 20px;
        font-weight: 300
    }

    ul li.cat-item a {
        color: #070713
    }

    small,
    .small {
        font-size: 90%
    }

    body,
    #notify-recording-block .btn,
    .btn small,
    .fontsize-control .btn,
    #forex-calculator .btn-group .btn.btn-default,
    .table-country-filter .btn,
    .popover,
    .buttons-nav .btn.telegram {
        font-family: "Roboto", sans-serif
    }

    html[lang="bn"] body,
    html[lang="bn"] #notify-recording-block .btn,
    html[lang="bn"] .btn small,
    html[lang="bn"] .fontsize-control .btn,
    html[lang="bn"] #forex-calculator .btn-group .btn.btn-default,
    html[lang="bn"] .table-country-filter .btn,
    html[lang="bn"] .popover,
    html[lang="bn"] .buttons-nav .btn.telegram,
    html[lang="bn"] #custom-livechat .btn,
    html[lang="bn"] #custom-livechat .nav-tabs>li>a {
        font-family: "Roboto", "HindSiliguri", sans-serif
    }

    html[lang="ja"] body,
    html[lang="ja"] #notify-recording-block .btn,
    html[lang="ja"] .btn small,
    html[lang="ja"] .fontsize-control .btn,
    html[lang="ja"] #forex-calculator .btn-group .btn.btn-default,
    html[lang="ja"] .table-country-filter .btn,
    html[lang="ja"] .popover,
    html[lang="ja"] .buttons-nav .btn.telegram,
    html[lang="ja"] #custom-livechat .btn,
    html[lang="ja"] #custom-livechat .nav-tabs>li>a {
        font-family: "Roboto", Hiragino Kaku Gothic Pro, "Meiryo", sans-serif
    }

    html[lang="zh_CN"] body,
    html[lang="tw"] body,
    html[lang="zh_CN"] #notify-recording-block .btn,
    html[lang="tw"] #notify-recording-block .btn,
    html[lang="zh_CN"] .btn small,
    html[lang="tw"] .btn small,
    html[lang="zh_CN"] .fontsize-control .btn,
    html[lang="tw"] .fontsize-control .btn,
    html[lang="zh_CN"] #forex-calculator .btn-group .btn.btn-default,
    html[lang="tw"] #forex-calculator .btn-group .btn.btn-default,
    html[lang="zh_CN"] .table-country-filter .btn,
    html[lang="tw"] .table-country-filter .btn,
    html[lang="zh_CN"] .popover,
    html[lang="tw"] .popover,
    html[lang="zh_CN"] .buttons-nav .btn.telegram,
    html[lang="tw"] .buttons-nav .btn.telegram,
    html[lang="zh_CN"] #custom-livechat .btn,
    html[lang="tw"] #custom-livechat .btn,
    html[lang="zh_CN"] #custom-livechat .nav-tabs>li>a,
    html[lang="tw"] #custom-livechat .nav-tabs>li>a {
        font-family: "Roboto", Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif
    }

    body.rtl-lang,
    html[lang="fa"] body,
    html[lang="th"] body,
    .rtl-lang #notify-recording-block .btn,
    html[lang="fa"] #notify-recording-block .btn,
    html[lang="th"] #notify-recording-block .btn,
    .rtl-lang .btn small,
    html[lang="fa"] .btn small,
    html[lang="th"] .btn small,
    .rtl-lang .fontsize-control .btn,
    html[lang="fa"] .fontsize-control .btn,
    html[lang="th"] .fontsize-control .btn,
    .rtl-lang #forex-calculator .btn-group .btn.btn-default,
    html[lang="fa"] #forex-calculator .btn-group .btn.btn-default,
    html[lang="th"] #forex-calculator .btn-group .btn.btn-default,
    .rtl-lang .table-country-filter .btn,
    html[lang="fa"] .table-country-filter .btn,
    html[lang="th"] .table-country-filter .btn,
    .rtl-lang .popover,
    html[lang="fa"] .popover,
    html[lang="th"] .popover,
    .rtl-lang .buttons-nav .btn.telegram,
    html[lang="fa"] .buttons-nav .btn.telegram,
    html[lang="th"] .buttons-nav .btn.telegram,
    .rtl-lang #custom-livechat .btn,
    html[lang="fa"] #custom-livechat .btn,
    html[lang="th"] #custom-livechat .btn,
    .rtl-lang #custom-livechat .nav-tabs>li>a,
    html[lang="fa"] #custom-livechat .nav-tabs>li>a,
    html[lang="th"] #custom-livechat .nav-tabs>li>a {
        font-family: "Roboto", Tahoma, sans-serif
    }

    .emphasized-font,
    .btn,
    #main-nav.nav-logo>li>a,
    #main-nav.partnersNavMenu>li>a,
    .main-nav .block>span,
    .main-nav .box>span,
    .main-nav .block>span,
    .toggleLeftNav span,
    .toggleRightNav span,
    .parent .top-bar h1,
    #mobileAppBar .text-wrap h3,
    .title-block-wrap,
    .tabbable .nav-tabs>li>a,
    h3.border,
    h3#duration,
    .platforms-center h3,
    .promotion .prom1 .box h3,
    .promotion .prom2 .box h3,
    .prom-package .title,
    .prom-package .addition,
    .promotion h2,
    .reasons-list,
    .links-slider .slide a,
    .xmtd .stripe span,
    .partners #hero-content .stripe em,
    .webinars h4,
    .alert .account-status,
    #myModalIndex button,
    #processingpartners .wpwl-button,
    .sidebar.mArea .alert,
    .home_videos a h3,
    .promo__bonus .header-wrap h2,
    .prom-package .txt,
    .promotion span.or,
    .seminars .panel-default>.panel-heading .date,
    #complaint .disputed .amount,
    #galaPromo .bracket h3,
    #galaPromo .mainTitle,
    #galaPromo .subtitle,
    #galaPromo .prizes .duration,
    #galaPromo .main-msg.main-text,
    #galaPromo.motogp .highlight-text,
    #galaPromo.motogp .track-points .p7,
    #galaPromo .main-msg.main-text,
    #galaPromo.partner .main-header>.wrap h3,
    #galaPromo.partner .place-labels .cash,
    #galaPromo .main-msg.main-text,
    .gold-silver,
    #ib-competition h2.main,
    #ib-competition header h2.sub,
    .maintenance h1,
    .seminars .panel-default>.panel-heading .date,
    #world-championship .header .mainTitle,
    #world-championship .header h2,
    #world-championship .round-wrap .date span,
    .upload-documents .modalDocuments .modal-header button,
    .mArea .balance-bar span.amount,
    .xmp-package h3,
    #custom-livechat .btn,
    #custom-livechat .nav-tabs>li>a,
    .monthly-timeline__info .uppercase,
    .main-banner h2,
    .shapes-circle__text h2,
    .shapes-circle__text h3,
    .shapes-circle__text h5,
    .shapes-circle-container h6,
    .main-photo .block h2,
    .main-slider .block h2 {
        font-family: "Bebas", "BebasExt", sans-serif;
        text-transform: uppercase
    }

    html[lang="el"] .emphasized-font,
    html[lang="vn"] .emphasized-font,
    html[lang="el"] .btn,
    html[lang="vn"] .btn,
    html[lang="el"] #main-nav.nav-logo>li>a,
    html[lang="el"] #main-nav.partnersNavMenu>li>a,
    html[lang="vn"] #main-nav.nav-logo>li>a,
    html[lang="vn"] #main-nav.partnersNavMenu>li>a,
    html[lang="el"] .main-nav .block>span,
    html[lang="vn"] .main-nav .block>span,
    html[lang="el"] .main-nav .box>span,
    html[lang="vn"] .main-nav .box>span,
    html[lang="el"] .main-nav .block>span,
    html[lang="vn"] .main-nav .block>span,
    html[lang="el"] .toggleLeftNav span,
    html[lang="vn"] .toggleLeftNav span,
    html[lang="el"] .toggleRightNav span,
    html[lang="vn"] .toggleRightNav span,
    html[lang="el"] .parent .top-bar h1,
    html[lang="vn"] .parent .top-bar h1,
    html[lang="el"] #mobileAppBar .text-wrap h3,
    html[lang="vn"] #mobileAppBar .text-wrap h3,
    html[lang="el"] .title-block-wrap,
    html[lang="vn"] .title-block-wrap,
    html[lang="el"] .tabbable .nav-tabs>li>a,
    html[lang="vn"] .tabbable .nav-tabs>li>a,
    html[lang="el"] h3.border,
    html[lang="vn"] h3.border,
    html[lang="el"] h3#duration,
    html[lang="vn"] h3#duration,
    html[lang="el"] .platforms-center h3,
    html[lang="vn"] .platforms-center h3,
    html[lang="el"] .promotion .prom1 .box h3,
    html[lang="vn"] .promotion .prom1 .box h3,
    html[lang="el"] .promotion .prom2 .box h3,
    html[lang="vn"] .promotion .prom2 .box h3,
    html[lang="el"] .prom-package .title,
    html[lang="vn"] .prom-package .title,
    html[lang="el"] .prom-package .addition,
    html[lang="vn"] .prom-package .addition,
    html[lang="el"] .promotion h2,
    html[lang="vn"] .promotion h2,
    html[lang="el"] .reasons-list,
    html[lang="vn"] .reasons-list,
    html[lang="el"] .links-slider .slide a,
    html[lang="vn"] .links-slider .slide a,
    html[lang="el"] .xmtd .stripe span,
    html[lang="vn"] .xmtd .stripe span,
    html[lang="el"] .partners #hero-content .stripe em,
    html[lang="vn"] .partners #hero-content .stripe em,
    html[lang="el"] .webinars h4,
    html[lang="vn"] .webinars h4,
    html[lang="el"] .alert .account-status,
    html[lang="vn"] .alert .account-status,
    html[lang="el"] #myModalIndex button,
    html[lang="vn"] #myModalIndex button,
    html[lang="el"] #processingpartners .wpwl-button,
    html[lang="vn"] #processingpartners .wpwl-button,
    html[lang="el"] .sidebar.mArea .alert,
    html[lang="vn"] .sidebar.mArea .alert,
    html[lang="el"] .home_videos a h3,
    html[lang="vn"] .home_videos a h3,
    html[lang="el"] .promo__bonus .header-wrap h2,
    html[lang="vn"] .promo__bonus .header-wrap h2,
    html[lang="el"] .prom-package .txt,
    html[lang="vn"] .prom-package .txt,
    html[lang="el"] .promotion span.or,
    html[lang="vn"] .promotion span.or,
    html[lang="el"] .seminars .panel-default>.panel-heading .date,
    html[lang="vn"] .seminars .panel-default>.panel-heading .date,
    html[lang="el"] #complaint .disputed .amount,
    html[lang="vn"] #complaint .disputed .amount,
    html[lang="el"] #galaPromo .bracket h3,
    html[lang="vn"] #galaPromo .bracket h3,
    html[lang="el"] #galaPromo .mainTitle,
    html[lang="vn"] #galaPromo .mainTitle,
    html[lang="el"] #galaPromo .subtitle,
    html[lang="vn"] #galaPromo .subtitle,
    html[lang="el"] #galaPromo .prizes .duration,
    html[lang="vn"] #galaPromo .prizes .duration,
    html[lang="el"] #galaPromo .main-msg.main-text,
    html[lang="vn"] #galaPromo .main-msg.main-text,
    html[lang="el"] #galaPromo.motogp .highlight-text,
    html[lang="vn"] #galaPromo.motogp .highlight-text,
    html[lang="el"] #galaPromo.motogp .track-points .p7,
    html[lang="vn"] #galaPromo.motogp .track-points .p7,
    html[lang="el"] #galaPromo .main-msg.main-text,
    html[lang="vn"] #galaPromo .main-msg.main-text,
    html[lang="el"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="vn"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="el"] #galaPromo.partner .place-labels .cash,
    html[lang="vn"] #galaPromo.partner .place-labels .cash,
    html[lang="el"] #galaPromo .main-msg.main-text,
    html[lang="vn"] #galaPromo .main-msg.main-text,
    html[lang="el"] .gold-silver,
    html[lang="vn"] .gold-silver,
    html[lang="el"] #ib-competition h2.main,
    html[lang="vn"] #ib-competition h2.main,
    html[lang="el"] #ib-competition header h2.sub,
    html[lang="vn"] #ib-competition header h2.sub,
    html[lang="el"] .maintenance h1,
    html[lang="vn"] .maintenance h1,
    html[lang="el"] .seminars .panel-default>.panel-heading .date,
    html[lang="vn"] .seminars .panel-default>.panel-heading .date,
    html[lang="el"] #world-championship .header .mainTitle,
    html[lang="vn"] #world-championship .header .mainTitle,
    html[lang="el"] #world-championship .header h2,
    html[lang="vn"] #world-championship .header h2,
    html[lang="el"] #world-championship .round-wrap .date span,
    html[lang="vn"] #world-championship .round-wrap .date span,
    html[lang="el"] .upload-documents .modalDocuments .modal-header button,
    html[lang="vn"] .upload-documents .modalDocuments .modal-header button,
    html[lang="el"] .mArea .balance-bar span.amount,
    html[lang="vn"] .mArea .balance-bar span.amount,
    html[lang="el"] .xmp-package h3,
    html[lang="vn"] .xmp-package h3,
    html[lang="el"] .dotted-container__text .uppercase,
    html[lang="vn"] .dotted-container__text .uppercase,
    html[lang="el"] .main-banner h2,
    html[lang="vn"] .main-banner h2,
    html[lang="el"] .shapes-circle__text h2,
    html[lang="vn"] .shapes-circle__text h2,
    html[lang="el"] .shapes-circle__text h3,
    html[lang="vn"] .shapes-circle__text h3,
    html[lang="el"] .shapes-circle__text h5,
    html[lang="vn"] .shapes-circle__text h5,
    html[lang="el"] .shapes-circle-container h6,
    html[lang="vn"] .shapes-circle-container h6 {
        font-family: "RobCond", "Bebas", "BebasExt", sans-serif
    }

    html[lang="bn"] .emphasized-font,
    html[lang="bn"] .btn,
    html[lang="bn"] #main-nav.nav-logo>li>a,
    html[lang="bn"] #main-nav.partnersNavMenu>li>a,
    html[lang="bn"] .main-nav .block>span,
    html[lang="bn"] .main-nav .box>span,
    html[lang="bn"] .main-nav .block>span,
    html[lang="bn"] .toggleLeftNav span,
    html[lang="bn"] .toggleRightNav span,
    html[lang="bn"] .parent .top-bar h1,
    html[lang="bn"] #mobileAppBar .text-wrap h3,
    html[lang="bn"] .title-block-wrap,
    html[lang="bn"] .tabbable .nav-tabs>li>a,
    html[lang="bn"] h3.border,
    html[lang="bn"] h3#duration,
    html[lang="bn"] .platforms-center h3,
    html[lang="bn"] .promotion .prom1 .box h3,
    html[lang="bn"] .promotion .prom2 .box h3,
    html[lang="bn"] .prom-package .title,
    html[lang="bn"] .prom-package .addition,
    html[lang="bn"] .promotion h2,
    html[lang="bn"] .reasons-list,
    html[lang="bn"] .links-slider .slide a,
    html[lang="bn"] .xmtd .stripe span,
    html[lang="bn"] .partners #hero-content .stripe em,
    html[lang="bn"] .webinars h4,
    html[lang="bn"] .alert .account-status,
    html[lang="bn"] #myModalIndex button,
    html[lang="bn"] #processingpartners .wpwl-button,
    html[lang="bn"] .sidebar.mArea .alert,
    html[lang="bn"] .home_videos a h3,
    html[lang="bn"] .promo__bonus .header-wrap h2,
    html[lang="bn"] .prom-package .txt,
    html[lang="bn"] .promotion span.or,
    html[lang="bn"] .seminars .panel-default>.panel-heading .date,
    html[lang="bn"] #complaint .disputed .amount,
    html[lang="bn"] #galaPromo .bracket h3,
    html[lang="bn"] #galaPromo .mainTitle,
    html[lang="bn"] #galaPromo .subtitle,
    html[lang="bn"] #galaPromo .prizes .duration,
    html[lang="bn"] #galaPromo .main-msg.main-text,
    html[lang="bn"] #galaPromo.motogp .highlight-text,
    html[lang="bn"] #galaPromo.motogp .track-points .p7,
    html[lang="bn"] #galaPromo .main-msg.main-text,
    html[lang="bn"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="bn"] #galaPromo.partner .place-labels .cash,
    html[lang="bn"] #galaPromo .main-msg.main-text,
    html[lang="bn"] .gold-silver,
    html[lang="bn"] #ib-competition h2.main,
    html[lang="bn"] #ib-competition header h2.sub,
    html[lang="bn"] .maintenance h1,
    html[lang="bn"] .seminars .panel-default>.panel-heading .date,
    html[lang="bn"] #world-championship .header .mainTitle,
    html[lang="bn"] #world-championship .header h2,
    html[lang="bn"] #world-championship .round-wrap .date span,
    html[lang="bn"] .upload-documents .modalDocuments .modal-header button,
    html[lang="bn"] .mArea .balance-bar span.amount,
    html[lang="bn"] .xmp-package h3 {
        font-family: "Bebas", "HindSiliguri", sans-serif
    }

    html[lang="ja"] .emphasized-font,
    html[lang="ja"] .btn,
    html[lang="ja"] #main-nav.nav-logo>li>a,
    html[lang="ja"] #main-nav.partnersNavMenu>li>a,
    html[lang="ja"] .main-nav .block>span,
    html[lang="ja"] .main-nav .box>span,
    html[lang="ja"] .main-nav .block>span,
    html[lang="ja"] .toggleLeftNav span,
    html[lang="ja"] .toggleRightNav span,
    html[lang="ja"] .parent .top-bar h1,
    html[lang="ja"] #mobileAppBar .text-wrap h3,
    html[lang="ja"] .title-block-wrap,
    html[lang="ja"] .tabbable .nav-tabs>li>a,
    html[lang="ja"] h3.border,
    html[lang="ja"] h3#duration,
    html[lang="ja"] .platforms-center h3,
    html[lang="ja"] .promotion .prom1 .box h3,
    html[lang="ja"] .promotion .prom2 .box h3,
    html[lang="ja"] .prom-package .title,
    html[lang="ja"] .prom-package .addition,
    html[lang="ja"] .promotion h2,
    html[lang="ja"] .reasons-list,
    html[lang="ja"] .links-slider .slide a,
    html[lang="ja"] .xmtd .stripe span,
    html[lang="ja"] .partners #hero-content .stripe em,
    html[lang="ja"] .webinars h4,
    html[lang="ja"] .alert .account-status,
    html[lang="ja"] #myModalIndex button,
    html[lang="ja"] #processingpartners .wpwl-button,
    html[lang="ja"] .sidebar.mArea .alert,
    html[lang="ja"] .home_videos a h3,
    html[lang="ja"] .promo__bonus .header-wrap h2,
    html[lang="ja"] .prom-package .txt,
    html[lang="ja"] .promotion span.or,
    html[lang="ja"] .seminars .panel-default>.panel-heading .date,
    html[lang="ja"] #complaint .disputed .amount,
    html[lang="ja"] #galaPromo .bracket h3,
    html[lang="ja"] #galaPromo .mainTitle,
    html[lang="ja"] #galaPromo .subtitle,
    html[lang="ja"] #galaPromo .prizes .duration,
    html[lang="ja"] #galaPromo .main-msg.main-text,
    html[lang="ja"] #galaPromo.motogp .highlight-text,
    html[lang="ja"] #galaPromo.motogp .track-points .p7,
    html[lang="ja"] #galaPromo .main-msg.main-text,
    html[lang="ja"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="ja"] #galaPromo.partner .place-labels .cash,
    html[lang="ja"] #galaPromo .main-msg.main-text,
    html[lang="ja"] .gold-silver,
    html[lang="ja"] #ib-competition h2.main,
    html[lang="ja"] #ib-competition header h2.sub,
    html[lang="ja"] .maintenance h1,
    html[lang="ja"] .seminars .panel-default>.panel-heading .date,
    html[lang="ja"] #world-championship .header .mainTitle,
    html[lang="ja"] #world-championship .header h2,
    html[lang="ja"] #world-championship .round-wrap .date span,
    html[lang="ja"] .upload-documents .modalDocuments .modal-header button,
    html[lang="ja"] .mArea .balance-bar span.amount,
    html[lang="ja"] .xmp-package h3 {
        font-family: "Bebas", Hiragino Kaku Gothic Pro, "Meiryo", sans-serif
    }

    html[lang="zh_CN"] .emphasized-font,
    html[lang="tw"] .emphasized-font,
    html[lang="zh_CN"] .btn,
    html[lang="tw"] .btn,
    html[lang="zh_CN"] #main-nav.nav-logo>li>a,
    html[lang="zh_CN"] #main-nav.partnersNavMenu>li>a,
    html[lang="tw"] #main-nav.nav-logo>li>a,
    html[lang="tw"] #main-nav.partnersNavMenu>li>a,
    html[lang="zh_CN"] .main-nav .block>span,
    html[lang="tw"] .main-nav .block>span,
    html[lang="zh_CN"] .main-nav .box>span,
    html[lang="tw"] .main-nav .box>span,
    html[lang="zh_CN"] .main-nav .block>span,
    html[lang="tw"] .main-nav .block>span,
    html[lang="zh_CN"] .toggleLeftNav span,
    html[lang="tw"] .toggleLeftNav span,
    html[lang="zh_CN"] .toggleRightNav span,
    html[lang="tw"] .toggleRightNav span,
    html[lang="zh_CN"] .parent .top-bar h1,
    html[lang="tw"] .parent .top-bar h1,
    html[lang="zh_CN"] #mobileAppBar .text-wrap h3,
    html[lang="tw"] #mobileAppBar .text-wrap h3,
    html[lang="zh_CN"] .title-block-wrap,
    html[lang="tw"] .title-block-wrap,
    html[lang="zh_CN"] .tabbable .nav-tabs>li>a,
    html[lang="tw"] .tabbable .nav-tabs>li>a,
    html[lang="zh_CN"] h3.border,
    html[lang="tw"] h3.border,
    html[lang="zh_CN"] h3#duration,
    html[lang="tw"] h3#duration,
    html[lang="zh_CN"] .platforms-center h3,
    html[lang="tw"] .platforms-center h3,
    html[lang="zh_CN"] .promotion .prom1 .box h3,
    html[lang="tw"] .promotion .prom1 .box h3,
    html[lang="zh_CN"] .promotion .prom2 .box h3,
    html[lang="tw"] .promotion .prom2 .box h3,
    html[lang="zh_CN"] .prom-package .title,
    html[lang="tw"] .prom-package .title,
    html[lang="zh_CN"] .prom-package .addition,
    html[lang="tw"] .prom-package .addition,
    html[lang="zh_CN"] .promotion h2,
    html[lang="tw"] .promotion h2,
    html[lang="zh_CN"] .reasons-list,
    html[lang="tw"] .reasons-list,
    html[lang="zh_CN"] .links-slider .slide a,
    html[lang="tw"] .links-slider .slide a,
    html[lang="zh_CN"] .xmtd .stripe span,
    html[lang="tw"] .xmtd .stripe span,
    html[lang="zh_CN"] .partners #hero-content .stripe em,
    html[lang="tw"] .partners #hero-content .stripe em,
    html[lang="zh_CN"] .webinars h4,
    html[lang="tw"] .webinars h4,
    html[lang="zh_CN"] .alert .account-status,
    html[lang="tw"] .alert .account-status,
    html[lang="zh_CN"] #myModalIndex button,
    html[lang="tw"] #myModalIndex button,
    html[lang="zh_CN"] #processingpartners .wpwl-button,
    html[lang="tw"] #processingpartners .wpwl-button,
    html[lang="zh_CN"] .sidebar.mArea .alert,
    html[lang="tw"] .sidebar.mArea .alert,
    html[lang="zh_CN"] .home_videos a h3,
    html[lang="tw"] .home_videos a h3,
    html[lang="zh_CN"] .promo__bonus .header-wrap h2,
    html[lang="tw"] .promo__bonus .header-wrap h2,
    html[lang="zh_CN"] .prom-package .txt,
    html[lang="tw"] .prom-package .txt,
    html[lang="zh_CN"] .promotion span.or,
    html[lang="tw"] .promotion span.or,
    html[lang="zh_CN"] .seminars .panel-default>.panel-heading .date,
    html[lang="tw"] .seminars .panel-default>.panel-heading .date,
    html[lang="zh_CN"] #complaint .disputed .amount,
    html[lang="tw"] #complaint .disputed .amount,
    html[lang="zh_CN"] #galaPromo .bracket h3,
    html[lang="tw"] #galaPromo .bracket h3,
    html[lang="zh_CN"] #galaPromo .mainTitle,
    html[lang="tw"] #galaPromo .mainTitle,
    html[lang="zh_CN"] #galaPromo .subtitle,
    html[lang="tw"] #galaPromo .subtitle,
    html[lang="zh_CN"] #galaPromo .prizes .duration,
    html[lang="tw"] #galaPromo .prizes .duration,
    html[lang="zh_CN"] #galaPromo .main-msg.main-text,
    html[lang="tw"] #galaPromo .main-msg.main-text,
    html[lang="zh_CN"] #galaPromo.motogp .highlight-text,
    html[lang="tw"] #galaPromo.motogp .highlight-text,
    html[lang="zh_CN"] #galaPromo.motogp .track-points .p7,
    html[lang="tw"] #galaPromo.motogp .track-points .p7,
    html[lang="zh_CN"] #galaPromo .main-msg.main-text,
    html[lang="tw"] #galaPromo .main-msg.main-text,
    html[lang="zh_CN"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="tw"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="zh_CN"] #galaPromo.partner .place-labels .cash,
    html[lang="tw"] #galaPromo.partner .place-labels .cash,
    html[lang="zh_CN"] #galaPromo .main-msg.main-text,
    html[lang="tw"] #galaPromo .main-msg.main-text,
    html[lang="zh_CN"] .gold-silver,
    html[lang="tw"] .gold-silver,
    html[lang="zh_CN"] #ib-competition h2.main,
    html[lang="tw"] #ib-competition h2.main,
    html[lang="zh_CN"] #ib-competition header h2.sub,
    html[lang="tw"] #ib-competition header h2.sub,
    html[lang="zh_CN"] .maintenance h1,
    html[lang="tw"] .maintenance h1,
    html[lang="zh_CN"] .seminars .panel-default>.panel-heading .date,
    html[lang="tw"] .seminars .panel-default>.panel-heading .date,
    html[lang="zh_CN"] #world-championship .header .mainTitle,
    html[lang="tw"] #world-championship .header .mainTitle,
    html[lang="zh_CN"] #world-championship .header h2,
    html[lang="tw"] #world-championship .header h2,
    html[lang="zh_CN"] #world-championship .round-wrap .date span,
    html[lang="tw"] #world-championship .round-wrap .date span,
    html[lang="zh_CN"] .upload-documents .modalDocuments .modal-header button,
    html[lang="tw"] .upload-documents .modalDocuments .modal-header button,
    html[lang="zh_CN"] .mArea .balance-bar span.amount,
    html[lang="tw"] .mArea .balance-bar span.amount,
    html[lang="zh_CN"] .xmp-package h3,
    html[lang="tw"] .xmp-package h3 {
        font-family: "Bebas", Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif
    }

    .rtl-lang .emphasized-font,
    html[lang="fa"] .emphasized-font,
    html[lang="th"] .emphasized-font,
    .rtl-lang .btn,
    html[lang="fa"] .btn,
    html[lang="th"] .btn,
    .rtl-lang #main-nav.nav-logo>li>a,
    html[lang="fa"] #main-nav.nav-logo>li>a,
    html[lang="th"] #main-nav.nav-logo>li>a,
    .rtl-lang #main-nav.partnersNavMenu>li>a,
    html[lang="fa"] #main-nav.partnersNavMenu>li>a,
    html[lang="th"] #main-nav.partnersNavMenu>li>a,
    .rtl-lang .main-nav .block>span,
    html[lang="fa"] .main-nav .block>span,
    html[lang="th"] .main-nav .block>span,
    .rtl-lang .main-nav .box>span,
    html[lang="fa"] .main-nav .box>span,
    html[lang="th"] .main-nav .box>span,
    .rtl-lang .main-nav .block>span,
    html[lang="fa"] .main-nav .block>span,
    html[lang="th"] .main-nav .block>span,
    .rtl-lang .toggleLeftNav span,
    html[lang="fa"] .toggleLeftNav span,
    html[lang="th"] .toggleLeftNav span,
    .rtl-lang .toggleRightNav span,
    html[lang="fa"] .toggleRightNav span,
    html[lang="th"] .toggleRightNav span,
    .rtl-lang .parent .top-bar h1,
    html[lang="fa"] .parent .top-bar h1,
    html[lang="th"] .parent .top-bar h1,
    .rtl-lang #mobileAppBar .text-wrap h3,
    html[lang="fa"] #mobileAppBar .text-wrap h3,
    html[lang="th"] #mobileAppBar .text-wrap h3,
    .rtl-lang .title-block-wrap,
    html[lang="fa"] .title-block-wrap,
    html[lang="th"] .title-block-wrap,
    .rtl-lang .tabbable .nav-tabs>li>a,
    html[lang="fa"] .tabbable .nav-tabs>li>a,
    html[lang="th"] .tabbable .nav-tabs>li>a,
    .rtl-lang h3.border,
    html[lang="fa"] h3.border,
    html[lang="th"] h3.border,
    .rtl-lang h3#duration,
    html[lang="fa"] h3#duration,
    html[lang="th"] h3#duration,
    .rtl-lang .platforms-center h3,
    html[lang="fa"] .platforms-center h3,
    html[lang="th"] .platforms-center h3,
    .rtl-lang .promotion .prom1 .box h3,
    html[lang="fa"] .promotion .prom1 .box h3,
    html[lang="th"] .promotion .prom1 .box h3,
    .rtl-lang .promotion .prom2 .box h3,
    html[lang="fa"] .promotion .prom2 .box h3,
    html[lang="th"] .promotion .prom2 .box h3,
    .rtl-lang .prom-package .title,
    html[lang="fa"] .prom-package .title,
    html[lang="th"] .prom-package .title,
    .rtl-lang .prom-package .addition,
    html[lang="fa"] .prom-package .addition,
    html[lang="th"] .prom-package .addition,
    .rtl-lang .promotion h2,
    html[lang="fa"] .promotion h2,
    html[lang="th"] .promotion h2,
    .rtl-lang .reasons-list,
    html[lang="fa"] .reasons-list,
    html[lang="th"] .reasons-list,
    .rtl-lang .links-slider .slide a,
    html[lang="fa"] .links-slider .slide a,
    html[lang="th"] .links-slider .slide a,
    .rtl-lang .xmtd .stripe span,
    html[lang="fa"] .xmtd .stripe span,
    html[lang="th"] .xmtd .stripe span,
    .rtl-lang .partners #hero-content .stripe em,
    html[lang="fa"] .partners #hero-content .stripe em,
    html[lang="th"] .partners #hero-content .stripe em,
    .rtl-lang .webinars h4,
    html[lang="fa"] .webinars h4,
    html[lang="th"] .webinars h4,
    .rtl-lang .alert .account-status,
    html[lang="fa"] .alert .account-status,
    html[lang="th"] .alert .account-status,
    .rtl-lang #myModalIndex button,
    html[lang="fa"] #myModalIndex button,
    html[lang="th"] #myModalIndex button,
    .rtl-lang #processingpartners .wpwl-button,
    html[lang="fa"] #processingpartners .wpwl-button,
    html[lang="th"] #processingpartners .wpwl-button,
    .rtl-lang .sidebar.mArea .alert,
    html[lang="fa"] .sidebar.mArea .alert,
    html[lang="th"] .sidebar.mArea .alert,
    .rtl-lang .home_videos a h3,
    html[lang="fa"] .home_videos a h3,
    html[lang="th"] .home_videos a h3,
    .rtl-lang .promo__bonus .header-wrap h2,
    html[lang="fa"] .promo__bonus .header-wrap h2,
    html[lang="th"] .promo__bonus .header-wrap h2,
    .rtl-lang .prom-package .txt,
    html[lang="fa"] .prom-package .txt,
    html[lang="th"] .prom-package .txt,
    .rtl-lang .promotion span.or,
    html[lang="fa"] .promotion span.or,
    html[lang="th"] .promotion span.or,
    .rtl-lang .seminars .panel-default>.panel-heading .date,
    html[lang="fa"] .seminars .panel-default>.panel-heading .date,
    html[lang="th"] .seminars .panel-default>.panel-heading .date,
    .rtl-lang #complaint .disputed .amount,
    html[lang="fa"] #complaint .disputed .amount,
    html[lang="th"] #complaint .disputed .amount,
    .rtl-lang #galaPromo .bracket h3,
    html[lang="fa"] #galaPromo .bracket h3,
    html[lang="th"] #galaPromo .bracket h3,
    .rtl-lang #galaPromo .mainTitle,
    html[lang="fa"] #galaPromo .mainTitle,
    html[lang="th"] #galaPromo .mainTitle,
    .rtl-lang #galaPromo .subtitle,
    html[lang="fa"] #galaPromo .subtitle,
    html[lang="th"] #galaPromo .subtitle,
    .rtl-lang #galaPromo .prizes .duration,
    html[lang="fa"] #galaPromo .prizes .duration,
    html[lang="th"] #galaPromo .prizes .duration,
    .rtl-lang #galaPromo .main-msg.main-text,
    html[lang="fa"] #galaPromo .main-msg.main-text,
    html[lang="th"] #galaPromo .main-msg.main-text,
    .rtl-lang #galaPromo.motogp .highlight-text,
    html[lang="fa"] #galaPromo.motogp .highlight-text,
    html[lang="th"] #galaPromo.motogp .highlight-text,
    .rtl-lang #galaPromo.motogp .track-points .p7,
    html[lang="fa"] #galaPromo.motogp .track-points .p7,
    html[lang="th"] #galaPromo.motogp .track-points .p7,
    .rtl-lang #galaPromo .main-msg.main-text,
    html[lang="fa"] #galaPromo .main-msg.main-text,
    html[lang="th"] #galaPromo .main-msg.main-text,
    .rtl-lang #galaPromo.partner .main-header>.wrap h3,
    html[lang="fa"] #galaPromo.partner .main-header>.wrap h3,
    html[lang="th"] #galaPromo.partner .main-header>.wrap h3,
    .rtl-lang #galaPromo.partner .place-labels .cash,
    html[lang="fa"] #galaPromo.partner .place-labels .cash,
    html[lang="th"] #galaPromo.partner .place-labels .cash,
    .rtl-lang #galaPromo .main-msg.main-text,
    html[lang="fa"] #galaPromo .main-msg.main-text,
    html[lang="th"] #galaPromo .main-msg.main-text,
    .rtl-lang .gold-silver,
    html[lang="fa"] .gold-silver,
    html[lang="th"] .gold-silver,
    .rtl-lang #ib-competition h2.main,
    html[lang="fa"] #ib-competition h2.main,
    html[lang="th"] #ib-competition h2.main,
    .rtl-lang #ib-competition header h2.sub,
    html[lang="fa"] #ib-competition header h2.sub,
    html[lang="th"] #ib-competition header h2.sub,
    .rtl-lang .maintenance h1,
    html[lang="fa"] .maintenance h1,
    html[lang="th"] .maintenance h1,
    .rtl-lang .seminars .panel-default>.panel-heading .date,
    html[lang="fa"] .seminars .panel-default>.panel-heading .date,
    html[lang="th"] .seminars .panel-default>.panel-heading .date,
    .rtl-lang #world-championship .header .mainTitle,
    html[lang="fa"] #world-championship .header .mainTitle,
    html[lang="th"] #world-championship .header .mainTitle,
    .rtl-lang #world-championship .header h2,
    html[lang="fa"] #world-championship .header h2,
    html[lang="th"] #world-championship .header h2,
    .rtl-lang #world-championship .round-wrap .date span,
    html[lang="fa"] #world-championship .round-wrap .date span,
    html[lang="th"] #world-championship .round-wrap .date span,
    .rtl-lang .upload-documents .modalDocuments .modal-header button,
    html[lang="fa"] .upload-documents .modalDocuments .modal-header button,
    html[lang="th"] .upload-documents .modalDocuments .modal-header button,
    .rtl-lang .mArea .balance-bar span.amount,
    html[lang="fa"] .mArea .balance-bar span.amount,
    html[lang="th"] .mArea .balance-bar span.amount,
    .rtl-lang .xmp-package h3,
    html[lang="fa"] .xmp-package h3,
    html[lang="th"] .xmp-package h3 {
        font-family: "Bebas", Tahoma, sans-serif
    }

    .emphasized-symbol,
    .red-number,
    .stripe em,
    .benefit-account em,
    .prom-package .plus,
    .prom-package .num,
    span.promo-num h5,
    .promotion .small-half-box h5,
    .cirle,
    .page404 h1,
    .about-xm .box-border1 h4,
    .promotion .half-box h5,
    .promotion .small-half-box h5,
    .pagination,
    .zero-account .num,
    #dashboard-wrap>div,
    ol.reasons-list li a b,
    .promotion .prom1 .box-left span,
    .promotion .prom1 .box-right span,
    .promotion .prom2 .box-left span,
    .promotion .prom2 .box-right span,
    .about-xm .timeline .year,
    #alnassr-tickets .header,
    #alnassr-tickets h3.big,
    .hanami .duration,
    .hanami .duration span,
    #ib-competition header h2.sub:before,
    #ib-competition header h2.sub:after,
    #world-championship .round-circle .round,
    #world-championship .round-circle .price,
    #world-championship .round-wrap.rect .round-circle .round,
    #world-championship .round-wrap.rect .round-circle .participant,
    #world-championship .round-wrap.xs li .content .num,
    .promotion .half-box h5,
    .promotion .small-half-box h5 {
        font-family: "Bebas", "BebasExt", sans-serif
    }

    .testingRemoveThis {
        display: none
    }

    html {
        background-color: white
    }

    section {
        margin-bottom: 40px
    }

    .main-site.hp-v17 section {
        margin: 0 auto
    }

    .layout {
        position: relative;
        overflow: hidden;
        width: 100%;
        background-color: #070713;
    }

    .site-canvas {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #fff
    }

    .row>*:before,
    .row>*:after {
        content: " ";
        display: table
    }

    .row>*:after {
        clear: both
    }

    a,
    .link-like {
        outline: none !important;
        text-decoration: none !important;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        color: #d51820;
        -webkit-transform: translateZ(0);
        cursor: pointer
    }

    a:focus,
    a:visited,
    .link-like:focus,
    .link-like:visited {
        color: #d51820
    }

    a:hover {
        text-decoration: underline;
        color: #d51820
    }

    .link-like:hover {
        color: #d51820;
        text-decoration: none
    }

    span.red,
    small.red,
    a.red,
    .red {
        color: #d51820 !important;
        text-decoration: none !important
    }

    a.black,
    .black {
        color: #444 !important;
        text-decoration: none !important
    }

    a.black:hover {
        color: #d51820
    }

    h4 a {
        color: #d51820 !important
    }

    h4 a:hover {
        color: #070713 !important
    }

    a.white,
    .white {
        color: #fff !important;
        text-decoration: none !important
    }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #e2e2e2
    }

    hr.red {
        margin: 0;
        padding: 0;
        border-top: 3px solid #d51820 !important
    }

    hr.sb {
        margin-left: -15px
    }

    hr.black {
        border-top: 1px solid #070713;
        margin: 5px 0
    }

    hr.bonus {
        border-top: 1px solid #070713;
        margin: 25px 0
    }

    sup {
        top: -0.25em
    }

    .mArea hr {
        margin: 12px 0
    }

    .hr_line {
        width: 13%;
        float: left;
        border-color: #b7b7b7
    }

    header .cursorNone {
        cursor: default;
        pointer-events: none
    }

    .hp-v17 article p {
        margin-top: 20px
    }

    .clear {
        width: 100%;
        clear: both;
        float: left
    }

    .red-list-style {
        color: #d51820;
        margin-bottom: 0
    }

    .red-list-style span {
        color: #333
    }

    .box-borderline {
        display: block;
        border-left: 4px solid #d51820;
        padding-left: 25px;
        margin-bottom: 25px
    }

    .rtl-lang .box-borderline,
    html[lang="fa"] .box-borderline {
        padding-left: 0;
        padding-right: 25px;
        border-left: 0;
        border-right: 4px solid #d51820
    }

    #research-wrap .line,
    .main-site.hp-v17 .line-link {
        position: relative;
        width: 100%
    }

    .main-site.hp-v17 .line-link {
        font-size: 13px
    }

    #research-wrap .line:before,
    .main-site.hp-v17 .line-link:before {
        position: absolute;
        top: 11px;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #ccc
    }

    #research-wrap .line>a,
    .main-site.hp-v17 .line-link>a {
        position: relative;
        background-color: #fff;
        padding-left: 10px;
        z-index: 1;
        float: right
    }

    .rtl-lang.main-site.hp-v17 .line-link>a,
    html[lang="fa"] .main-site.hp-v17 .line-link>a {
        float: left
    }

    #research-wrap .line>a>.fa,
    .main-site.hp-v17 .line-link>a>.fa {
        margin-right: 5px
    }

    .rtl-lang.main-site.hp-v17 .line-link>a>.fa,
    html[lang="fa"] .main-site.hp-v17 .line-link>a>.fa {
        margin-left: 15px;
        margin-right: 5px
    }

    .research h2 img {
        margin-right: 15px
    }

    #research-team figure .border-gray {
        border: 3px solid #e4e4e4
    }

    #research-team #florentiades,
    #research-team #selena,
    #research-team #raffi,
    #research-team #magie,
    #research-team #jane {
        padding-top: 100px;
        margin-top: -100px
    }

    .avatar {
        display: block;
        border: 1px solid #070713
    }

    .person {
        position: relative;
        display: block;
        width: 31px;
        height: 35px;
        margin: 0 auto;
        text-align: center;
        background: url('../cloud/static/common/icons/person146b146b.png') no-repeat 0 0
    }

    .s-icon {
        float: left;
        margin-right: 10px
    }

    .rtl-lang .s-icon,
    html[lang="fa"] .s-icon {
        float: right;
        margin-left: 10px;
        margin-right: 0
    }

    span.graytext {
        color: #6b6b6b
    }

    .center-box {
        float: none !important;
        margin: 0 auto !important
    }

    .blocktest {
        display: block
    }

    .cancel {
        color: #d51820;
        cursor: pointer
    }

    .container-xs-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    .row-xs-height {
        display: table;
        width: 100%
    }

    .col-xs-height {
        display: table-cell;
        float: none !important
    }

    .hp-v17 .border-title.reset {
        margin: 0
    }

    .hp-v17 .border-title {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 16px;
        border: 2px solid #cbcbcb !important;
        color: #9d9d9d;
        padding: 12px;
        text-align: center;
        height: 45px;
        margin-bottom: 30px
    }

    .subtext:not(.fa) {
        font-size: 13px;
        color: #999
    }

    .hp-v17 .subtext {
        color: #070713
    }

    .confirmation h3 {
        font-size: 30px;
        color: #070713;
        margin-bottom: 5px
    }

    .confirmation h4 {
        font-size: 22px;
        color: #070713;
        font-weight: bold;
        margin-bottom: 20px
    }

    .confirmation h5 {
        font-size: 20px;
        color: #070713;
        margin-bottom: 10px
    }

    .confirmation .line {
        border-left: 4px solid #d51820;
        padding-left: 15px
    }

    .rtl-lang .confirmation .line,
    html[lang="fa"] .confirmation .line {
        border-left: 0;
        padding-left: 0;
        border-right: 4px solid #d51820;
        padding-right: 15px
    }

    .confirmation .vertical-line h5,
    .confirmation .vertical-line p {
        border-left: 4px solid #d51820;
        padding-left: 15px;
        margin-bottom: 0;
        margin-top: 0
    }

    .rtl-lang .confirmation .vertical-line h5,
    .rtl-lang .confirmation .vertical-line p {
        border-left: 0;
        border-right: 4px solid #d51820;
        padding-left: 0;
        padding-right: 15px
    }

    .confirmation .vertical-line p {
        padding-top: 10px
    }

    .confirmation .vertical-line .col-md-12:first-child p {
        padding-top: 0
    }

    .webinars .photos span {
        margin-left: 10px
    }

    .webinars .team img {
        display: block;
        width: 243px;
        height: 245px;
        margin: 15px auto 30px auto;
        background-color: #eaeaea
    }

    .not-applicable .block>* {
        opacity: .5
    }

    .title-block-wrap {
        border-width: 1px;
        border-color: #cbcbcb;
        height: 45px;
        font-size: 16px;
        font-weight: 700;
        line-height: 45px;
        color: #888;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-bottom: 30px;
        text-transform: uppercase
    }

    .rtl-lang .title-block-wrap {
        font-size: 14px
    }

    .border.title-block-wrap {
        border: 1px solid #cdcdcd;
        padding: 0
    }

    html[lang="el"] .main-site.hp-v17.partners .title-block-wrap {
        font-size: 14px
    }

    .title-block-wrap>a {
        height: 45px;
        line-height: normal !important
    }

    .up15 {
        position: relative;
        top: -15px !important
    }

    .indices ul.arrows {
        float: left
    }

    .centered {
        text-align: center;
        margin-bottom: 20px
    }

    .red_title {
        color: #d51820;
        margin-bottom: 20px
    }

    .search-keyword {
        font-size: 25px;
        font-weight: 300;
        font-style: italic;
        color: #d51820
    }

    h2 .search-results,
    p .search-results {
        font-weight: bold
    }

    .search-showing {
        color: #333;
        font-size: 19px;
        font-style: italic;
        font-weight: 300;
        line-height: 40px
    }

    .research h3 {
        font-size: 24px;
        line-height: 26px
    }

    .research .video-overview h3 {
        font-size: 22px
    }

    .about-xm h2.big {
        font-size: 43px;
        font-weight: bold;
        margin-bottom: 10px
    }

    html[lang="ur"] .about-xm h2.big {
        font-size: 38px
    }

    .platforms-center h2 {
        margin: 0;
        padding: 0
    }

    .platforms-center h3 {
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase
    }

    .platforms-center h4 {
        font-size: 20px;
        color: #070713;
        font-weight: 700 !important
    }

    .anchor {
        height: 38px;
        margin-top: -38px
    }

    .anchor-tag {
        height: 100px;
        margin-top: -100px
    }

    .main-site.hp-v17 .risk-wrap {
        display: block;
        font-size: 12px;
        text-align: center;
        margin-top: 8px
    }

    .risk-with-btn .risk-text {
        display: block;
        font-size: 12px;
        text-align: center;
        margin-top: 5px
    }

    .main-site.hp-v17 .platforms-content .main-title {
        display: block;
        font-size: 30px;
        font-weight: 500;
        line-height: normal;
        margin: 0;
        text-align: center
    }

    .main-site.hp-v17 .platforms-content .subtext {
        font-size: 14px;
        text-align: center
    }

    .main-site.hp-v17 .platforms-content .btn {
        font-size: 24px;
        padding: 15.5px 80px !important
    }

    html[lang="el"] .main-site.hp-v17 .platforms-content .btn {
        font-size: 22px
    }

    .main-site.hp-v17 .hp-tabs-content .main-title {
        display: block;
        font-size: 30px;
        font-weight: 500;
        line-height: normal;
        margin: 0;
        text-align: center
    }

    .section {
        padding: 0;
        background-color: #fff;
        position: relative
    }

    img.size-thumbnail {
        border: 1px solid #ccc;
        float: left;
        margin: 0 8px 15px 0;
        padding: 3px
    }

    .rtl-lang img.size-thumbnail,
    html[lang="fa"] img.size-thumbnail {
        float: right;
        margin: 0 0 15px 8px
    }

    #economic-calendar {
        position: relative;
        overflow: hidden;
        overflow-y: auto;
        height: 100%;
        height: 930px
    }

    .red-number {
        font-size: 70px;
        font-style: normal;
        font-weight: 300;
        border: 0;
        color: #d72027;
        margin: 0;
        padding: 4px 0 0 0;
        white-space: nowrap;
        line-height: 97px
    }

    .other_tin_text {
        font-size: 13px
    }

    .xmApi table.plain,
    .xmApi table.plain th,
    .xmApi table.plain td {
        border: 1px solid #070713 !important
    }

    .xmApi table.plain th {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 30px
    }

    .xmApi table.plain td {
        color: #333;
        font-size: 16px;
        padding: 3px
    }

    .partners .sharethis-inline-share-buttons {
        padding-left: 15px;
        padding-right: 15px
    }

    .rtl-lang .partners .sharethis-inline-share-buttons,
    html[lang="fa"] .partners .sharethis-inline-share-buttons {
        text-align: right !important
    }

    .kid-warning-img {
        position: relative;
        max-width: 341px;
        border: 2px solid #070713;
        background-color: #3296ff;
        padding: 7px;
        color: #fff
    }

    .kid-number-box ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse
    }

    .kid-number-box ul li {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        border: 3px solid #fff;
        font-size: 28px;
        font-weight: 700
    }

    .kid-number-box ul li.num-warning {
        background-color: #ff0;
        color: #070713
    }

    .kid-warning-img span {
        font-size: 12px
    }

    .kid-warning-parag {
        padding-left: 60px;
        background-size: 50px 50px;
        background-position: left;
        background-repeat: no-repeat
    }

    .rtl-lang .kid-warning-parag,
    html[lang="fa"] .kid-warning-parag {
        padding-left: 0;
        padding-right: 60px;
        background-position: right
    }

    .kid-warning-img p {
        font-size: 10px;
        text-align: justify;
        margin-bottom: 0;
        line-height: 1.1
    }

    .line-arrow {
        position: relative;
        border-top: 1px solid #ccc;
        width: 100%;
        margin-bottom: 15px;
        float: none
    }

    .line-arrow::before,
    .line-arrow::after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
        margin: 0 auto;
        border-style: solid;
        z-index: 1;
        border-width: 13px 22px 0 22px;
        margin-left: -22px
    }

    .line-arrow::before {
        border-color: #ccc transparent transparent transparent;
        top: 0
    }

    .line-arrow::after {
        border-color: #fff transparent transparent transparent;
        top: -1px
    }

    .bracket-title {
        position: relative;
        padding: 10px 20px
    }

    .bracket-title::before,
    .bracket-title::after {
        content: ' ';
        border: 4px solid #d51820;
        position: absolute;
        top: 0;
        height: 100%;
        width: 18px
    }

    .bracket-title::before {
        left: 0;
        border-right: 0
    }

    .bracket-title::after {
        right: 0;
        border-left: 0
    }

    .tos-wrapper {
        direction: ltr
    }

    body.rtl-lang,
    html[lang="fa"] body {
        direction: rtl
    }

    .rtl-lang .col-sm-1,
    .rtl-lang .col-sm-10,
    .rtl-lang .col-sm-11,
    .rtl-lang .col-sm-12,
    .rtl-lang .col-sm-2,
    .rtl-lang .col-sm-3,
    .rtl-lang .col-sm-4,
    .rtl-lang .col-sm-5,
    .rtl-lang .col-sm-6,
    .rtl-lang .col-sm-7,
    .rtl-lang .col-sm-8,
    .rtl-lang .col-sm-9,
    html[lang="fa"] .col-sm-1,
    html[lang="fa"] .col-sm-10,
    html[lang="fa"] .col-sm-11,
    html[lang="fa"] .col-sm-12,
    html[lang="fa"] .col-sm-2,
    html[lang="fa"] .col-sm-3,
    html[lang="fa"] .col-sm-4,
    html[lang="fa"] .col-sm-5,
    html[lang="fa"] .col-sm-6,
    html[lang="fa"] .col-sm-7,
    html[lang="fa"] .col-sm-8,
    html[lang="fa"] .col-sm-9 {
        float: none
    }

    .rtl-lang .col-xs-1,
    .rtl-lang .col-xs-10,
    .rtl-lang .col-xs-11,
    .rtl-lang .col-xs-12,
    .rtl-lang .col-xs-2,
    .rtl-lang .col-xs-3,
    .rtl-lang .col-xs-4,
    .rtl-lang .col-xs-5,
    .rtl-lang .col-xs-6,
    .rtl-lang .col-xs-7,
    .rtl-lang .col-xs-8,
    .rtl-lang .col-xs-9,
    html[lang="fa"] .col-xs-1,
    html[lang="fa"] .col-xs-10,
    html[lang="fa"] .col-xs-11,
    html[lang="fa"] .col-xs-12,
    html[lang="fa"] .col-xs-2,
    html[lang="fa"] .col-xs-3,
    html[lang="fa"] .col-xs-4,
    html[lang="fa"] .col-xs-5,
    html[lang="fa"] .col-xs-6,
    html[lang="fa"] .col-xs-7,
    html[lang="fa"] .col-xs-8,
    html[lang="fa"] .col-xs-9 {
        float: right
    }

    .rtl-lang .col-xs-offset-2,
    html[lang="fa"] .col-xs-offset-2 {
        margin-left: 0;
        margin-right: 16.66666667%
    }

    .rtl-lang .fa-long-arrow-right:before,
    html[lang="fa"] .fa-long-arrow-right:before {
        content: "\f177"
    }

    .rtl-lang .fa-caret-right:before,
    html[lang="fa"] .fa-caret-right:before {
        content: "\f0d9"
    }

    .rtl-lang .fa-arrow-right:before,
    html[lang="fa"] .fa-arrow-right:before {
        content: "\f060"
    }

    .rtl-lang .btn.nextprev .fa-arrow-right:before,
    html[lang="fa"] .btn.nextprev .fa-arrow-right:before {
        content: "\f061"
    }

    .rtl-lang .date-navigation .fa-chevron-left:before,
    html[lang="fa"] .date-navigation .fa-chevron-left:before {
        content: "\f054"
    }

    .rtl-lang .date-navigation .fa-chevron-right:before,
    html[lang="fa"] .date-navigation .fa-chevron-right:before {
        content: "\f053"
    }

    .rtl-lang dd,
    html[lang="fa"] dd {
        margin-right: 0
    }

    html[lang="zh_CN"] em {
        font-style: normal
    }

    @media(min-width:768px) {
        .bracket-title {
            padding: 10px 30px
        }

        .rtl-lang .col-sm-1,
        .rtl-lang .col-sm-10,
        .rtl-lang .col-sm-11,
        .rtl-lang .col-sm-12,
        .rtl-lang .col-sm-2,
        .rtl-lang .col-sm-3,
        .rtl-lang .col-sm-4,
        .rtl-lang .col-sm-5,
        .rtl-lang .col-sm-6,
        .rtl-lang .col-sm-7,
        .rtl-lang .col-sm-8,
        .rtl-lang .col-sm-9,
        html[lang="fa"] .col-sm-1,
        html[lang="fa"] .col-sm-10,
        html[lang="fa"] .col-sm-11,
        html[lang="fa"] .col-sm-12,
        html[lang="fa"] .col-sm-2,
        html[lang="fa"] .col-sm-3,
        html[lang="fa"] .col-sm-4,
        html[lang="fa"] .col-sm-5,
        html[lang="fa"] .col-sm-6,
        html[lang="fa"] .col-sm-7,
        html[lang="fa"] .col-sm-8,
        html[lang="fa"] .col-sm-9 {
            float: right
        }

        .rtl-lang .col-sm-offset-0,
        html[lang="fa"] .col-sm-offset-0 {
            margin-left: 0;
            margin-right: 0
        }

        .rtl-lang .col-sm-offset-1,
        html[lang="fa"] .col-sm-offset-1 {
            margin-left: 0;
            margin-right: 8.33333333%
        }

        .rtl-lang .col-sm-offset-3,
        html[lang="fa"] .col-sm-offset-3 {
            margin-left: 0;
            margin-right: 25%
        }

        .rtl-lang .col-sm-offset-4,
        html[lang="fa"] .col-sm-offset-4 {
            margin-left: 0;
            margin-right: 33.33333333%
        }

        .rtl-lang .col-sm-pull-6,
        html[lang="fa"] .col-sm-pull-6 {
            left: 50%;
            right: auto
        }

        .rtl-lang .col-sm-push-6,
        html[lang="fa"] .col-sm-push-6 {
            right: 50%;
            left: auto
        }
    }

    @media(min-width:992px) {
        .platforms-center.wrap {
            padding: 0 15px
        }

        .platforms-center [class*="col-md-4"] {
            padding: 0 50px;
            border-right: 1px solid #e2e2e2
        }

        .platforms-center [class*="col-md-4"]:last-child {
            border-right: 0
        }

        .site-canvas .toggle-bar-line {
            display: none
        }

        .view-all {
            float: right
        }

        img.size-thumbnail {
            margin: 0 15px 15px 0
        }

        .rtl-lang img.size-thumbnail,
        html[lang="fa"] img.size-thumbnail {
            margin: 0 0 15px 15px
        }

        .rtl-lang .col-md-1,
        .rtl-lang .col-md-10,
        .rtl-lang .col-md-11,
        .rtl-lang .col-md-12,
        .rtl-lang .col-md-2,
        .rtl-lang .col-md-3,
        .rtl-lang .col-md-4,
        .rtl-lang .col-md-5,
        .rtl-lang .col-md-6,
        .rtl-lang .col-md-7,
        .rtl-lang .col-md-8,
        .rtl-lang .col-md-9,
        html[lang="fa"] .col-md-1,
        html[lang="fa"] .col-md-10,
        html[lang="fa"] .col-md-11,
        html[lang="fa"] .col-md-12,
        html[lang="fa"] .col-md-2,
        html[lang="fa"] .col-md-3,
        html[lang="fa"] .col-md-4,
        html[lang="fa"] .col-md-5,
        html[lang="fa"] .col-md-6,
        html[lang="fa"] .col-md-7,
        html[lang="fa"] .col-md-8,
        html[lang="fa"] .col-md-9 {
            float: right
        }

        .rtl-lang .col-md-offset-1,
        html[lang="fa"] .col-md-offset-1 {
            margin-left: 0;
            margin-right: 8.33333333%
        }

        .rtl-lang .col-md-offset-2,
        html[lang="fa"] .col-md-offset-2 {
            margin-left: 0;
            margin-right: 16.66666667%
        }

        .rtl-lang .col-md-offset-3,
        html[lang="fa"] .col-md-offset-3 {
            margin-left: 0;
            margin-right: 25%
        }

        .rtl-lang .col-md-pull-6,
        html[lang="fa"] .col-md-pull-6 {
            left: 50%;
            right: auto
        }

        .rtl-lang .col-md-push-6,
        html[lang="fa"] .col-md-push-6 {
            right: 50%;
            left: auto
        }

        .rtl-lang .col-md-pull-3,
        html[lang="fa"] .col-md-pull-3 {
            left: 25%;
            right: auto
        }

        .rtl-lang .col-md-push-3,
        html[lang="fa"] .col-md-push-3 {
            right: 25%;
            left: auto
        }
    }

    @media(min-width:1200px) {
        .section {
            padding: 70px 0 0 0;
            background-color: #f1f1f1
        }

        .section::before,
        .section.bottom::after {
            content: '';
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-style: solid;
            border-width: 35px 280px 0 280px;
            z-index: 9;
            width: 0;
            height: 0
        }

        .section::before {
            top: 0;
            border-color: #fff transparent transparent transparent
        }

        .section.bottom::after {
            bottom: -30px;
            border-color: #f1f1f1 transparent transparent transparent
        }

        .section .line-arrow::after {
            border-color: #f1f1f1 transparent transparent transparent
        }

        .rtl-lang .col-lg-offset-2,
        html[lang="fa"] .col-lg-offset-2 {
            margin-left: 0;
            margin-right: 16.66666667%
        }
    }

    @media(max-width:1290px) {
        .layout>section {
            margin-bottom: 30px
        }
    }

    @media(max-width:1200px) {
        .hidden-l-sm {
            display: none
        }
    }

    @media(max-width:991px) {
        .center-sm {
            max-width: 450px;
            margin: 0 auto !important
        }

        section.container {
            margin-top: 30px
        }

        section {
            margin-bottom: 0
        }

        .sm-txt-center {
            text-align: center
        }

        .partner-types h2,
        .partner-types h3,
        .partner-types p {
            text-align: center
        }

        .animating .site-canvas {
            transition: transform .25s ease-in-out;
            -webkit-transition: -webkit-transform .25s ease-in-out
        }
    }

    @media(max-width:767px) {
        .center-xs {
            max-width: 450px;
            margin: 0 auto !important
        }

        article small {
            display: block;
            text-align: left;
            margin-top: 15px
        }
    }

    .xmtrader-content {
        border-bottom: 1px solid #cecece
    }

    .xmt-home-promo-left h2 {
        font-size: 24px !important;
        margin-bottom: 10px
    }

    .xmt-home-promo-left p {
        font-size: 13px
    }

    .xmtrader-content p.sub-text {
        font-size: 15px;
        margin-right: 0
    }

    .xmt-home-promo-left,
    .xmt-home-promo-right {
        float: none;
        display: table-cell;
        vertical-align: bottom
    }

    .xmtrader-content hr {
        width: 15%;
        margin: 15px 0 15px;
        min-height: 1px;
        height: 5px;
        background: #d51820
    }

    span.no-wrap {
        white-space: nowrap
    }

    @media(min-width:1200px) {
        .xmtrader-content {
            border-bottom: 0
        }
    }

    @media(min-width:998px) {
        .xmtrader-content p.sub-text {
            font-size: 22px
        }

        .xmt-home-promo-left h2 {
            font-size: 30px !important
        }

        .xmt-home-promo-right {
            padding: 0 !important
        }

        .xmt-home-promo-left p {
            font-size: 16px
        }
    }

    .btn {
        text-shadow: none !important
    }

    button {
        outline: none !important;
        border: 0;
        background: 0
    }

    a.btn,
    button.btn {
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        color: #fff;
        white-space: normal;
        line-height: 1;
        padding: 8px 20px !important;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        -moz-user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: 0;
        border: 1px solid #fff;
        -webkit-transform: translateZ(0)
    }

    .rtl-lang a.btn,
    .rtl-lang button.btn,
    html[lang="fa"] a.btn,
    html[lang="fa"] button.btn {
        font-weight: 400
    }

    a.btn.text-nowrap,
    button.btn.text-nowrap {
        white-space: nowrap
    }

    a.btn:hover,
    button.btn:hover {
        color: #fff
    }

    a.btn.btn-full,
    button.btn.btn-full {
        width: 100%
    }

    a.btn.btn-big,
    button.btn.btn-big {
        font-size: 26px;
        border-width: 2px;
        padding: 5px 20px;
        line-height: 1;
        line-height: normal;
        letter-spacing: .025em
    }

    a.btn.btn-big:hover,
    button.btn.btn-big:hover {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    a.btn.btn-red .fa,
    a.btn.btn--primary_green .fa,
    a.btn.btn-green .fa,
    a.btn.btn--secondary_red .fa,
    button.btn.btn-green .fa,
    button.btn.btn--secondary_red .fa,
    a.btn.btn-black .fa,
    button.btn.btn-red .fa,
    button.btn.btn--primary_green .fa {
        font-size: 18px;
        vertical-align: middle;
        margin-right: 15px
    }

    a.btn.btn-solid,
    button.btn.btn-solid {
        color: #fff;
        background-color: #888;
        border: 0;
        text-transform: uppercase;
        font-size: 20px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75)
    }

    .btn.btn-block {
        max-width: 450px
    }

    a.btn.btn-solid,
    button.btn.btn-red,
    .btn.btn-red,
    button.btn.btn--primary_green,
    .btn.btn--primary_green,
    .btn.btn-blck,
    button.btn.btn-grey {
        font-size: 24px;
        letter-spacing: .5px !important
    }

    .btn-big i.fa {
        margin-left: 20px
    }

    a.btn.btn-solid:hover,
    button.btn.btn-solid:hover {
        background-color: #666
    }

    a.btn.btn-solid.btn-gray,
    button.btn.btn-solid.btn-gray {
        background-color: #868686
    }

    a.btn.btn-solid.btn-gray:hover,
    button.btn.btn-solid.btn-gray:hover {
        background-color: #777
    }

    a.btn.btn-drop,
    button.btn.btn-drop {
        padding-right: 25px;
        position: relative;
        font-size: 14px;
        letter-spacing: .5px;
        color: #ccc;
        border-color: #ccc !important;
        padding: 9px 20px 6px 20px !important
    }

    html[lang="pl"] .btn.btn-drop,
    html[lang="es"] .btn.btn-drop {
        padding: 9px 20px 6px 20px !important
    }

    button.btn.btn-drop>i {
        position: relative;
        top: -1px
    }

    a.btn.btn-drop:after,
    button.btn.btn-drop:after {
        content: '';
        content: '';
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        position: absolute;
        border-width: 5px 5px 0 5px;
        border-color: #ccc transparent transparent transparent;
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -2px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .btn-red small,
    .btn--primary_green small,
    .btn-green small,
    .btn--secondary_red small,
    .btn-gray small {
        display: block;
        margin-top: 2px;
        font-size: 12px;
        font-weight: bold;
        text-shadow: none !important;
        text-transform: none
    }

    .open a.btn.btn-drop,
    .open button.btn.btn-drop {
        color: #fff
    }

    .open a.btn.btn-drop:after,
    .open button.btn.btn-drop:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .btn.nextprev {
        min-width: 100px;
        padding: 8px 30px !important
    }

    a.btn.btn-red .fa,
    a.btn.btn--primary_green .fa,
    a.btn.btn-green .fa,
    a.btn.btn--secondary_red .fa,
    a.btn.btn-gray .fa,
    a.btn.btn-black .fa,
    button.btn.btn-red .fa,
    button.btn.btn--primary_green .fa,
    button.btn.btn-green .fa,
    button.btn.btn--secondary_red .fa,
    button.btn.btn-gray .fa,
    button.btn.btn- .fa {
        font-size: 18px;
        vertical-align: middle;
        margin-right: 15px
    }

    .btn.nextprev i.fa {
        margin: 0
    }

    .btn-prev:before {
        content: "\f060";
        font-family: FontAwesome;
        margin-right: 15px
    }

    .btn-next:after {
        content: "\f061";
        font-family: FontAwesome;
        margin-left: 15px
    }

    a.btn.btn-red,
    button.btn.btn-red,
    a.btn.btn--primary_green,
    button.btn.btn--primary_green {
        border-color: #29a643 !important;
        color: #29a643 !important;
        background: none !important
    }

    a.btn.btn-red:hover,
    button.btn.btn-red:hover,
    a.btn.btn--primary_green:hover,
    button.btn.btn--primary_green:hover {
        border-color: #FFF !important;
        color: #FFF !important;
        background: #29a643 !important
    }

    a.btn.btn-green,
    button.btn.btn-green,
    a.btn.btn--secondary_red,
    button.btn.btn--secondary_red {
        border-color: #d51820 !important;
        color: #d51820 !important;
        background: none !important
    }

    a.btn.btn-green:hover,
    button.btn.btn-green:hover,
    a.btn.btn--secondary_red:hover,
    button.btn.btn--secondary_red:hover {
        border-color: #FFF !important;
        color: #FFF !important;
        background: #d51820 !important
    }

    a.btn.btn-solid.btn-red,
    button.btn.btn-solid.btn-red,
    a.btn.btn-solid.btn--primary_green,
    button.btn.btn-solid.btn--primary_green {
        background-color: #29a643 !important;
        color: #fff !important
    }

    a.btn.btn-solid.btn-red:hover,
    button.btn.btn-solid.btn-red:hover,
    a.btn.btn-solid.btn--primary_green:hover,
    button.btn.btn-solid.btn--primary_green:hover {
        background-color: #238c38 !important;
        color: #fff !important
    }

    a.btn.btn-solid.btn-green,
    button.btn.btn-solid.btn-green,
    a.btn.btn-solid.btn--secondary_red,
    button.btn.btn-solid.btn--secondary_red {
        background-color: #d51820 !important;
        color: #fff !important
    }

    a.btn.btn-solid.btn-green:hover,
    button.btn.btn-solid.btn-green:hover,
    a.btn.btn-solid.btn--secondary_red:hover,
    button.btn.btn-solid.btn--secondary_red:hover {
        background-color: #b30000 !important;
        color: #fff !important
    }

    a.btn.btn-solid.btn-blue,
    button.btn.btn-solid.btn-blue {
        background-color: #31708f !important;
        color: #fff !important
    }

    a.btn.btn-solid.btn-blue:hover,
    button.btn.btn-solid.btn-blue:hover {
        background-color: #275973 !important;
        color: #fff !important
    }

    .btn-gray-o {
        color: #6c6c6d !important;
        background: none !important;
        border: 1px solid #6c6c6d !important
    }

    a.btn.btn-solid.btn-gray-o,
    button.btn.btn-solid.btn-gray-o {
        color: #6c6c6d !important;
        background: none !important;
        border: 1px solid #6c6c6d !important
    }

    a.btn.btn-solid.btn-gray-o:hover,
    button.btn.btn-solid.btn-gray-o:hover {
        color: #fff !important;
        background-color: #6c6c6d !important;
        border: 1px solid #6c6c6d !important
    }

    a.btn-orange,
    button.btn-orange {
        color: #fff !important;
        background-color: #fea812 !important;
        border-color: transparent !important
    }

    a.btn-orange:hover,
    a.btn-orange:focus,
    button.btn-orange:hover,
    button.btn-orange:focus {
        color: #fff !important;
        background-color: #ea9e26 !important
    }

    a.btn-orange-o,
    button.btn-orange-o {
        color: #fea812 !important;
        background-color: transparent !important;
        border-color: #fea812 !important
    }

    a.btn-orange-o:hover,
    a.btn-orange-o:focus,
    button.btn-orange-o:hover,
    button.btn-orange-o:focus {
        color: #fff !important;
        background-color: #fea812 !important
    }

    .btn-black {
        display: block;
        margin: 0 auto;
        font-size: 24px;
        text-shadow: none;
        color: #fff;
        background-color: #111 !important
    }

    .btn-black:hover {
        opacity: .8;
        background-color: #070713 !important
    }

    .btn.btn-green:hover,
    .btn.btn--secondary_red:hover {
        background-color: #238c38 !important
    }

    .btn-gray {
        display: block;
        margin: 0 auto;
        font-size: 24px;
        text-shadow: none;
        color: #fff;
        background-color: #6c6c6c !important
    }

    .stment-btn {
        width: 100%
    }

    .stment-btn .btn {
        float: left;
        padding: 10px 12px !important
    }

    .stment-btn .btn+.btn {
        margin-left: 5%
    }

    .stment-btn button:nth-child(1) {
        width: 15%
    }

    .stment-btn button:nth-child(2) {
        width: 60% !important
    }

    .stment-btn button:nth-child(3) {
        width: 15%
    }

    .stment-btn .btn:hover {
        background-color: #595959 !important
    }

    .btn-group .btn.btn-default {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        height: 28px;
        line-height: 15px;
        border-radius: 0;
        padding: 6px
    }

    .btn-group .btn:nth-child(1).btn-default,
    .btn-group .btn.btn-default:not(.active) {
        background: white;
        border-radius: 0;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
        background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
        background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
        background-image: linear-gradient(to bottom, white 40%, #f0f0f0)
    }

    .btn-group .btn:nth-child(1).btn-default.active {
        background: #26d53f;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
        color: #fff;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2)
    }

    a.btn.btn-solid.btn-blue.info-lbgr {
        background-color: #1c8cc3 !important
    }

    a.btn.btn-solid.btn-blue.info-lbgr:hover {
        background-color: #3981a7 !important
    }

    .txt-with-btn {
        width: 287px !important
    }

    .greenRed-btns .btn {
        display: block;
        max-width: 500px;
        margin: 0 auto
    }

    .greenRed-btns .btn.btn-red,
    .greenRed-btns .btn.btn--primary_green {
        font-size: 30px;
        padding: 15px 20px !important
    }

    .greenRed-btns .btn.btn-green,
    .greenRed-btns .btn.btn--secondary_red {
        font-size: 24px;
        padding: 10px 20px !important
    }

    .greenRed-btns .btn.btn-outline {
        font-size: 24px
    }

    .btn-appstore,
    .btn-playstore {
        position: relative;
        display: block;
        margin: 0 auto;
        text-align: center;
        max-width: 116px
    }

    .btn.no-arrow {
        cursor: default
    }

    a.btn.btn-drop.no-arrow::after,
    button.btn.btn-drop.no-arrow::after {
        display: none
    }

    .main-site.hp-v17 .btn-red small,
    .main-site.hp-v17 .btn--primary_green small,
    .main-site.hp-v17 .btn-green small,
    .main-site.hp-v17 .btn--secondary_red small,
    .main-site.hp-v17 .btn-gray small {
        font-size: 13px !important;
        font-weight: 300
    }

    .main-site.hp-v17 .btn.btn-gray {
        border-color: #6c6c6c !important;
        color: #6c6c6c !important;
        background-color: transparent !important
    }

    .main-site.hp-v17 .btn.btn-gray:hover,
    .main-site.hp-v17 .btn.btn-gray:focus {
        color: #fff !important;
        background-color: #6c6c6c !important
    }

    .hp-v17.partners a.btn.btn-solid.btn-gray,
    .hp-v17.partners button.btn.btn-solid.btn-gray {
        color: #fff !important;
        background-color: #868686 !important
    }

    .btn.btn-applynow {
        padding: 8px 80px !important
    }

    .main-site.hp-v17 a.btn.btn-solid,
    .main-site.hp-v17 button.btn.btn-red,
    .main-site.hp-v17 .btn.btn-red,
    .main-site.hp-v17 button.btn.btn--primary_green,
    .main-site.hp-v17 .btn.btn--primary_green,
    .main-site.hp-v17 .btn.btn-green,
    .main-site.hp-v17 .btn.btn--secondary_red,
    .main-site.hp-v17 .btn.btn-gray,
    .main-site.hp-v17 #awards-content .btn {
        font-size: 24px
    }

    .btn.btn-yellow.center-block {
        font-size: 28px
    }

    .btn-yellow {
        max-width: 410px;
        font-size: 30px;
        color: #070713;
        padding: 8px 20px;
        line-height: normal;
        background-color: #f6d72f;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .btn-yellow:hover,
    .btn-yellow:focus {
        color: #070713;
        background-color: #e6d72f
    }

    .rtl-lang.main-site.hp-v17 .btn .fa {
        margin-right: 0;
        margin-left: 15px
    }

    .rtl-lang a.btn.btn-red .fa.fa-pencil-square-o,
    .rtl-lang a.btn.btn--primary_green .fa.fa-pencil-square-o,
    .rtl-lang a.btn.btn-green .fa.fa-download,
    .rtl-lang a.btn.btn--secondary_red .fa.fa-download,
    .rtl-lang a.btn.btn-red .fa.fa-arrow-right,
    .rtl-lang a.btn.btn--primary_green .fa.fa-arrow-right,
    .rtl-lang a.btn.btn-green .fa.fa-arrow-right,
    .rtl-lang a.btn.btn--secondary_red .fa.fa-arrow-right,
    .rtl-lang a.btn.btn-red .fa.fa-file-pdf-o,
    .rtl-lang a.btn.btn--primary_green .fa.fa-file-pdf-o {
        margin-left: 15px;
        margin-right: 0
    }

    .rtl-lang a.btn.btn-drop,
    .rtl-lang button.btn.btn-drop {
        padding: 11px 20px 6px 20px !important
    }

    .rtl-lang a.btn.btn-red .fa,
    .rtl-lang a.btn.btn--primary_green .fa,
    .rtl-lang a.btn.btn-green .fa,
    .rtl-lang a.btn.btn--secondary_red .fa,
    .rtl-lang a.btn.btn-black .fa,
    .rtl-lang button.btn.btn-red .fa,
    .rtl-lang button.btn.btn--primary_green .fa {
        margin-right: 0
    }

    .rtl-lang a.btn.btn-red i.fa.fa-plus-circle,
    .rtl-lang a.btn.btn--primary_green i.fa.fa-plus-circle {
        margin-left: 15px
    }

    .rtl-lang button.btn.btn-solid.btn-gray {
        padding: 6px 0 !important
    }

    .rtl-lang button.btn.btn-solid.btn-gray small {
        padding-top: 0;
        margin-top: 1px
    }

    .rtl-lang .btn-group>.btn {
        position: relative;
        float: right
    }

    html[lang="bn"] .btn-red small,
    html[lang="bn"] .btn--primary_green small,
    html[lang="bn"] .btn-green small,
    html[lang="bn"] .btn--secondary_red small,
    html[lang="bn"] .btn-gray small {
        display: block;
        margin-top: 5px;
        font-size: 12px;
        text-shadow: none !important;
        text-transform: none
    }

    html[lang="bn"] a.btn small {
        font-weight: 300
    }

    html[lang="bn"] a.btn.btn-solid,
    html[lang="bn"] button.btn.btn-red,
    html[lang="bn"] .btn.btn-red,
    html[lang="bn"] button.btn.btn--primary_green,
    html[lang="bn"] .btn.btn--primary_green,
    html[lang="bn"] .btn.btn-blck,
    html[lang="bn"] button.btn.btn-grey {
        font-size: 22px
    }

    html[lang="bn"] a.btn.btn-solid.btn-red,
    html[lang="bn"] button.btn.btn-solid.btn-red,
    html[lang="bn"] a.btn.btn-solid.btn--primary_green,
    html[lang="bn"] button.btn.btn-solid.btn--primary_green {
        padding: 9px 11px !important
    }

    html[lang="bn"] a.btn,
    html[lang="bn"] button.btn {
        padding: 8px 11px !important
    }

    html[lang="bn"] a.btn.btn-drop,
    html[lang="bn"] button.btn.btn-drop {
        padding: 10px 20px 6px 20px !important
    }

    html[lang="zh_CN"] .main-site.hp-v17 .btn-red small,
    html[lang="zh_CN"] .main-site.hp-v17 .btn--primary_green small,
    html[lang="zh_CN"] .main-site.hp-v17 .btn-green small,
    html[lang="zh_CN"] .main-site.hp-v17 .btn-gray small {
        margin-top: 5px
    }

    html[lang="el"] button.btn.btn-drop {
        height: 35px;
        line-height: 13px
    }

    html[lang="el"] a.btn.btn-solid,
    html[lang="el"] button.btn.btn-red,
    html[lang="el"] .btn.btn-red,
    html[lang="el"] button.btn.btn--primary_green,
    html[lang="el"] .btn.btn--primary_green,
    html[lang="el"] .btn.btn-green,
    html[lang="el"] .btn.btn--secondary_red,
    html[lang="el"] .btn.btn-blck {
        font-size: 17px;
        line-height: normal
    }

    html[lang="el"] .input-group-btn:last-child>.btn,
    html[lang="el"] .input-group-btn:last-child>.btn-group {
        line-height: 38px
    }

    html[lang="es"] a.btn,
    html[lang="es"] button.btn {
        padding: 8px 14px !important
    }

    html[lang="fa"] .btn-group>.btn {
        position: relative;
        float: right
    }

    html[lang="fa"] a.btn.btn-red .fa.fa-pencil-square-o,
    html[lang="fa"] a.btn.btn--primary_green .fa.fa-pencil-square-o,
    html[lang="fa"] a.btn.btn-green .fa.fa-download,
    html[lang="fa"] a.btn.btn--secondary_red .fa.fa-download,
    html[lang="fa"] a.btn.btn-red .fa.fa-arrow-right,
    html[lang="fa"] a.btn.btn--primary_green .fa.fa-arrow-right,
    html[lang="fa"] a.btn.btn-green .fa.fa-arrow-right,
    html[lang="fa"] a.btn.btn--secondary_red .fa.fa-arrow-right,
    html[lang="fa"] a.btn.btn-red .fa.fa-file-pdf-o,
    html[lang="fa"] a.btn.btn--primary_green .fa.fa-file-pdf-o {
        margin-left: 15px;
        margin-right: 0
    }

    html[lang="fa"] a.btn.btn-drop,
    html[lang="fa"] button.btn.btn-drop {
        padding: 11px 20px 6px 20px !important
    }

    html[lang="fa"] a.btn.btn-red .fa,
    html[lang="fa"] a.btn.btn--primary_green .fa,
    html[lang="fa"] a.btn.btn-green .fa,
    html[lang="fa"] a.btn.btn--secondary_red .fa,
    html[lang="fa"] a.btn.btn-black .fa,
    html[lang="fa"] button.btn.btn-red .fa,
    html[lang="fa"] button.btn.btn-red .fa,
    html[lang="fa"] button.btn.btn-red .fa,
    html[lang="fa"] button.btn.btn--primary_green .fa {
        margin-right: 0
    }

    html[lang="fa"] a.btn.btn-red i.fa.fa-plus-circle {
        margin-left: 15px
    }

    html[lang="fa"] a.btn.btn-solid.btn-green,
    html[lang="fa"] button.btn.btn-solid.btn-green,
    html[lang="fa"] a.btn.btn-solid.btn--secondary_red,
    html[lang="fa"] button.btn.btn-solid.btn--secondary_red {
        font-size: 20px
    }

    html[lang="fa"] a.btn.btn-solid,
    html[lang="fa"] button.btn.btn-red,
    html[lang="fa"] .btn.btn-red,
    html[lang="fa"] button.btn.btn--primary_green,
    html[lang="fa"] .btn.btn--primary_green,
    html[lang="fa"] .btn.btn-blck {
        font-size: 21px
    }

    html[lang="fa"] button.btn.btn-solid.btn-gray {
        padding: 6px 0 !important
    }

    html[lang="fa"] button.btn.btn-solid.btn-gray small {
        padding-top: 0;
        margin-top: 1px
    }

    html[lang="fa"] .main-site.hp-v17 .btn .fa {
        margin-right: 0;
        margin-left: 15px
    }

    html[lang="fr"] a.btn.btn-drop,
    html[lang="fr"] button.btn.btn-drop {
        padding: 11px 20px 6px 20px !important
    }

    html[lang="ja"] a.btn.btn-solid,
    html[lang="ja"] button.btn.btn-red,
    html[lang="ja"] .btn.btn-red,
    html[lang="ja"] button.btn.btn--primary_green,
    html[lang="ja"] .btn.btn--primary_green,
    html[lang="ja"] .btn.btn-blck {
        font-size: 22px
    }

    html[lang="ko"] a.btn,
    html[lang="ko"] button.btn {
        padding: 8px 19px !important
    }

    html[lang="ko"] a.btn.btn-solid,
    html[lang="ko"] button.btn.btn-red,
    html[lang="ko"] .btn.btn-red,
    html[lang="ko"] button.btn.btn--primary_green,
    html[lang="ko"] .btn.btn--primary_green,
    html[lang="ko"] .btn.btn-blck {
        font-size: 22px
    }

    html[lang="ms"] a.btn.btn-solid,
    html[lang="ms"] button.btn.btn-red,
    html[lang="ms"] .btn.btn-red,
    html[lang="ms"] button.btn.btn--primary_green,
    html[lang="ms"] .btn.btn--primary_green,
    html[lang="ms"] .btn.btn-blck .smaller-font-22 {
        font-size: 22px
    }

    html[lang="ph"] a.btn.btn-solid,
    html[lang="ph"] button.btn.btn-red,
    html[lang="ph"] .btn.btn-red,
    html[lang="ph"] button.btn.btn--primary_green,
    html[lang="ph"] .btn.btn--primary_green,
    html[lang="ph"] .btn.btn-blck {
        letter-spacing: 0 !important
    }

    html[lang="ph"] a.btn,
    html[lang="ph"] button.btn {
        padding: 8px 19px !important
    }

    html[lang="pl"] a.btn,
    html[lang="pl"] button.btn {
        padding: 8px 11px !important
    }

    html[lang="ru"] a.btn.btn-solid,
    html[lang="ru"] button.btn.btn-red,
    html[lang="ru"] .btn.btn-red,
    html[lang="ru"] button.btn.btn--primary_green,
    html[lang="ru"] .btn.btn--primary_green,
    html[lang="ru"] .btn.btn-blck {
        font-size: 22px;
        letter-spacing: 0 !important
    }

    html[lang="ru"] a.btn.btn-drop,
    html[lang="ru"] button.btn.btn-drop {
        padding: 11px 20px 6px 20px !important
    }

    html[lang="th"] a.btn.btn-drop,
    html[lang="th"] button.btn.btn-drop {
        padding: 11px 20px 6px 20px !important
    }

    html[lang="th"] a.btn,
    html[lang="th"] button.btn {
        padding: 8px 19px !important
    }

    html[lang="th"] a.btn.btn-solid,
    html[lang="th"] button.btn.btn-red,
    html[lang="th"] .btn.btn-red,
    html[lang="th"] button.btn.btn--primary_green,
    html[lang="th"] .btn.btn--primary_green,
    html[lang="th"] .btn.btn-blck {
        font-size: 24px
    }

    html[lang="th"] a.btn.btn-solid,
    html[lang="th"] button.btn.btn-red,
    html[lang="th"] .btn.btn-red,
    html[lang="th"] button.btn.btn--primary_green,
    html[lang="th"] .btn.btn--primary_green,
    html[lang="th"] .btn.btn-blck .smaller-font-22 {
        font-size: 22px
    }

    html[lang="th"].main-site.hp-v17 .btn-red small,
    html[lang="th"].main-site.hp-v17 .btn--primary_green small,
    html[lang="th"].main-site.hp-v17 .btn-green small,
    html[lang="th"].main-site.hp-v17 .btn--secondary_red small,
    html[lang="th"].main-site.hp-v17 .btn-gray small {
        margin-top: 8px
    }

    html[lang="vn"] a.btn.btn-solid,
    html[lang="vn"] button.btn.btn-red,
    html[lang="vn"] .btn.btn-red,
    html[lang="vn"] button.btn.btn--primary_green,
    html[lang="vn"] .btn.btn--primary_green,
    html[lang="vn"] button.btn.btn-green,
    html[lang="vn"] .btn.btn-green,
    html[lang="vn"] button.btn.btn--secondary_red,
    html[lang="vn"] .btn.btn--secondary_red,
    html[lang="vn"] .btn.btn-blck {
        font-size: 19px
    }

    @media(min-width:768px) {
        .btn-group span {
            width: 100%;
            padding-left: 117px;
            display: block
        }

        .rtl-lang .btn-group span {
            padding-left: 0;
            padding-right: 115px
        }

        html[lang="fa"] .btn-group span {
            padding-left: 0;
            padding-right: 115px
        }
    }

    @media(max-width:1290px) {

        a.btn.btn-big,
        button.btn.btn-big {
            font-size: 22px
        }
    }

    @media(max-width:991px) {
        .webinars .btn {
            max-width: 300px
        }
    }

    @media(max-width:510px) {
        .btn.btn-block {
            max-width: 350px
        }
    }

    .dis5 {
        height: 5px;
        clear: both
    }

    .dis10 {
        height: 10px;
        clear: both
    }

    .dis15 {
        height: 15px;
        clear: both
    }

    .dis20 {
        height: 20px;
        clear: both
    }

    .dis25 {
        height: 25px;
        clear: both
    }

    .dis30 {
        height: 30px;
        clear: both
    }

    .dis35 {
        height: 35px;
        clear: both
    }

    .dis40 {
        height: 40px;
        clear: both
    }

    .dis45 {
        height: 45px;
        clear: both
    }

    .dis50 {
        height: 50px;
        clear: both
    }

    .dis55 {
        height: 55px;
        clear: both
    }

    .dis60 {
        height: 60px;
        clear: both
    }

    .dis65 {
        height: 65px;
        clear: both
    }

    .dis70 {
        height: 70px;
        clear: both
    }

    .dis75 {
        height: 75px;
        clear: both
    }

    .dis80 {
        height: 80px;
        clear: both
    }

    .dis85 {
        height: 85px;
        clear: both
    }

    .dis90 {
        height: 90px;
        clear: both
    }

    .dis95 {
        height: 95px;
        clear: both
    }

    .dis100 {
        height: 100px;
        clear: both
    }

    .width5 {
        width: 5%
    }

    .width10 {
        width: 10%
    }

    .width15 {
        width: 15%
    }

    .width20 {
        width: 20%
    }

    .full-width {
        width: 100%
    }

    .half-width {
        width: 50%
    }

    .left-text {
        text-align: left
    }

    .right-text {
        text-align: right
    }

    .left {
        float: left
    }

    .rtl-lang .left,
    html[lang="fa"] .left {
        float: right
    }

    .right {
        float: right
    }

    .rtl-lang .right,
    html[lang="fa"] .right {
        float: left
    }

    .rtl-lang .pull-right,
    html[lang="fa"] .pull-right {
        float: left !important
    }

    .rtl-lang .pull-left,
    html[lang="fa"] .pull-left {
        float: right !important
    }

    .center {
        vertical-align: middle
    }

    .img-center {
        margin: 0 auto
    }

    .ltr {
        direction: ltr !important
    }

    .rtl-lang {
        direction: rtl !important
    }

    .center-block {
        float: none !important
    }

    .center-text {
        text-align: center !important
    }

    .text-center {
        text-align: center !important
    }

    .col-top {
        vertical-align: top
    }

    .col-middle {
        vertical-align: middle
    }

    .col-bottom {
        vertical-align: bottom
    }

    .text-right {
        text-align: right
    }

    .rtl-lang .text-left,
    html[lang="fa"] .text-left,
    html[lang="ur"] .text-md-left {
        text-align: right
    }

    .padl5 {
        padding-left: 5px
    }

    .padl10 {
        padding-left: 10px
    }

    .padl15 {
        padding-left: 15px
    }

    .rtl-lang .padl15,
    html[lang="fa"] .padl15 {
        padding-right: 15px
    }

    .padl20 {
        padding-left: 25px
    }

    .padl25 {
        padding-left: 25px
    }

    .no_margin {
        margin: 0 !important
    }

    .top5 {
        margin-top: 5px !important
    }

    .top10 {
        margin-top: 10px !important
    }

    .top15 {
        margin-top: 15px !important
    }

    .top20 {
        margin-top: 20px !important
    }

    .top25 {
        margin-top: 25px !important
    }

    .top30 {
        margin-top: 30px !important
    }

    .top35 {
        margin-top: 35px !important
    }

    .top40 {
        margin-top: 40px !important
    }

    .top45 {
        margin-top: 45px !important
    }

    .top50 {
        margin-top: 50px !important
    }

    .top55 {
        margin-top: 55px !important
    }

    .top60 {
        margin-top: 60px !important
    }

    .top65 {
        margin-top: 65px !important
    }

    .top70 {
        margin-top: 70px !important
    }

    .top75 {
        margin-top: 75px !important
    }

    .top80 {
        margin-top: 80px !important
    }

    .top85 {
        margin-top: 85px !important
    }

    .top90 {
        margin-top: 90px !important
    }

    .top95 {
        margin-top: 95px !important
    }

    .top100 {
        margin-top: 100px !important
    }

    .top115 {
        margin-top: 115px !important
    }

    .top150 {
        margin-top: 150px !important
    }

    .top170 {
        margin-top: 170px !important
    }

    .top190 {
        margin-top: 190px !important
    }

    .top305 {
        margin-top: 305px !important
    }

    .bottom40 {
        margin-top: 40px !important
    }

    .bottom20 {
        margin-bottom: 20px !important
    }

    .bottom15 {
        margin-bottom: 15px !important
    }

    .bottom5 {
        margin-bottom: 5px !important
    }

    .right10 {
        margin-right: 10px !important
    }

    .rtl-lang .right10,
    html[lang="fa"] .right10 {
        margin-right: 0 !important;
        margin-left: 10px !important
    }

    .right15 {
        margin-right: 15px !important
    }

    .right30 {
        margin-right: 30px !important
    }

    .rtl-lang .right30,
    html[lang="fa"] .right30 {
        margin-right: 0 !important;
        margin-left: 30px !important
    }

    .reset {
        margin: 0;
        padding: 0
    }

    .left30 {
        margin-left: 30px !important
    }

    .green {
        color: #29a643 !important
    }

    .red {
        color: #d72027
    }

    .white {
        color: #fff !important
    }

    .black {
        color: #070713
    }

    .lgray {
        color: #ccc
    }

    .dgray {
        color: #4a4a4a
    }

    .bg-gray {
        background-color: #f1f1f1
    }

    .gray {
        background-color: #f7f7f7
    }

    .bg-black {
        background-color: #070713
    }

    .text-underline {
        text-decoration: underline !important
    }

    .middle80 {
        line-height: 80px
    }

    .lowercase {
        text-transform: lowercase
    }

    .lowercase:first-letter {
        text-transform: uppercase
    }

    .capitalize {
        text-transform: capitalize
    }

    .bold {
        font-weight: bold !important
    }

    .lineh13 {
        line-height: 1.3
    }

    .border {
        border: 1px solid #ddd;
        padding: 20px
    }

    .no-border {
        border: 0
    }

    .noborder {
        border: none !important
    }

    .pointer {
        cursor: pointer !important
    }

    .grabbing {
        cursor: grabbing
    }

    .dataTB {
        clear: both
    }

    .top-5 {
        top: -5px !important
    }

    .inline-block {
        display: inline-block !important
    }

    .fs14 {
        font-size: 14px
    }

    .fs35 {
        font-size: 35px
    }

    .fs40 {
        font-size: 40px
    }

    .fs50 {
        font-size: 50px
    }

    .fs55 {
        font-size: 55px
    }

    .fs100 {
        font-size: 100px
    }

    .fs110 {
        font-size: 110px
    }

    .fs150 {
        font-size: 150px
    }

    .fs200 {
        font-size: 200px
    }

    .test-class {
        display: none
    }

    .under {
        position: relative
    }

    .under:before {
        content: '';
        width: 30px;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ccc
    }

    html[lang="fr"] .btn.font21 {
        font-size: 21px !important
    }

    .xmf-r90 {
        display: inline-block;
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .xmf-r180 {
        display: inline-block;
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .xmf-r270 {
        display: inline-block;
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .xmf-hflip {
        display: inline-block;
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0);
        -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }

    .xmf-vflip {
        display: inline-block;
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1)
    }

    :root .xmf-r90,
    :root .xmf-r180,
    :root .xmf-r270,
    :root .xmf-hflip,
    :root .xmf-vflip {
        filter: none
    }

    .xmf-xs {
        font-size: 25px
    }

    .xmf-sm {
        font-size: 50px
    }

    .xmf-md {
        font-size: 80px
    }

    .xmf-lg {
        font-size: 100px
    }

    .xmf-xl {
        font-size: 150px
    }

    .xmf-bordered,
    .xmf-rounded,
    .xmf-filled {
        padding: 10px;
        padding: .2em;
        border: solid 2px #333;
        border: solid .025em #333
    }

    .xmf-rounded {
        border-radius: 50%
    }

    .xmf-filled {
        background-color: #333;
        color: #fff !important
    }

    .xmf-bordered.red,
    .xmf-rounded.red,
    .xmf-filled.red {
        border-color: #d51820
    }

    .xmf-filled.red {
        background-color: #d51820
    }

    .xmf-bordered.green,
    .xmf-rounded.green,
    .xmf-filled.green {
        border-color: #29a643
    }

    .xmf-filled.green {
        background-color: #29a643
    }

    .xmf-bordered.lgray,
    .xmf-rounded.lgray,
    .xmf-filled.lgray {
        border-color: #ccc
    }

    .xmf-filled.lgray {
        background-color: #ccc
    }

    .xmf-bordered.black,
    .xmf-rounded.black,
    .xmf-filled.black {
        border-color: #070713
    }

    .xmf-filled.black {
        background-color: #070713
    }

    @media(min-width:992px) {
        .text-md-left {
            text-align: left
        }

        .rtl-lang .text-md-left,
        html[lang="fa"] .text-md-left {
            text-align: left
        }
    }

    @-webkit-keyframes goUp {
        0 {
            -webkit-transform: none;
            transform: none
        }

        100% {
            -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0)
        }
    }

    @keyframes goUp {
        0 {
            -webkit-transform: none;
            transform: none
        }

        100% {
            -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0)
        }
    }

    @-webkit-keyframes goDown {
        0 {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes goDown {
        0 {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    .affix-top {
        top: 10%;
        position: fixed;
        z-index: 999
    }

    .sticky-bar {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #111;
        z-index: 999;
        -moz-box-shadow: 0 0 3px 0 #070713;
        -webkit-box-shadow: 0 0 3px 0 #070713;
        box-shadow: 0 0 3px 0 #070713
    }

    .sticky-bar.active {
        display: block;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: goDown;
        animation-name: goDown
    }

    .sticky-bar .content {
        position: relative;
        display: table;
        max-width: 1000px;
        height: 85px;
        margin: 0 auto;
        padding: 0;
        color: #fff;
        font-size: 16px
    }

    .sticky-bar .content>div {
        display: table-cell;
        vertical-align: middle
    }

    .sticky-bar .content .btn {
        font-size: 20px
    }

    html[lang="ar"] .sticky-bar .content .btn,
    html[lang="ja"] .sticky-bar .content .btn,
    html[lang="tw"] .sticky-bar .content .btn {
        font-size: 18px
    }

    html[lang="bn"] .sticky-bar .content .btn {
        font-size: 17px
    }

    html[lang="ur"] .sticky-bar .content .btn {
        font-size: 16px
    }

    html[lang="fa"] .sticky-bar .content .btn {
        font-size: 11px
    }

    html[lang="el"] .sticky-bar .content .btn,
    html[lang="vn"] .sticky-bar .content .btn {
        font-size: 16px !important;
        letter-spacing: 0 !important
    }

    .rtl-lang .sticky-bar .content .btn,
    html[lang="fa"] .sticky-bar .content .btn {
        margin-left: 50px;
        margin-right: 0
    }

    .sticky-bar .content .btn .fa {
        display: inline-block;
        margin-left: 10px;
        margin-right: 0;
        font-size: 20px;
        vertical-align: middle;
        text-align: right
    }

    .rtl-lang .sticky-bar .content .btn .fa {
        margin-left: 0;
        margin-right: 10px
    }

    .sticky-bar .content .text {
        width: 68%;
        padding-right: 35px
    }

    html[lang="bn"] .sticky-bar .content .text {
        width: 67%
    }

    html[lang="ms"] .sticky-bar .content .text {
        width: initial
    }

    .sticky-bar .content p {
        text-align: center;
        padding: 0;
        margin: 0
    }

    .sticky-bar .content .fa-times {
        position: relative;
        font-size: 25px;
        margin-left: 35px;
        vertical-align: middle;
        text-align: right;
        color: #d4d4d4;
        padding: 0 10px;
        border-left: 1px solid #d4d4d4;
        border-right: 1px solid #d4d4d4;
        cursor: pointer
    }

    .rtl-lang .sticky-bar .content .fa-times,
    html[lang="fa"] .sticky-bar .content .fa-times {
        left: -15%;
        right: initial
    }

    .sticky-bar .content .fa-times:hover {
        color: #444
    }

    .sticky-bar.deactive {
        display: block;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: goUp;
        animation-name: goUp
    }

    a.scroll-top {
        display: none;
        position: fixed;
        bottom: 35px;
        right: 20px;
        color: #ccc;
        border: 1px solid #ccc;
        width: 55px;
        height: 50px;
        z-index: 999
    }

    .rtl-lang a.scroll-top,
    html[lang="fa"] a.scroll-top {
        right: initial;
        left: 20px
    }

    a.scroll-top i.fa {
        display: block;
        font-size: 67px;
        text-align: center;
        line-height: 47px
    }

    a.scroll-top:hover {
        color: #d51820;
        border: 1px solid #d51820
    }

    #cookies-block,
    #risk-block {
        position: fixed;
        width: 100%;
        z-index: 600;
        display: block;
        bottom: 0
    }

    #cookies-block {
        padding: 5px 0;
        background: rgba(37, 37, 37, 0.9);
        border-top: 1px solid #111
    }

    #risk-block {
        background: #efefef;
        border-top: 1px solid #ccc;
        color: #333;
        padding: 10px;
        text-align: center;
        font-size: 13px
    }

    .rtl-lang #risk-block,
    html[lang="fa"] #risk-block {
        direction: rtl
    }

    #risk-block>.wrap {
        position: relative;
        margin: 0 auto;
        max-width: 1200px;
        min-height: 23px
    }

    #risk-block .link {
        font-weight: bold;
        color: #333;
        text-decoration: underline !important;
        display: inline-block
    }

    #risk-block p {
        margin-bottom: 0
    }

    #risk-block .text-wrap strong,
    #risk-block .text-wrap .fa {
        color: #d51820
    }

    #notify-recording-block>.wrap {
        position: relative;
        margin: 0 auto;
        text-align: center
    }

    #notify-recording-block .text-wrap,
    #notify-recording-block .btn-wrap {
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px
    }

    #notify-recording-block .btn-wrap {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        margin: auto 0;
        height: 28px
    }

    #cookies-block .text-wrap a,
    #notify-recording-block .link {
        font-weight: bold;
        color: #fff;
        text-decoration: underline !important
    }

    #cookies-block .text-wrap a:hover,
    #notify-recording-block .link:hover {
        color: #d51820
    }

    #notify-recording-block p {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: middle
    }

    #notify-recording-block p {
        color: #cbcbcb
    }

    #notify-recording-block .btn {
        font-size: 12px !important;
        text-transform: capitalize
    }

    #cookies-block .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    #cookies-block .text-wrap,
    #cookies-block .btn-wrap {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center
    }

    #cookies-block .text-wrap {
        color: #fff
    }

    #cookies-block .text-wrap p {
        margin-bottom: 0
    }

    .risk-block-pt.fixed {
        font-size: 11px;
        border: 1px solid #d5d5d5
    }

    .risk-block-pt.fixed {
        position: fixed;
        display: block;
        left: 0;
        top: 50%;
        width: 170px;
        margin: -200px 0 0 0;
        width: 192px;
        z-index: 9999
    }

    .risk-block-pt.fixed>ul>li {
        padding: 10px
    }

    .risk-block-pt.fixed>ul>li+li {
        border-top: 2px solid #d5d5d5
    }

    .risk-block-pt.fixed>ul>li {
        display: block;
        width: 100%
    }

    #js-riskCloseButton {
        position: absolute;
        color: #333;
        font-size: 15px;
        top: -42px;
        right: 15px;
        background: #efefef;
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-bottom: 0
    }

    #js-riskCloseButton.minimise>i::before {
        content: "\f078"
    }

    #js-riskCloseButton.minimise.up>i::before {
        content: "\f077"
    }

    .rtl-lang #js-riskCloseButton,
    html[lang="fa"] #js-riskCloseButton {
        left: 15px;
        right: auto
    }

    #js-cookieBarHeight {
        background-color: #070713
    }

    #xmas-holidays {
        background-color: #252525;
        color: white;
        font-size: 11px;
        text-align: center
    }

    .xmas-holidays-wrapper {
        padding: 12px 40px;
        margin: 0 auto;
        position: relative;
        display: inline-block
    }

    .xmas-holidays-wrapper p {
        margin-bottom: 0
    }

    .xmas-holidays-wrapper p a {
        display: inline-block;
        font-weight: 600
    }

    .xmas-holidays-wrapper button {
        font-size: 14px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto 0
    }

    .rtl-lang .xmas-holidays-wrapper button,
    html[lang="fa"] .xmas-holidays-wrapper button {
        right: auto;
        left: 10px
    }

    #sb-live-education {
        background-color: #070713;
        color: white;
        font-size: 12px;
        text-align: center;
        font-weight: 600
    }

    .sb-live-education-wrapper {
        padding: 12px 40px;
        margin: 0 auto;
        position: relative;
        display: inline-block
    }

    .sb-live-education-wrapper p {
        margin-bottom: 0
    }

    .sb-live-education-wrapper p a {
        display: inline-block;
        font-weight: 600
    }

    .sb-live-education-wrapper button {
        font-size: 14px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto 0
    }

    .sb-live-education-wrapper span.badge--live {
        background: #d51820;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        margin-left: 15px;
        border-radius: 3px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 58px;
        height: 24px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sb-live-education-wrapper span.badge--live .fa-play {
        padding-right: 5px;
        font-size: 10px
    }

    .rtl-lang .sb-live-education-wrapper span.badge--live {
        margin-right: 15px
    }

    .rtl-lang .sb-live-education-wrapper span.badge--live .fa-play {
        padding-left: 5px
    }

    .rtl-lang .sb-live-education-wrapper button,
    html[lang="fa"] .sb-live-education-wrapper button {
        right: auto;
        left: 10px
    }

    @media(min-width:425px) {
        .xmas-holidays-wrapper {
            padding: 12px 70px
        }
    }

    @media(min-width:768px) {
        #cookies-block .text-wrap {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        #cookies-block .btn-wrap {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }
    }

    @media(min-width:992px) {
        a.scroll-top {
            bottom: 55px
        }

        #risk-block {
            padding: 10px 100px;
            font-size: 14px
        }

        #js-riskCloseButton {
            top: 0;
            right: -25px;
            background: 0;
            padding: 0;
            border: 0
        }

        .rtl-lang #js-riskCloseButton,
        html[lang="fa"] #js-riskCloseButton {
            left: -25px;
            right: auto
        }
    }

    @media(max-width:1567px) {
        .risk-block-pt.fixed {
            display: none
        }
    }

    @media(max-width:991px) {
        .sticky-bar .content .btn {
            padding: 6px 5px 6px 20px;
            font-size: 20px;
            margin-left: 10px
        }

        .sticky-bar .content .fa-times {
            right: 0
        }
    }

    header {
        background-color: #070713;
        position: relative;
        z-index: 600
    }

    header .logo,
    header .promo-logo,
    header .promo-logo-svg {
        padding: 0 !important
    }

    header .navbar-brand {
        display: inline-block;
        float: none;
        margin-left: 0 !important;
        height: auto !important
    }

    header .navbar-brand>img {
        height: 39px
    }

    body.xmtd header .navbar-brand>img {
        height: 48px
    }

    .xmtd .navbar-brand.promo-logo,
    .xmtd .navbar-brand.promo-logo-svg {
        left: unset;
        padding-left: 0 !important;
        margin-left: 0 !important
    }

    .header-top {
        position: relative;
        z-index: 9999;
        border-bottom: 1px solid #262626
    }

    .header-top ul {
        list-style: none;
        padding-left: 0;
        float: left;
        margin: 0
    }

    .header-top ul li {
        float: left
    }

    .header-top ul li+li {
        margin-left: 19px
    }

    .header-top .user-nav {
        padding: 22px 21px 19px 21px;
        border-left: 1px solid #262626;
        border-right: 1px solid #262626
    }

    .header-top .links-nav {
        padding: 24px 15px;
        border-left: 1px solid #262626;
        border-right: 1px solid #262626;
        line-height: 1
    }

    .header-top .links-nav li {
        font-size: 12px;
        position: relative;
        color: #fff
    }

    .header-top .links-nav a {
        color: #fff
    }

    .header-top .links-nav .link-new:before {
        content: '';
        background: url('../cloud/static/common/icons/new28022802.png');
        background-image: url('../../static/common/icons/new.svg'), none;
        width: 23px;
        height: 9px;
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -12px;
        margin-top: 5px
    }

    .header-top .buttons-nav {
        float: right;
        padding: 15px 13px 15px 0;
        border-right: 1px solid #262626
    }

    .header-top .buttons-nav li+li {
        margin-left: 15px
    }

    .header-top .buttons-nav a {
        letter-spacing: .5px;
        filter: alpha(opacity=50);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .header-top .buttons-nav .btn-white {
        color: #ccc;
        border: 1px solid #ccc
    }

    .header-top .buttons-nav .btn-feature {
        border: 2px solid #fff;
        color: #fff;
        padding: 7px 20px !important
    }

    .header-top .buttons-nav a .fa {
        margin-right: 5px;
        font-size: inherit
    }

    .header-top .buttons-nav a:hover {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .header-top .buttons-nav a.btn-green,
    .header-top .buttons-nav a.btn--secondary_red,
    .header-top .buttons-nav a.btn-red,
    .header-top .buttons-nav a.btn--primary_green {
        font-size: initial !important;
        font-size: medium !important
    }

    .header-top {
        background-color: #070713
    }

    .header-top a.btn,
    button.btn {
        padding: 7px 20px
    }

    #main-nav.container-fluid {
        /*background-color: #070713*/
        background-color: #000;

    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: 0
    }

    h1.pagetitle {
        font-size: 0;
        width: 1px;
        height: 1px;
        display: inline-block;
        overflow: hidden;
        position: absolute !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        clip: rect(1px, 1px, 1px, 1px)
    }

    h1.navbar-brand {
        margin: 0;
        padding: 0
    }

    .navbar-header {
        padding: 5px 0 12px 0
    }

    .header-top .links-nav,
    .header-top .buttons-nav,
    .main-nav ul li .dropdown .nav-bottom-bar {
        -webkit-transform: translateZ(0)
    }

    .header-top .buttons-nav {
        position: relative;
        z-index: 9
    }

    ul#languages {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0
    }

    ul#languages.noflags li {
        padding-left: 20px
    }

    ul#languages li:first-child {
        border-bottom: 1px solid #070713;
        border-top: 0
    }

    ul#languages li {
        width: 100%;
        border-bottom: 1px solid #070713;
        border-top: 1px solid #2d2d2d
    }

    ul#languages li a {
        display: block;
        width: 100%;
        font-size: 13px;
        color: #fff;
        padding: 14px 0 12px 0
    }

    ul#languages li:hover a {
        color: #999
    }

    ul#languages li .flag-icon {
        position: relative;
        display: inline-block;
        top: -2px;
        width: 37.5px;
        height: 25px;
        margin-right: 15px
    }

    input[type=checkbox]#languages {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    input[type=checkbox]#languages~ul#main-nav {
        display: block
    }

    input[type=checkbox]#languages:checked~ul#main-nav,
    input[type=checkbox]#languages:checked~ul.sidebar-btn {
        display: none !important
    }

    input[type=checkbox]#languages~ul#language {
        display: none !important
    }

    input[type=checkbox]#languages:checked~ul#language {
        display: block !important
    }

    .language-nav .fa {
        color: #fff
    }

    .site-menu {
        width: 300px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -300px;
        background: #428bca;
        padding: 15px
    }

    .toggleLeftNav,
    .toggleRightNav {
        display: inline-block;
        font-size: 20px;
        color: #fff;
        float: left;
        vertical-align: middle;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

    .toggleLeftNav:hover,
    .toggleRightNav:hover {
        color: #fff !important
    }

    .toggleLeftNav {
        position: relative;
        left: -15px;
        padding: 15px 30px
    }

    .toggleRightNav {
        position: relative;
        right: -15px;
        padding: 15px 30px
    }

    .toggleLeftNav span {
        margin-left: 5px
    }

    .toggleRightNav span {
        margin-right: 5px
    }

    .toggleLeftNav .fa.fa-times,
    .toggleRightNav .fa.fa-times {
        display: none
    }

    .toggleLeftNav span,
    .toggleRightNav span {
        position: relative;
        text-transform: uppercase;
        top: 0;
        font-size: 18px;
        vertical-align: baseline
    }

    .toggleRightNav {
        float: right
    }

    .navbar {
        background-color: transparent;
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0
    }

    #main-nav.navbar-nav>li>a {
        position: relative !important;
        z-index: 999;
        font-size: 20px !important;
        padding-top: 13px !important;
        padding-bottom: 17px !important
    }

    .main-nav .default>li {
        position: inherit;
        display: inherit
    }

    .main-nav .default>li>a {
        position: inherit !important;
        display: inherit !important
    }

    .main-nav a {
        text-transform: uppercase;
        font-size: 20px;
        color: #fff !important;
        padding: 13px;
        line-height: 1
    }

    .main-nav ul {
        list-style: none
    }

    .main-nav ul li {
        cursor: pointer
    }

    .main-nav ul li a {
        display: block;
        position: relative
    }

    .main-nav ul li .dropdown .wrap .block ul li i.fa,
    .main-nav ul li .dropdown .wrap .block ul li i.xm-font {
        margin-right: 10px
    }

    .form-logo .navbar-header {
        margin: 27px 0 26px 0 !important;
        padding: 0 !important
    }

    .main-nav .block>span {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        text-transform: uppercase;
        font-size: 20px;
        width: 100%;
        line-height: normal;
        border: 0;
        margin: 0;
        padding: 0;
        color: #fff;
        text-align: left;
        float: left;
        clear: both
    }

    .drop-nav {
        display: none
    }

    .buttons-sm {
        list-style: none;
        padding-left: 0;
        padding: 0 15px;
        display: none;
        margin-bottom: 28px
    }

    .buttons-sm:before,
    .buttons-sm:after {
        content: " ";
        display: table
    }

    .buttons-sm:after {
        clear: both
    }

    .buttons-sm li {
        width: 48%;
        float: left
    }

    .buttons-sm li+li {
        float: right
    }

    .buttons-sm li a {
        width: 100%
    }

    .navbar-toggle {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #fff;
        width: 30px;
        height: 20px;
        position: relative;
        padding: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        margin-top: 10px
    }

    .navbar-toggle:before,
    .navbar-toggle:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        left: 0;
        top: 4px;
        display: block;
        background-color: #070713
    }

    .navbar-toggle:after {
        top: 12px
    }

    .user-nav a {
        float: left;
        font-size: 11px;
        color: #999;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .user-nav a:hover {
        opacity: .6;
        filter: alpha(opacity=60)
    }

    .languages {
        position: relative;
        display: block
    }

    .languages .dropdown-menu {
        border: 1px solid #999;
        background-color: #070713;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-top: 15px;
        left: auto;
        right: 0;
        width: 310px;
        padding: 10px;
        padding-bottom: 0
    }

    .languages .dropdown-menu.noflags {
        padding-left: 20px
    }

    .languages .dropdown-menu:after {
        content: '';
        content: '';
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        position: absolute;
        border-width: 0 6.5px 6.5px 6.5px;
        border-color: transparent transparent black transparent;
        position: absolute;
        bottom: 100%;
        right: 8.5px
    }

    .languages .dropdown-menu:before {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        position: absolute;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #999 transparent;
        position: absolute;
        bottom: 100%;
        right: 7px
    }

    .languages .dropdown-menu li {
        width: 33.33%;
        float: left;
        margin: 0 0 10px 0 !important
    }

    .languages .dropdown-menu.noflags li {
        box-sizing: border-box;
        padding-left: 13px
    }

    .languages .dropdown-menu a {
        padding: 0;
        opacity: 1;
        filter: alpha(opacity=100);
        color: #fff;
        font-size: 11px;
        float: left;
        line-height: 1;
        line-height: 15px
    }

    .languages .dropdown-menu a:hover {
        background-color: transparent;
        color: #fff;
        text-decoration: underline !important
    }

    [lang="ja"] .languages.single-col .dropdown-menu {
        padding: 0 8px 0 14px
    }

    ul#language li {
        margin-bottom: 5px
    }

    ul#language li a {
        font-size: 14px !important
    }

    ul#language li .flag-icon {
        width: 22.5px;
        height: 15px
    }

    .languages .fa {
        font-size: 33px;
        color: #fff;
        float: right;
        margin-top: 10px;
        margin-right: 15px;
        vertical-align: middle
    }

    .flags-sprite {
        display: block;
        float: left;
        margin-right: 5px;
        background-image: url("../cloud/static/common/flags/flags-sprite-altd4f3d4f3.png?v=35582c1dfb0efe63be3892cd70f3809d");
        background-repeat: no-repeat;
        width: 22.5px;
        height: 15px;
        background-size: 768px 15px
    }

    .flags-sprite[class*="lg-"] {
        width: 37.5px;
        height: 25px;
        background-size: 1280px 25px
    }

    .flags-sprite.sm-en {
        background-position: 0 0
    }

    .flags-sprite.lg-en {
        background-position: 0 0
    }

    .flags-sprite.sm-jp {
        background-position: -24px 0
    }

    .flags-sprite.lg-jp {
        background-position: -40px 0
    }

    .flags-sprite.sm-my {
        background-position: -48px 0
    }

    .flags-sprite.lg-my {
        background-position: -80px 0
    }

    .flags-sprite.sm-cn,
    .flags-sprite.sm-tw {
        background-position: -72px 0
    }

    .flags-sprite.lg-cn,
    .flags-sprite.lg-tw {
        background-position: -120px 0
    }

    .flags-sprite.sm-el {
        background-position: -96px 0
    }

    .flags-sprite.lg-el {
        background-position: -160px 0
    }

    .flags-sprite.sm-hu {
        background-position: -120px 0
    }

    .flags-sprite.lg-hu {
        background-position: -200px 0
    }

    .flags-sprite.sm-ru {
        background-position: -144px 0
    }

    .flags-sprite.lg-ru {
        background-position: -240px 0
    }

    .flags-sprite.sm-id {
        background-position: -168px 0
    }

    .flags-sprite.lg-id {
        background-position: -280px 0
    }

    .flags-sprite.sm-fr {
        background-position: -192px 0
    }

    .flags-sprite.lg-fr {
        background-position: -320px 0
    }

    .flags-sprite.sm-it {
        background-position: -216px 0
    }

    .flags-sprite.lg-it {
        background-position: -360px 0
    }

    .flags-sprite.sm-se {
        background-position: -240px 0
    }

    .flags-sprite.lg-se {
        background-position: -400px 0
    }

    .flags-sprite.sm-de {
        background-position: -264px 0
    }

    .flags-sprite.lg-de {
        background-position: -440px 0
    }

    .flags-sprite.sm-pl {
        background-position: -288px 0
    }

    .flags-sprite.lg-pl {
        background-position: -480px 0
    }

    .flags-sprite.sm-ar {
        background-position: -312px 0
    }

    .flags-sprite.lg-ar {
        background-position: -520px 0
    }

    .flags-sprite.sm-es {
        background-position: -336px 0
    }

    .flags-sprite.lg-es {
        background-position: -560px 0
    }

    .flags-sprite.sm-kr {
        background-position: -360px 0
    }

    .flags-sprite.lg-kr {
        background-position: -600px 0
    }

    .flags-sprite.sm-pt {
        background-position: -384px 0
    }

    .flags-sprite.lg-pt {
        background-position: -640px 0
    }

    .flags-sprite.sm-tr {
        background-position: -408px 0
    }

    .flags-sprite.lg-tr {
        background-position: -680px 0
    }

    .flags-sprite.sm-vn {
        background-position: -432px 0
    }

    .flags-sprite.lg-vn {
        background-position: -720px 0
    }

    .flags-sprite.sm-th {
        background-position: -456px 0
    }

    .flags-sprite.lg-th {
        background-position: -760px 0
    }

    .flags-sprite.sm-ph {
        background-position: -480px 0
    }

    .flags-sprite.lg-ph {
        background-position: -800px 0
    }

    .flags-sprite.sm-nl {
        background-position: -504px 0
    }

    .flags-sprite.lg-nl {
        background-position: -840px 0
    }

    .flags-sprite.sm-cz {
        background-position: -528px 0
    }

    .flags-sprite.lg-cz {
        background-position: -880px 0
    }

    .flags-sprite.sm-ir {
        background-position: -552px 0
    }

    .flags-sprite.lg-ir {
        background-position: -920px 0
    }

    .flags-sprite.sm-bn {
        background-position: -576px 0
    }

    .flags-sprite.lg-bn {
        background-position: -960px 0
    }

    .flags-sprite.sm-au {
        background-position: -600px 0
    }

    .flags-sprite.lg-au {
        background-position: -1000px 0
    }

    .flags-sprite.sm-mn {
        background-position: -624px 0
    }

    .flags-sprite.lg-mn {
        background-position: -1040px 0
    }

    .flags-sprite.sm-hr {
        background-position: -648px 0
    }

    .flags-sprite.lg-hr {
        background-position: -1080px 0
    }

    .flags-sprite.sm-si {
        background-position: -672px 0
    }

    .flags-sprite.lg-si {
        background-position: -1120px 0
    }

    .flags-sprite.sm-lt {
        background-position: -696px 0
    }

    .flags-sprite.lg-lt {
        background-position: -1160px 0
    }

    .flags-sprite.sm-ro {
        background-position: -720px 0
    }

    .flags-sprite.lg-ro {
        background-position: -1200px 0
    }

    .flags-sprite.sm-ur {
        background-position: -744px 0
    }

    .flags-sprite.lg-ur {
        background-position: -1240px 0
    }

    .languages.single-col .dropdown-menu {
        width: auto;
        min-width: 98px;
        padding: 0 8px 0 20px
    }

    .languages.single-col .dropdown-menu li {
        padding: 8px;
        margin: 0 !important;
        width: 100%
    }

    .single-col a.btn.btn-drop,
    .single-col button.btn.btn-drop {
        padding: 9px 20px 6px 20px !important
    }

    header .xm-trading-logo {
        position: relative;
        display: block;
        text-indent: -9999px;
        width: 140px;
        height: 48px;
        margin-left: 0;
        background: url('../../static/common/logo/xmtrading.svg');
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 9
    }

    header .xm-trading-xmas-logo {
        position: relative;
        display: block;
        text-indent: -9999px;
        width: 140px;
        height: 48px;
        margin-left: 0;
        background: url('../cloud/static/common/logo/xmas_xmtrading0bc30bc3.png');
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 9
    }

    header .xmas-logo {
        position: relative;
        display: block;
        text-indent: -9999px;
        width: 140px;
        height: 48px;
        margin-left: 0;
        background: url('../cloud/static/common/logo/xmas_xmf9a4f9a4.png');
        background-repeat: no-repeat;
        z-index: 9
    }

    #main-nav span.new {
        top: -2px
    }

    span.new {
        text-transform: uppercase;
        font-size: 10px;
        padding: 1px 8px 2px 8px;
        margin-left: 10px;
        font-weight: bold;
        position: relative;
        background: red;
        border-radius: 0;
        color: white;
        top: -1px
    }

    span.new:after {
        right: 99%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(213, 24, 32, 0);
        border-right-color: #F00;
        border-width: 5px;
        margin-top: -5px
    }

    .badge-arrow {
        display: inline-block;
        font-weight: 700;
        color: #fff;
        line-height: 1.2;
        padding: 3px 4px;
        position: relative;
        margin-right: .5em;
        background-color: #d51820;
        position: relative;
        vertical-align: middle;
        font-size: 10px;
        text-transform: uppercase;
        white-space: nowrap
    }

    .rtl-lang .badge-arrow,
    html[lang="fa"] .badge-arrow {
        margin-right: 0;
        margin-left: .5em
    }

    .badge-arrow--small {
        font-size: 9px;
        line-height: 1
    }

    .badge-arrow::after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        margin: auto 0;
        width: 0;
        height: 0;
        border-top: .4em solid transparent;
        border-bottom: .4em solid transparent;
        border-left: .5em solid #d51820
    }

    .rtl-lang .badge-arrow::after,
    html[lang="fa"] .badge-arrow::after {
        left: auto;
        right: 100%;
        border-left: 0;
        border-right: .5em solid #d51820
    }

    .badge-arrow__wrapper {
        position: relative
    }

    .badge-arrow__wrapper .badge-arrow {
        position: absolute;
        top: 0;
        right: 100%;
        margin-right: 1em
    }

    .rtl-lang .badge-arrow__wrapper .badge-arrow,
    html[lang="fa"] .badge-arrow__wrapper .badge-arrow {
        right: auto;
        left: 100%;
        margin-right: 0;
        margin-left: 1em
    }

    .badge-arrow__wrapper .badge-arrow--small {
        top: 1px
    }

    .xm-operated {
        float: left;
        font-size: 11px;
        color: #fff;
        padding: 25px 15px;
        border-left: 1px solid #262626;
        border-right: 1px solid #262626;
        height: 62px;
        line-height: 1;
        max-width: 500px
    }

    .xm-operated>p {
        margin: 0;
        padding: 0
    }

    .rtl-lang .xm-operated,
    [lang="fa"] .xm-operated {
        float: right
    }

    .rtl-lang .xm-operated {
        max-width: 410px
    }

    [lang="el"] .xm-operated,
    [lang="fr"] .xm-operated,
    [lang="de"] .xm-operated,
    [lang="vn"] .xm-operated,
    [lang="th"] .xm-operated,
    [lang="ph"] .xm-operated,
    [lang="fa"] .xm-operated,
    [lang="bn"] .xm-operated {
        max-width: 400px
    }

    .rtl-lang .nav {
        padding-right: 0
    }

    .rtl-lang .navbar-nav>li {
        float: right
    }

    .rtl-lang .main-nav ul li .dropdown .box p {
        line-height: 16px
    }

    .rtl-lang .header-top .buttons-nav {
        float: left;
        padding: 15px 0 15px 13px;
        border-right: 0;
        border-left: 1px solid #262626
    }

    .rtl-lang .header-top a.btn {
        padding: 9px 8px !important
    }

    .rtl-lang .header-top .buttons-nav .btn-white,
    .rtl-lang a.btn.btn-drop,
    .rtl-lang button.btn.btn-drop {
        font-size: 14px
    }

    .rtl-lang .header-top .buttons-nav .btn-feature {
        padding: 8px 20px !important
    }

    .rtl-lang .header-top ul li {
        float: right;
        direction: ltr
    }

    .rtl-lang .header-top .buttons-nav li+li {
        margin-left: 0;
        margin-right: 15px
    }

    .rtl-lang .header-top .buttons-nav .fa {
        float: right;
        margin-left: 5px
    }

    .rtl-lang .header-top .links-nav {
        padding: 24px 15px;
        border-left: 1px solid #262626;
        border-right: 1px solid #262626;
        line-height: 1;
        float: right
    }

    .rtl-lang .partners .header-top .links-nav li {
        font-size: 11px
    }

    .rtl-lang .header-top .links-nav li {
        font-size: 11px
    }

    .rtl-lang .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 13px
    }

    .rtl-lang .flags-sprite {
        float: right;
        margin-left: 5px
    }

    .rtl-lang #main-nav.partnersNavMenu>li>a {
        padding: 10px 12px
    }

    .rtl-lang #main-nav.navbar-nav>li>a {
        font-size: 17px !important
    }

    .rtl-lang .main-nav ul li .dropdown .wrap .block h3 {
        text-align: right;
        float: left
    }

    .rtl-lang .main-nav ul li .dropdown .wrap .block h3 {
        text-align: right
    }

    .rtl-lang .main-nav ul li .dropdown .wrap .block ul li i.fa,
    .rtl-lang .main-nav ul li .dropdown .wrap .block ul li i.xm-font {
        margin-left: 10px;
        margin-right: 0;
        float: right
    }

    .rtl-lang .main-nav .block span>.xm-font {
        margin-right: 0;
        margin-left: 15px
    }

    .rtl-lang .main-nav .block>span {
        text-align: right;
        white-space: nowrap;
        display: flex;
        align-items: center
    }

    .rtl-lang .main-nav .main_nav_platforms .block {
        max-width: 207px
    }

    .rtl-lang .languages .dropdown-menu a {
        width: 100%;
        text-align: right
    }

    .rtl-lang .languages .dropdown-menu {
        left: 0;
        right: auto
    }

    .rtl-lang .languages .dropdown-menu:after {
        right: initial;
        left: 8.5px
    }

    .rtl-lang .languages .dropdown-menu:before {
        right: initial;
        left: 7px
    }

    .rtl-lang ul#languages li .flag-icon {
        margin-left: 15px
    }

    .rtl-lang .toggleLeftNav span {
        margin-left: 0;
        margin-right: 5px
    }

    .rtl-lang .toggleRightNav span {
        margin-left: 5px;
        margin-right: 0
    }

    html[lang="bn"] .header-top .buttons-nav .btn-feature {
        padding: 7px 15px !important
    }

    html[lang="bn"] .header-top ul li+li {
        margin-left: 15px
    }

    html[lang="bn"] #main-nav.navbar-nav>li>a {
        font-size: 17px !important
    }

    html[lang="bn"] .partners #main-nav.navbar-nav>li>a {
        font-size: 16px !important
    }

    html[lang="bn"] .members_area #main-nav.navbar-nav>li>a {
        font-size: 14px !important;
        padding-left: 0;
        padding-right: 13px
    }

    html[lang="bn"] ul.buttons-nav li a.btn {
        white-space: nowrap
    }

    html[lang="zh_CN"] .header-top .links-nav li {
        font-size: 13px
    }

    html[lang="zh_CN"] #main-nav.navbar-nav>li>a {
        font-weight: bold
    }

    html[lang="zh_CN"] .header-top .buttons-nav li a.qq.btn.btn-white {
        background-color: #a8e2fd;
        background-image: url("../cloud/static/common/icons/qq_penguina78ba78b.png");
        background-size: 20%;
        background-position: 13px 4px;
        background-repeat: no-repeat;
        border-color: #a8e2fd;
        color: #070713;
        padding-left: 42px !important
    }

    html[lang="zh_CN"] .main-nav ul li .dropdown .wrap .block h3 {
        font-weight: normal
    }

    html[lang="cs"] .header-top .buttons-nav a.btn {
        padding: 8px 13px !important
    }

    html[lang="de"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 14px
    }

    html[lang="de"] .header-top .links-nav li {
        font-size: 11px
    }

    html[lang="de"] .header-top ul li+li {
        margin-left: 17px
    }

    html[lang="de"] #main-nav.partnersNavMenu>li>a {
        padding: 15px 8px !important;
        font-size: 18px !important
    }

    html[lang="de"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 7px;
        font-size: 18px !important
    }

    html[lang="el"] .header-top .buttons-nav a.btn-red,
    html[lang="el"] .header-top .buttons-nav a.btn--primary_green {
        padding: 11.5px 9px !important
    }

    html[lang="el"] .header-top button.btn.btn-drop {
        padding: 10px 20px 8px 20px !important
    }

    html[lang="el"] #main-nav.navbar-nav>li>a {
        font-size: 15px !important;
        padding-left: 7px;
        padding-right: 7px
    }

    html[lang="el"] #main-nav.navbar-nav.partnersNavMenu>li>a {
        padding-left: 6px;
        padding-right: 6px
    }

    html[lang="el"] .partners .header-top .buttons-nav a.btn-red,
    html[lang="el"] .partners .header-top .buttons-nav a.btn--primary_green {
        font-size: 11px !important
    }

    html[lang="el"] .header-top a.btn {
        padding: 10px 9px !important
    }

    html[lang="el"] .header-top ul li+li {
        margin-left: 10px
    }

    html[lang="el"] .header-top .buttons-nav li+li {
        margin-left: 10px
    }

    html[lang="el"] .header-top a.btn.btn-white,
    html[lang="el"] .header-top a.btn.btn-solid.btn-red,
    html[lang="el"] .header-top a.btn.btn-solid.btn--primary_green {
        height: 35px;
        line-height: 13px
    }

    html[lang="el"] .main-nav ul li .dropdown .wrap .block h3 {
        font-size: 18px;
        text-transform: uppercase
    }

    html[lang="el"] .main-nav a,
    html[lang="el"] .main-nav ul li .dropdown .wrap .block h3,
    html[lang="el"] .main-nav ul li .dropdown .box h2 {
        font-weight: bold
    }

    html[lang="el"] .main-nav ul li .dropdown .box h2 {
        font-weight: 400
    }

    html[lang="el"] .main-nav ul li .dropdown .wrap .block h3 {
        font-size: 18px;
        font-weight: normal
    }

    html[lang="el"] .main-nav .block>span {
        font-size: 18px;
        text-transform: uppercase
    }

    html[lang="en"] #main-nav.partnersNavMenu>li>a {
        padding: 10px 12px
    }

    html[lang="es"] #main-nav.partnersNavMenu>li>a {
        padding: 15px 8px !important
    }

    html[lang="es"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 9px
    }

    html[lang="es"] .partners #main-nav.navbar-nav>li>a {
        font-size: 19px !important
    }

    html[lang="es"] .partners .navbar.navbar-default ul.buttons-nav li a {
        font-size: 13px !important;
        padding-right: 14px !important
    }

    html[lang="fa"] .nav {
        padding-right: 0
    }

    html[lang="fa"] .main-nav ul li .dropdown .box p {
        line-height: 16px
    }

    html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 {
        text-align: right;
        float: left
    }

    html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 {
        text-align: right
    }

    html[lang="fa"] .main-nav ul li .dropdown .wrap .block ul li i.fa,
    html[lang="fa"] .main-nav ul li .dropdown .wrap .block ul li i.xm-font {
        margin-left: 10px;
        margin-right: 0;
        float: right
    }

    html[lang="fa"] #main-nav.navbar-nav>li>a {
        font-size: 16px !important
    }

    html[lang="fa"] .members_area #main-nav.navbar-nav>li>a {
        font-size: 16px !important
    }

    html[lang="fa"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 10px
    }

    html[lang="fa"] .main-nav .block span>.xm-font {
        margin-right: 0;
        margin-left: 5px
    }

    html[lang="fa"] .main-nav .block>span {
        text-align: right
    }

    html[lang="fa"] .header-top a.btn {
        padding: 9px !important
    }

    html[lang="fa"] .header-top ul li+li {
        margin-right: 13px;
        margin-left: 0
    }

    html[lang="fa"] .header-top ul li {
        float: right;
        direction: ltr
    }

    html[lang="fa"] .header-top .buttons-nav li+li {
        margin-left: 0;
        margin-right: 15px
    }

    html[lang="fa"] .header-top .links-nav {
        padding: 24px 15px;
        border-left: 1px solid #262626;
        border-right: 1px solid #262626;
        line-height: 1;
        float: right
    }

    html[lang="fa"] .header-top .buttons-nav {
        float: left;
        padding: 15px 0 15px 13px;
        border-right: 0
    }

    html[lang="fa"] .header-top .buttons-nav a .fa {
        margin-left: 5px
    }

    html[lang="fa"] .header-top .buttons-nav a.btn-white,
    html[lang="fa"] .header-top .buttons-nav a.btn-drop,
    html[lang="fa"] .header-top .buttons-nav a.btn-red,
    html[lang="fa"] .header-top .buttons-nav a.btn--primary_green {
        font-size: 13px !important
    }

    html[lang="fa"] .header-top .buttons-nav li a.telegram.btn.btn-white {
        background-color: #0097e8;
        border-color: #0097e8;
        color: #fff;
        margin-left: 0;
        padding: 6px !important;
        line-height: 20px;
        text-transform: none
    }

    html[lang="fa"] .header-top .buttons-nav li a.telegram.btn.btn-white .fa {
        margin-right: 0;
        margin-left: 5px;
        font-size: 16px
    }

    html[lang="fa"] .header-top .buttons-nav .fa {
        float: right
    }

    html[lang="fa"] .navbar-nav>li {
        float: right
    }

    html[lang="fa"] .toggleLeftNav span {
        margin-left: 0;
        margin-right: 5px
    }

    html[lang="fa"] .toggleRightNav span {
        margin-left: 5px;
        margin-right: 0
    }

    html[lang="fa"] .flags-sprite {
        float: right;
        margin-left: 5px
    }

    html[lang="fa"] .languages .dropdown-menu a {
        width: 100%;
        text-align: right
    }

    html[lang="fa"] .languages .dropdown-menu {
        left: 0;
        right: auto
    }

    html[lang="fa"] .languages .dropdown-menu:after {
        right: initial;
        left: 8.5px
    }

    html[lang="fa"] .languages .dropdown-menu:before {
        right: initial;
        left: 7px
    }

    html[lang="fa"] ul#languages li .flag-icon {
        margin-left: 15px
    }

    html[lang="fr"] #main-nav.navbar-nav>li>a {
        padding-left: 7px;
        padding-right: 7px
    }

    html[lang="fr"] .members_area #main-nav.navbar-nav>li>a {
        font-size: 19px !important
    }

    html[lang="fr"] .header-top a.btn {
        padding: 9px 17px !important
    }

    html[lang="fr"] .partners .navbar.navbar-default ul.buttons-nav li a {
        font-size: 13px !important
    }

    html[lang="hu"] .members_area #main-nav.navbar-nav>li>a {
        font-size: 19px !important
    }

    html[lang="hu"] .members_area .nav>li>a {
        padding: 10px 10px
    }

    html[lang="hu"] #main-nav.partnersNavMenu>li>a {
        padding: 15px 14px !important
    }

    html[lang="hu"] .partners #main-nav.navbar-nav>li>a {
        font-size: 18px !important
    }

    html[lang="id"] .members_area #main-nav.navbar-nav>li>a {
        padding-left: 10px;
        padding-right: 10px
    }

    html[lang="it"] .members_area .navbar-nav>li>a {
        padding: 10px 9px
    }

    html[lang="ja"] #main-nav.navbar-nav>li>a {
        font-size: 17px !important;
        font-weight: bold;
        padding: 10px 13px
    }

    html[lang="ja"] ul#main-nav {
        margin-top: 5px
    }

    html[lang="ja"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 9px;
        font-size: 16px !important
    }

    html[lang="ja"] .header-top .links-nav a {
        font-size: 11px;
        font-weight: bold
    }

    html[lang="ja"] .header-top .buttons-nav a.btn-red,
    html[lang="ja"] .header-top .buttons-nav a.btn--primary_green {
        padding: 11.5px 9px !important
    }

    html[lang="ja"] .header-top button.btn.btn-drop {
        padding: 10px 20px 8px 20px !important
    }

    html[lang="ja"] .header-top a.btn {
        padding: 10.5px 9px !important
    }

    html[lang="ja"] .header-top .buttons-nav .btn-white,
    html[lang="ja"] .header-top .buttons-nav a.btn-green,
    html[lang="ja"] .header-top .buttons-nav a.btn--secondary_red,
    html[lang="ja"] .header-top .buttons-nav a.btn-red,
    html[lang="ja"] .header-top .buttons-nav a.btn--primary_green,
    html[lang="ja"] a.btn.btn-drop,
    html[lang="ja"] button.btn.btn-drop {
        font-size: 11px !important
    }

    html[lang="ja"] .header-top .buttons-nav .btn-feature {
        padding: 9px 20px !important
    }

    html[lang="ko"] .main-nav ul li .dropdown .wrap .block h3 {
        font-weight: normal
    }

    html[lang="ko"] .header-top a.btn.btn-solid.btn-red,
    html[lang="ko"] .header-top a.btn.btn-solid.btn--primary_green {
        padding: 9px 15px !important
    }

    html[lang="ko"] .header-top a.btn.btn-white {
        padding: 9px 15px !important
    }

    html[lang="ko"] .header-top button.btn.btn-drop {
        padding: 9px 20px 8px 20px !important
    }

    html[lang="ko"] .header-top ul li+li {
        margin-left: 10px
    }

    html[lang="ko"] .header-top .buttons-nav li+li {
        margin-left: 10px
    }

    html[lang="ko"] .toggleLeftNav span,
    html[lang="ko"] .toggleRightNav span {
        font-weight: bold
    }

    html[lang="ms"] #main-nav.navbar-nav>li>a {
        padding: 10px 10px
    }

    html[lang="ms"] .main-site #main-nav.navbar-nav .main-nav ul {
        position: relative;
        top: 7px
    }

    html[lang="nl"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 12px
    }

    html[lang="nl"] .partners #main-nav.navbar-nav>li>a {
        font-size: 19px !important
    }

    html[lang="ph"] .header-top ul li+li {
        margin-left: 10px
    }

    html[lang="pl"] .partners header .nav>li>a,
    .members_area header .nav>li>a {
        padding: 10px 12px
    }

    html[lang="pl"] .partners #main-nav.navbar-nav>li>a {
        font-size: 19px !important
    }

    html[lang="pl"] .header-top .links-nav li {
        font-size: 11px;
        position: relative;
        color: #fff
    }

    html[lang="pt"] #main-nav.partnersNavMenu>li>a {
        padding: 15px 8px !important
    }

    html[lang="pt"] .members_area #main-nav.navbar-nav>li>a {
        padding: 10px 8px
    }

    html[lang="ru"] .partners #main-nav.navbar-nav>li>a {
        font-size: 18px !important
    }

    html[lang="ru"] .partners .header-top .links-nav li {
        font-size: 11px !important
    }

    html[lang="ru"] .header-top a.btn {
        padding: 9px !important
    }

    html[lang="sv"] .header-top ul li+li {
        margin-left: 12px
    }

    html[lang="sv"] .header-top a.btn.btn-solid.btn-red,
    html[lang="sv"] .header-top a.btn.btn-solid.btn--primary_green {
        padding: 8px 13px !important
    }

    html[lang="sv"] .header-top a.btn.btn-white {
        padding: 8px 13px !important
    }

    html[lang="th"] .main-nav .block ul li a {
        font-size: 15px !important
    }

    html[lang="th"] .main-nav ul li .dropdown .wrap .block h3 {
        font-weight: normal
    }

    html[lang="th"] #main-nav.navbar-nav>li>a {
        font-size: 19px !important;
        padding-left: 6px;
        padding-right: 6px
    }

    html[lang="th"] #main-nav.partnersNavMenu>li>a {
        padding: 15px 4px !important
    }

    html[lang="th"] .header-top a.btn.btn-solid.btn-red,
    html[lang="th"] .header-top a.btn.btn-solid.btn--primary_green {
        padding: 9px 15px !important
    }

    html[lang="th"] .header-top a.btn.btn-white {
        padding: 9px 15px !important
    }

    html[lang="th"] .header-top ul li+li {
        margin-left: 10px
    }

    html[lang="th"] .header-top .buttons-nav li+li {
        margin-left: 10px
    }

    html[lang="tr"] #main-nav.partnersNavMenu>li>a {
        padding: 15px 8px !important
    }

    html[lang="tw"] #main-nav.navbar-nav>li>a {
        font-weight: bold
    }

    html[lang="tw"] .main-nav ul li .dropdown .wrap .block h3 {
        font-weight: normal
    }

    html[lang="tw"] .header-top .links-nav li {
        font-size: 13px
    }

    html[lang="tw"] .header-top .buttons-nav li a.qq.btn.btn-white {
        background-color: #a8e2fd;
        background-image: url("../cloud/static/common/icons/qq_penguina78ba78b.png");
        background-size: 20%;
        background-position: 13px 4px;
        background-repeat: no-repeat;
        border-color: #a8e2fd;
        color: #070713;
        padding-left: 42px !important
    }

    html[lang="vn"] .main-nav a,
    html[lang="vn"] .main-nav ul li .dropdown .wrap .block h3,
    html[lang="vn"] .main-nav ul li .dropdown .box h2 {
        font-weight: bold
    }

    html[lang="vn"] .main-nav ul li .dropdown .box h2 {
        font-weight: 400
    }

    html[lang="vn"] .main-nav ul li .dropdown .wrap .block h3 {
        font-size: 18px;
        font-weight: normal
    }

    html[lang="vn"] #main-nav.navbar-nav>li>a {
        font-size: 15px !important;
        padding-left: 7px;
        padding-right: 7px
    }

    html[lang="vn"] .main-nav ul li .dropdown .wrap .block h3 {
        font-size: 18px;
        text-transform: uppercase
    }

    html[lang="vn"] .header-top a.btn.btn-solid.btn-red,
    html[lang="vn"] .header-top a.btn.btn-solid.btn--primary_green {
        padding: 10px 15px !important
    }

    html[lang="vn"] .header-top a.btn.btn-white {
        padding: 9px 15px !important
    }

    html[lang="vn"] .header-top ul li+li {
        margin-left: 10px
    }

    html[lang="vn"] .header-top .buttons-nav li+li {
        margin-left: 10px
    }

    html[lang="vn"] .header-top .buttons-nav a.btn-white,
    html[lang="vn"] .header-top .buttons-nav a.btn-drop,
    html[lang="vn"] .header-top .buttons-nav a.btn-red,
    html[lang="vn"] .header-top .buttons-nav a.btn--primary_green {
        font-size: 13px !important
    }

    html[lang="vn"] .toggleLeftNav span,
    html[lang="vn"] .toggleRightNav span {
        text-transform: uppercase
    }

    #st_gdpr_iframe {
        left: 0 !important;
        right: -5000px
    }

    @media(min-width:992px) and (max-width:1299px) {
        html[lang="en"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="es"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="it"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="ja"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 15px !important
        }

        html[lang="ph"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="pt"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="ru"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 16px !important
        }
    }

    @media(max-width:1290px) and (min-width:991px) {
        html[lang="de"] #main-nav.navbar-nav>li>a {
            font-size: 18px !important
        }

        html[lang="ph"] #main-nav.navbar-nav>li>a {
            font-size: 18px !important
        }

        html[lang="ru"] #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="th"] #main-nav.navbar-nav>li>a {
            font-size: 18px !important
        }
    }

    @media(max-width:1199px) and (min-width:992px) {
        html[lang="de"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 18px !important
        }

        html[lang="ms"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }

        html[lang="ph"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 16px !important
        }

        html[lang="ru"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 15px !important
        }

        html[lang="ru"] header .navbar-brand>img {
            height: 36px
        }

        html[lang="ru"] .navbar-header .promo-logo-svg {
            left: 191px
        }
    }

    @media(max-width:1249px) and (min-width:992px) {
        html[lang="fr"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 17px !important
        }
    }

    @media(max-width:991px) and (min-width:768px) {
        .showNavLeft #main-nav #navigation-collapse {
            left: -320px !important
        }
    }

    @media(min-width:768px) {
        .rtl-lang .navbar-header {
            float: right
        }

        .rtl-lang .navbar-right {
            float: left !important
        }

        .rtl-lang .navbar-nav>li {
            float: right
        }

        html[lang="fa"] .navbar-header {
            float: right
        }

        html[lang="fa"] .navbar-right {
            float: left !important
        }

        html[lang="fa"] .navbar-nav>li {
            float: right
        }
    }

    @media(min-width:992px) {
        header .center-logo {
            display: none
        }

        #main-nav.container-fluid {
            padding: 0 !important
        }

        .main-nav {
            position: relative;
            margin-top: 21px
        }

        .main-nav ul li.selected {
            background-color: #d51820 !important;
            height: 45px;
            z-index: 9
        }

        .main-nav ul li .dropdown {
            position: absolute;
            display: none;
            width: 100%;
            min-height: 465px;
            float: left;
            left: 0;
            right: 0;
            margin: 17px 0 0 0;
            background-color: #070713;
            border-top: 1px solid #262626;
            border-bottom: 1px solid #444;
            cursor: auto;
            z-index: 9
        }

        .main-site.xmtd .main-nav ul li .dropdown {
            min-height: 420px
        }

        .main-nav ul li .dropdown .nav-bottom-bar {
            position: absolute;
            width: 100%;
            height: 74px;
            float: left;
            left: 0;
            right: 0;
            bottom: -75px;
            clear: both;
            background-color: #252525
        }

        .main-nav .nav-bottom-bar .container,
        .main-nav .nav-bottom-bar .container>.row>div {
            height: 75px
        }

        .main-nav .nav-bottom-bar p {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font: 18px Arial, sans-serif;
            color: #fff;
            padding: 0;
            margin: 0
        }

        .main-nav li.selected>a:after {
            position: absolute;
            display: block;
            content: "";
            width: 10px;
            height: 10px;
            top: 66px;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #070713;
            cursor: none;
            z-index: 999
        }

        .main-nav li.selected>a:before {
            position: absolute;
            display: block;
            content: "";
            width: 10px;
            height: 10px;
            top: 68px;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #262626;
            cursor: none;
            z-index: 999
        }

        .main-nav .nav-bottom-bar a {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-weight: 700;
            text-transform: uppercase;
            font-size: 20px;
            padding: 7px;
            margin: 0
        }

        .main-nav .wrap {
            position: relative;
            display: -webkit-box !important;
            display: -moz-box !important;
            display: -ms-flexbox !important;
            display: -webkit-flex !important;
            display: flex !important;
            flex-direction: row;
            -webkit-flex-direction: row;
            -ms-flex-pack: justify;
            flex-wrap: nowrap;
            margin: 60px 0 0 0
        }

        .main-nav .block {
            display: block !important;
            flex-grow: 1;
            -webkit-flex-grow: 1;
            -webkit-box-flex: 1;
            float: left
        }

        .main-nav .block:last-child {
            margin-right: 0
        }

        .main-nav .block ul {
            width: 207px;
            float: left;
            margin: 10px 0;
            padding: 0;
            list-style: none
        }

        .main-nav .block li:hover {
            background-color: #070713 !important
        }

        .main-nav .block li a:hover {
            color: #d51820 !important
        }

        .main-nav .block span>.xmFont {
            vertical-align: middle;
            position: relative;
            font-size: 50px;
            margin-right: 15px;
            color: #fff
        }

        .rtl-lang .main-nav .block span>.xmFont {
            margin-right: 0;
            margin-left: 15px;
            float: right
        }

        .main-nav .block ul {
            float: left;
            clear: both
        }

        .main-nav .block ul li {
            clear: both;
            padding: 0 0 12px 0;
            margin: 15px 0 0 0;
            border-bottom: 1px solid #222
        }

        .main-nav .block ul li:last-child {
            border-bottom: 0
        }

        .main-nav .block ul li a {
            font: normal 16px Arial, sans-serif;
            color: #fff !important;
            text-transform: none;
            margin: 0;
            padding: 0 !important
        }

        .main-nav .dropdown .box {
            max-width: 212px;
            float: left;
            margin: 60px 0 0 0
        }

        .main-nav .box>span {
            display: block;
            font-size: 29px;
            line-height: normal;
            color: #a0a0a0;
            padding: 0;
            margin: 0 0 25px 0
        }

        .main-nav .dropdown .box p {
            font: 12px Arial, sans-serif;
            color: #c2c2c2
        }

        .main-nav .dropdown .line {
            position: relative;
            width: 1px;
            height: 310px;
            margin: 55px 40px 0 40px;
            float: left;
            background-color: #666
        }

        #main-nav.navbar-nav>li>a .fa {
            display: none
        }

        #main-nav .canvas-text-bar {
            display: none
        }

        .rtl-lang .main-nav ul li .dropdown .wrap .block ul {
            float: right
        }

        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.account,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.stats,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.trading,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.desktop,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.tablet,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.mobile,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.learn,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.market,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.tool,
        .rtl-lang .main-nav ul li .dropdown .wrap .block h3 i.about {
            margin-left: 15px;
            float: right;
            margin-right: 0
        }

        .rtl-lang .main-nav ul li .dropdown .box {
            float: right
        }

        .rtl-lang .main-nav ul li .dropdown .line {
            float: right
        }

        html[lang="el"] .main-nav ul li .dropdown .nav-bottom-bar p {
            font-size: 17px
        }

        html[lang="el"] .main-nav ul li .dropdown .wrap .block ul li a {
            font-weight: 300
        }

        html[lang="el"] .main-nav ul li .dropdown .box h2 {
            font-size: 27px
        }

        html[lang="fa"] .main-nav ul li .dropdown .wrap .block ul {
            float: right
        }

        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.account,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.stats,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.trading,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.desktop,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.tablet,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.mobile,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.learn,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.market,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.tool,
        html[lang="fa"] .main-nav ul li .dropdown .wrap .block h3 i.about {
            margin-left: 15px;
            float: right;
            margin-right: 0
        }

        html[lang="fa"] .main-nav ul li .dropdown .box {
            float: right
        }

        html[lang="fa"] .main-nav ul li .dropdown .line {
            float: right
        }

        html[lang="vn"] .main-nav ul li .dropdown .nav-bottom-bar p {
            font-size: 17px
        }

        html[lang="vn"] .main-nav ul li .dropdown {
            min-height: 440px
        }

        html[lang="vn"] .main-nav ul li .dropdown .wrap .block ul li a {
            font-weight: 300
        }

        html[lang="vn"] .main-nav ul li .dropdown .box h2 {
            font-size: 27px
        }
    }

    @media(min-width:1200px) {
        .navbar-header {
            position: relative;
            padding: 5px 0 10px 0
        }

        .navbar-header .promo-logo {
            position: absolute;
            padding: 0 !important;
            left: 218px
        }

        .navbar-header .promo-logo-svg {
            padding: 0 !important
        }

        .main-nav .block ul {
            width: 248px
        }

        .rtl-lang .navbar-header .promo-logo,
        .rtl-lang .navbar-header .promo-logo-svg {
            right: 220px;
            left: 0
        }

        html[lang="en"] .members_area #main-nav.navbar-nav>li>a {
            padding: 10px
        }

        html[lang="ph"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 16px !important;
            padding-left: 6px !important;
            padding-right: 6px !important
        }

        html[lang="ru"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 15px !important;
            padding-left: 7px !important;
            padding-right: 7px !important
        }

        html[lang="sv"] .members_area #main-nav.navbar-nav>li>a {
            padding-left: 13px !important;
            padding-right: 13px !important
        }

        html[lang="fa"] .navbar-header .promo-logo {
            position: absolute;
            padding: 0;
            right: 140px;
            left: 0
        }

        html[lang="fa"] .navbar-header .promo-logo-svg {
            position: absolute;
            padding: 0;
            right: 140px;
            left: 0
        }
    }

    @media(min-width:1249px) {
        html[lang="el"] .members_area #main-nav.navbar-nav>li>a {
            padding-left: 6px !important;
            padding-right: 6px !important
        }
    }

    @media(min-width:1290px) {
        html[lang="ph"] .main-nav a:not(.btn) {
            padding: 8px
        }

        html[lang="ru"] .main-nav a:not(.btn) {
            padding: 8px
        }

        html[lang="ru"] #main-nav.navbar-nav>li>a {
            font-size: 19px !important
        }

        .navbar-header {
            padding: 5px 0 20px 0
        }
    }

    @media(max-width:1290px) {
        .main-nav {
            box-shadow: none
        }

        .main-nav a:not(.btn) {
            padding: 8px !important;
            padding-top: 0 !important;
            font-size: 16px !important
        }

        .main-nav .navbar-brand.logo,
        .main-nav .navbar-brand.promo-logo-svg {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        html[lang="el"] #main-nav.navbar-nav>li>a {
            padding-left: 5px !important;
            padding-right: 5px !important;
            font-size: 14px !important
        }

        html[lang="el"] .partners .header-top .links-nav li {
            font-size: 11px
        }

        html[lang="vn"] #main-nav.navbar-nav>li>a {
            padding-left: 5px !important;
            padding-right: 5px !important;
            font-size: 14px !important
        }
    }

    @media(max-width:1199px) {
        .navbar-header {
            position: relative
        }

        .rtl-lang .navbar-header .promo-logo {
            right: 220px;
            left: 0
        }

        .rtl-lang .navbar-header .promo-logo-svg {
            right: 220px;
            left: 0
        }

        .main-nav ul li .dropdown .box.platform,
        .main-nav ul li .dropdown .box.platform .line {
            display: none
        }

        .xm-operated {
            padding: 15px;
            max-width: 302px
        }

        .xmbz-operated {
            padding: 25px 15px !important
        }

        .xm-operated>p {
            line-height: normal
        }

        [lang="el"] .xm-operated {
            max-width: 190px;
            padding: 10px
        }

        [lang="hu"] .xm-operated,
        [lang="th"] .xm-operated {
            max-width: 230px;
            padding: 10px
        }

        [lang="fr"] .xm-operated,
        [lang="vn"] .xm-operated,
        [lang="fa"] .xm-operated {
            max-width: 218px;
            padding: 10px
        }

        .rtl-lang .xm-operated,
        [lang="fa"] .xm-operated {
            max-width: 212px
        }

        [lang="de"] .xm-operated,
        [lang="ph"] .xm-operated {
            max-width: 224px;
            padding: 10px
        }

        [lang="sv"] .xm-operated {
            max-width: 250px;
            padding: 15px
        }

        [lang="nl"] .xm-operated {
            max-width: 265px;
            padding: 15px
        }

        [lang="bn"] .xm-operated {
            max-width: 244px
        }

        [lang="es"] .xm-operated {
            max-width: 277px
        }

        [lang="pt"] .xm-operated {
            max-width: 278px
        }

        [lang="cs"] .xm-operated {
            max-width: 296px
        }

        [lang="id"] .xm-operated {
            max-width: 315px
        }

        [lang="ko"] .xm-operated {
            max-width: 288px
        }

        [lang="zh_CN"] .xm-operated,
        [lang="tw"] .xm-operated,
        [lang="pl"] .xm-operated {
            padding: 15px;
            max-width: 231px
        }

        [lang="pl"] .xm-operated {
            padding: 15px;
            max-width: 295px
        }

        .rtl-lang #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 15px !important
        }

        html[lang="bn"] .partners .header-top .buttons-nav a.btn {
            font-size: 12px !important
        }

        html[lang="en"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 17px !important
        }

        html[lang="el"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 12px !important
        }

        html[lang="fa"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 15px !important
        }

        html[lang="fr"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 18px !important
        }

        html[lang="ja"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 14px !important
        }

        html[lang="ms"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 17px !important
        }

        html[lang="ms"] .members_area #main-nav.navbar-nav>li>a {
            font-size: 18px !important
        }

        html[lang="ru"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 16px !important
        }

        html[lang="th"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 16px !important
        }

        html[lang="tr"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 19px !important
        }

        html[lang="vn"] #main-nav.navbar-nav.nav-logo>li>a {
            font-size: 14px !important
        }

        html[lang="fa"] .partners.xmtd .header-top .buttons-nav a.btn {
            font-size: 12px !important
        }

        html[lang="ru"] .partners.xmtd .header-top .buttons-nav a.btn {
            font-size: 14px !important
        }

        html[lang="th"] .partners.xmtd .header-top .buttons-nav a.btn {
            font-size: 13px !important
        }

        html[lang="vn"] .partners.xmtd .header-top .buttons-nav a.btn {
            font-size: 11px !important
        }
    }

    @media(max-width:991px) {
        .animating.showNavLeft.left-side .site-canvas {
            transform: translate3d(300px, 0, 0);
            -webkit-transform: translate3d(300px, 0, 0)
        }

        .animating.showNavLeft.right-side .site-canvas {
            transform: translate3d(-300px, 0, 0);
            -webkit-transform: translate3d(-300px, 0, 0)
        }

        .animating.showNavRight.left-side .site-canvas {
            transform: translate3d(-300px, 0, 0);
            -webkit-transform: translate3d(-300px, 0, 0)
        }

        .animating.showNavRight.right-side .site-canvas {
            transform: translate3d(300px, 0, 0);
            -webkit-transform: translate3d(300px, 0, 0)
        }

        .showNavLeft.menu-visible .site-canvas {
            left: 320px
        }

        .showNavRight.menu-visible .site-canvas {
            right: 300px
        }

        .animating.showNavLeft #main-nav .navbar-collapse.collapse,
        .menu-visible.showNavLeft #main-nav .navbar-collapse.collapse {
            display: block !important
        }

        .showNavLeft #main-nav #navigation-collapse {
            position: absolute;
            top: 65px;
            left: -305px;
            width: 320px;
            padding: 0;
            overflow: auto !important;
            padding-bottom: 5px
        }

        .showNavLeft #main-nav #navigation-collapse .container {
            width: auto
        }

        .showNavRight ul#languages {
            display: block !important;
            position: absolute;
            top: 65px;
            right: -300px;
            width: 300px;
            padding: 0 15px;
            overflow: auto !important;
            padding-bottom: 5px
        }

        .showNavLeft.menu-visible .toggleLeftNav,
        .showNavLeft.animating .toggleLeftNav {
            position: absolute;
            top: 1px;
            left: -300px;
            padding: 15px 0;
            width: 300px;
            text-align: left;
            border-bottom: 1px solid #333;
            -webkit-animation-name: none;
            animation-name: none;
            -webkit-animation-duration: 0;
            animation-duration: 0
        }

        .showNavRight.menu-visible .toggleRightNav,
        .showNavRight.animating .toggleRightNav {
            position: absolute;
            top: 1px;
            right: -300px;
            padding: 15px 30px;
            width: 300px;
            text-align: right;
            border-bottom: 1px solid #333;
            -webkit-animation-name: none;
            animation-name: none;
            -webkit-animation-duration: 0;
            animation-duration: 0
        }

        .showNavLeft.menu-visible #cookies-block,
        .showNavRight.menu-visible #cookies-block,
        .showNavLeft.menu-visible #risk-block,
        .showNavRight.menu-visible #risk-block {
            display: none !important
        }

        .showNavLeft.menu-visible .toggleLeftNav .fa.fa-times {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            right: 10px;
            display: block
        }

        .showNavRight.menu-visible .toggleRightNav .fa.fa-times {
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 20px;
            display: block
        }

        #main-nav.navbar-nav>li>a .fa,
        #main-nav.navbar-nav .navbar-nav__list>li>a .fa {
            display: inline-block;
            width: 12px;
            font-size: 14px;
            margin-right: 18px;
            vertical-align: middle;
            float: left;
            line-height: 22px
        }

        .rtl-lang #main-nav.navbar-nav>li>a .fa,
        .rtl-lang #main-nav.navbar-nav .navbar-nav__list>li>a .fa {
            margin-left: 26px;
            margin-right: 0;
            float: right
        }

        #main-nav.navbar-nav>li a {
            border-top: 1px solid #2d2d2d;
            border-bottom: 1px solid #070713
        }

        #main-nav.navbar-nav>li:first-child a {
            border-top: 0
        }

        #main-nav.navbar-nav>li:last-child a {
            border-bottom: 0
        }

        #main-nav.navbar-nav .navbar-nav__list>li a {
            border-top: 0;
            border-bottom: 0
        }

        .navbar-header {
            padding: 27px 0 26px 0 !important
        }

        .navbar-header {
            padding: 0 0 20px 0
        }

        .main-nav ul li .dropdown .wrap .block ul li a {
            font-weight: 300;
            font-size: 18px !important;
            letter-spacing: .5px;
            padding-bottom: 8px;
            padding-top: 8px
        }

        .main-nav ul li .dropdown .wrap .block ul li a:hover {
            color: #ccc !important
        }

        #main-nav.navbar-nav>li>a,
        #main-nav.navbar-nav .navbar-nav__list>li>a {
            padding: 14px 0 14px 0 !important;
            text-transform: none !important;
            font-size: 13px !important;
            color: #fff !important;
            line-height: 20px
        }

        #main-nav.navbar-nav .navbar-nav__list>li>a {
            padding: 9px 0 !important;
            font-weight: 300
        }

        #main-nav.navbar-nav>li>a:hover,
        #main-nav.navbar-nav .navbar-nav__list>li>a:hover {
            color: #999 !important
        }

        .navbar-header {
            float: none
        }

        .navbar-toggle {
            display: block
        }

        .navbar-collapse {
            border-top: 1px solid transparent
        }

        .navbar-collapse.collapse {
            display: none !important
        }

        .navbar-nav {
            float: none !important;
            margin: 0 6px
        }

        .navbar-nav>li {
            float: none
        }

        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .navbar-collapse.collapse.in {
            display: block !important
        }

        .collapsing {
            overflow: hidden !important
        }

        .flags-sprite {
            margin-right: 15px
        }

        ul#languages li {
            display: block;
            float: left
        }

        ul#languages li a {
            display: block;
            float: left;
            line-height: 25px
        }

        header .center-logo {
            display: block;
            text-align: center;
            margin: 20px auto 15px
        }

        .rtl-lang header .center-logo {
            direction: ltr
        }

        header .navbar-brand {
            margin-left: 0 !important
        }

        .site-canvas .toggle-bar-line {
            display: block;
            border-bottom: 1px solid #444
        }

        .rtl-lang .flags-sprite,
        html[lang="fa"] .flags-sprite {
            margin-left: 15px
        }

        #main-nav .canvas-text-bar {
            display: block;
            float: left;
            margin-top: 44px;
            width: 250px;
            clear: both;
            color: #888;
            font-size: 12px
        }

        .main-nav ul li .dropdown .wrap .block {
            margin-left: 60px
        }

        .rtl-lang #main-nav.navbar-nav>li {
            width: 100%
        }

        .rtl-lang #main-nav.navbar-nav>li>a {
            width: 100%;
            padding: 14px 0 14px 14px !important
        }

        .rtl-lang #main-nav.navbar-nav>li>a .fa {
            margin-left: 18px
        }

        .rtl-lang #main-nav.navbar-nav>li>a .fa-long-arrow-right:before {
            content: "\f178"
        }

        html[lang="fa"] #main-nav.navbar-nav>li {
            width: 100%
        }

        html[lang="fa"] #main-nav.navbar-nav>li>a {
            width: 100%;
            padding: 14px 0 14px 14px !important
        }

        html[lang="fa"] #main-nav.navbar-nav>li>a .fa {
            margin-left: 18px
        }

        html[lang="fa"] #main-nav.navbar-nav>li>a .fa-long-arrow-right:before {
            content: "\f178"
        }

        #main-nav.navbar-nav>li .navbar-nav__toggleArrow>.fa-chevron-down {
            font-size: 14px;
            line-height: 23px;
            float: right;
            margin-right: 0
        }

        .rtl-lang #main-nav.navbar-nav>li .navbar-nav__toggleArrow>.fa-chevron-down {
            float: left;
            margin-left: 0
        }

        #main-nav.navbar-nav>li .navbar-nav__toggleArrow[aria-expanded="true"]>.fa-chevron-down::before {
            content: "\f077"
        }

        #main-nav.navbar-nav .navbar-nav__list {
            color: #fff;
            padding: 20px 0 20px 20px;
            font-size: 13px;
            border-top: 1px solid #2d2d2d;
            border-bottom: 1px solid #070713;
            background: #02020c
        }

        .rtl-lang #main-nav.navbar-nav .navbar-nav__list {
            padding: 10px 26px 10px 0
        }

        #main-nav.navbar-nav .navbar-nav__listTitle {
            padding: 14px 0;
            font-weight: 700;
            cursor: auto
        }

        #main-nav.navbar-nav .navbar-nav__listTitle:first-child {
            padding-top: 0
        }

        .navbar-nav__buttons {
            margin-top: 50px
        }

        .navbar-nav__buttons a {
            margin-bottom: 10px
        }

        .navbar-nav__buttons a .fa {
            margin-right: 5px;
            font-size: 18px
        }

        .navbar-nav__buttons .navbar-nav__buttons--primary,
        .navbar-nav__buttons .navbar-nav__buttons--secondary {
            font-family: "Roboto", sans-serif;
            text-transform: none;
            font-size: 15px
        }

        .navbar-nav__buttons .navbar-nav__buttons--primary {
            color: #6c6c6d !important;
            background: none !important;
            border: 1px solid #6c6c6d !important
        }

        .navbar-nav__buttons .navbar-nav__buttons--secondary {
            color: #29a643 !important;
            background: none !important;
            border-color: #29a643 !important
        }
    }

    @media(max-width:767px) {

        .main-nav>ul a,
        .main-nav>ul button {
            font-size: 16px !important
        }

        html[lang="vn"] .toggleLeftNav,
        html[lang="vn"] .toggleRightNav {
            padding: 15px 20px
        }
    }

    @media(max-height:768px) {
        .main-nav ul li .dropdown {
            margin: 12px 0 0 0
        }

        .main-nav ul li.selected>a:before {
            top: 63px
        }

        .main-nav ul li.selected>a:after {
            top: 61px
        }

        .header-top .links-nav {
            padding: 20px 15px
        }

        .header-top .buttons-nav {
            padding: 10px 13px 10px 0
        }

        .navbar-header {
            padding: 0 0 25px 0
        }
    }

    .mega-menu__badge.badge {
        position: relative;
        top: -2px;
        right: 0;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 3px;
        background-color: #d51820;
        text-transform: uppercase;
        font-size: 10px;
        color: white;
        display: inline-block;
        padding: 3px;
        padding-right: 4px;
        line-height: .9;
        border-radius: unset;
        font-weight: 700
    }

    html[lang="vn"] .mega-menu__badge.badge {
        margin-left: 0;
        right: -20px
    }

    .rtl-lang .mega-menu__badge.badge {
        margin-left: 0;
        margin-right: 15px
    }

    html[lang="cs"] .mega-menu__badge.badge {
        margin-left: 14px
    }

    .mega-menu__badge.badge--arrow::after {
        border-left-color: #d51820;
        border-right-color: #d51820
    }

    .badge--arrow::after {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        margin: auto 0;
        width: 0;
        height: 0;
        border-top: .4em solid transparent;
        border-bottom: .4em solid transparent;
        border-right-width: .5em;
        border-right-style: solid
    }

    .rtl-lang .badge--arrow::after {
        left: 100%;
        right: initial;
        border-left-width: .5em;
        border-left-style: solid;
        border-right-width: 0
    }

    .main-nav .block ul li a {
        display: inline !important;
        position: relative
    }

    .main-nav ul li .nav-bottom-bar a {
        display: block;
        position: relative
    }

    #mobileAppBar {
        position: relative;
        display: none;
        width: 100%;
        background-color: #353535;
        height: 95px;
        padding: 0 25px;
        margin: 0;
        float: left;
        z-index: 999;
        border-bottom: 1px solid #444
    }

    #mobileAppBar>a {
        display: block;
        padding-left: 100px;
        padding-top: 30px;
        height: 95px
    }

    .rtl-lang #mobileAppBar>a,
    html[lang="fa"] #mobileAppBar>a {
        padding-left: 35px;
        padding-right: 80px
    }

    #mobileAppBar>.close-bar {
        display: none;
        position: absolute;
        left: 25px;
        z-index: 999;
        top: 0;
        bottom: 0;
        width: 32px;
        height: 32px;
        margin: auto 0;
        padding: 5px
    }

    #mobileAppBar>.close-bar:before {
        content: "\f00d";
        font-family: FontAwesome;
        font-size: 27px;
        color: #8e8e8e !important;
        line-height: normal
    }

    #mobileAppBar>a:after {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        content: "\f105";
        font-family: FontAwesome;
        font-size: 40px;
        height: 40px;
        color: #fff;
        margin: auto 0;
        vertical-align: middle;
        line-height: normal
    }

    #mobileAppBar .icon-wrap {
        position: absolute;
        top: 13px;
        left: 0;
        font-size: 60px;
        width: 80px;
        height: 82px;
        border-radius: 10px;
        border: 7px solid #070713;
        border-top: 18px solid #070713;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-color: #070713
    }

    .rtl-lang #mobileAppBar .icon-wrap,
    html[lang="fa"] #mobileAppBar .icon-wrap {
        left: auto;
        right: 0
    }

    #mobileAppBar .icon-wrap:after {
        content: "";
        position: absolute;
        top: -9px;
        border-radius: 5px;
        width: 17px;
        height: 4px;
        background-color: #fff;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    #mobileAppBar .icon-wrap .fa {
        display: block
    }

    #mobileAppBar.android,
    #mobileAppBar.iphone {
        display: block
    }

    #mobileAppBar .icon-wrap:before {
        position: relative;
        display: block;
        content: "";
        font-family: FontAwesome;
        text-align: center;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        font-size: 45px;
        color: #fff;
        line-height: 60px;
        border-radius: 5px;
        border: 1px solid #444;
        background-color: #fff;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #mobileAppBar.android .icon-wrap:before {
        content: "\f17b";
        color: #29a643
    }

    #mobileAppBar.iphone .icon-wrap:before {
        content: "\f179";
        color: #a6b1b7
    }

    #mobileAppBar.android>a:after {
        color: #29a643
    }

    #mobileAppBar.iphone>a:after {
        color: #a6b1b7
    }

    .rtl-lang #mobileAppBar.iphone>a:after,
    .rtl-lang #mobileAppBar.android>a:after,
    html[lang="fa"] #mobileAppBar.iphone>a:after,
    html[lang="fa"] #mobileAppBar.android>a:after {
        content: "\f104";
        left: 0;
        right: auto
    }

    #mobileAppBar .text-wrap {
        color: #fff
    }

    .rtl-lang #mobileAppBar .text-wrap,
    html[lang="fa"] #mobileAppBar .text-wrap {
        margin-right: 15px
    }

    #mobileAppBar .text-wrap h3 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 25px;
        color: #fff;
        letter-spacing: normal;
        margin: 0 0 5px 0
    }

    .rtl-lang #mobileAppBar .text-wrap h3,
    html[lang="fa"] #mobileAppBar .text-wrap h3 {
        text-align: right
    }

    html[lang="ru"] #mobileAppBar .text-wrap h3 {
        font-size: 20px
    }

    .rtl-lang #mobileAppBar .text-wrap h3,
    html[lang="el"] #mobileAppBar .text-wrap h3 {
        font-size: 16px
    }

    html[lang="ja"] #mobileAppBar .text-wrap h3 {
        font-size: 15px
    }

    html[lang="fa"] #mobileAppBar .text-wrap h3 {
        font-size: 13px
    }

    html[lang="zh_CN"] #mobileAppBar .text-wrap h3,
    html[lang="tw"] #mobileAppBar .text-wrap h3,
    html[lang="ko"] #mobileAppBar .text-wrap h3 {
        font-weight: bold
    }

    html[lang="el"] #mobileAppBar .text-wrap h3 {
        font-weight: 400
    }

    html[lang="ko"] #mobileAppBar .text-wrap h3 {
        letter-spacing: 0
    }

    html[lang="tr"] #mobileAppBar .text-wrap h3 {
        text-transform: uppercase
    }

    #mobileAppBar .text-wrap p {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        line-height: 16px;
        padding-right: 20px
    }

    .rtl-lang #mobileAppBar .text-wrap p,
    html[lang="fa"] #mobileAppBar .text-wrap p {
        padding-right: 0;
        padding-left: 20px;
        text-align: right
    }

    html[lang="ru"] #mobileAppBar .text-wrap p {
        font-size: 13px
    }

    @media(min-width:361px) {
        html[lang="th"] #mobileAppBar .text-wrap h3 {
            font-size: 16px;
            letter-spacing: 0;
            padding-top: 8px
        }

        html[lang="bn"] #mobileAppBar .text-wrap h3 {
            font-size: 17px;
            letter-spacing: 0;
            padding-top: 8px
        }

        html[lang="bn"] #mobileAppBar .text-wrap p {
            font-size: 12px
        }
    }

    @media(max-width:360px) {
        #mobileAppBar>a {
            padding-left: 80px
        }

        #mobileAppBar .icon-wrap {
            width: 70px
        }

        #mobileAppBar .text-wrap h3 {
            font-size: 15px
        }

        html[lang="bn"] #mobileAppBar .text-wrap h3 {
            font-size: 12px
        }

        #mobileAppBar .text-wrap p {
            font-size: 12px
        }

        html[lang="ru"] #mobileAppBar .text-wrap h3 {
            font-size: 17px
        }

        html[lang="ja"] #mobileAppBar .text-wrap p {
            font-size: 12px
        }
    }

    .ribbon {
        width: auto;
        height: 50px;
        position: absolute;
        right: 39px;
        text-align: left;
        overflow: visible
    }

    .ribbon::before {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 4px solid #bf0001
    }

    .ribbon span {
        position: absolute;
        display: inline-table;
        width: auto;
        padding: 4px 5px 5px 5px;
        background-color: #ff0001;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
        color: #fff;
        font: 700 10px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        text-align: left;
        z-index: 1;
        left: 0
    }

    .ribbon-top-left {
        top: 3px;
        left: -13px
    }

    .ribbon-top-left::before {
        top: 19px;
        left: 0;
        transform: rotate(-90deg);
        border-top-color: transparent;
        border-left-color: transparent
    }

    .ribbon-top-left span {
        right: -20px;
        top: 0
    }

    .half-rect.left,
    .half-rect.right {
        width: 5%;
        height: 100%;
        top: 0;
        opacity: 1;
        position: absolute;
        z-index: 2
    }

    .half-rect.left {
        background-image: linear-gradient(180deg, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -moz-linear-gradient(180deg, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -webkit-linear-gradient(180deg, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -o-linear-gradient(180deg, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -ms-linear-gradient(180deg, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        left: 0
    }

    .half-rect.right {
        background-image: linear-gradient(0, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -moz-linear-gradient(0, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -webkit-linear-gradient(0, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -o-linear-gradient(0, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        background-image: -ms-linear-gradient(0, rgba(43, 43, 43, 0) 0, rgba(0, 0, 0, 1) 100%);
        right: 0
    }

    #hero-content {
        position: relative;
        text-align: center
    }

    #hero-content .block {
        position: relative;
        padding-top: 35px;
        z-index: 9;
        color: #fff
    }

    #hero-content .block .mobileslide a {
        color: #fff;
        text-decoration: underline !important
    }

    #hero-content .block .mobileslide a:hover,
    #hero-content .block .mobileslide a:focus {
        color: #d51820;
        text-decoration: none !important
    }

    #hero-content .single-item {
        height: 166px;
        overflow: hidden
    }

    .rtl-lang #hero-content .single-item,
    html[lang="fa"] #hero-content .single-item {
        direction: ltr
    }

    #hero-content .single-item>div+div {
        display: none
    }

    .rtl-lang #hero-content .title {
        direction: rtl
    }

    #hero-content .title {
        display: block;
        font-size: 43px;
        font-weight: normal;
        line-height: normal;
        margin: 0;
        padding: 0 15px
    }

    #singleWebinar #hero-content .title,
    #seminars #hero-content .title {
        font-size: 43px
    }

    html[lang="bn"] #hero-content .title,
    html[lang="cs"] #hero-content .title,
    html[lang="el"] #hero-content .title,
    html[lang="nl"] #hero-content .title,
    html[lang="ph"] #hero-content .title,
    html[lang="pt"] #hero-content .title,
    html[lang="tr"] #hero-content .title {
        font-size: 37px
    }

    html[lang="de"] #hero-content .title,
    html[lang="fr"] #hero-content .title,
    html[lang="hu"] #hero-content .title,
    html[lang="it"] #hero-content .title,
    html[lang="pl"] #hero-content .title,
    html[lang="ru"] #hero-content .title,
    html[lang="vn"] #hero-content .title {
        font-size: 33px
    }

    #hero-content p {
        font-size: 20px
    }

    #hero-content .img {
        display: block;
        position: absolute;
        width: 100%;
        background: #070713;
        z-index: 1
    }

    #hero-content .img::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 2
    }

    #hero-content .apply-link {
        font-size: 14px;
        color: #b0b0b0
    }

    #hero-content .buttons-wrap {
        position: relative;
        z-index: 9;
        background: 0;
        max-width: 785px;
        margin: 0 auto;
        padding: 0
    }

    #hero-content .buttons-wrap .btn {
        position: relative;
        max-width: 490px;
        font-size: 30px;
        padding: 12px 20px !important;
        text-transform: uppercase;
        line-height: 30px
    }

    .hp-v17 #hero-content .buttons-wrap .btn {
        min-height: 63px;
        padding: 8px 20px !important
    }

    html[lang="vn"] #hero-content .buttons-wrap .btn {
        font-size: 29px
    }

    html[lang="bn"] #hero-content .buttons-wrap .btn,
    html[lang="el"] #hero-content .buttons-wrap .btn,
    html[lang="ko"] #hero-content .buttons-wrap .btn {
        font-size: 28px
    }

    html[lang="fa"] #hero-content .buttons-wrap .btn,
    html[lang="ko"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
    html[lang="ur"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
    html[lang="tr"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn {
        font-size: 27px
    }

    html[lang="hu"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn {
        font-size: 26px
    }

    html[lang="zh_CN"] #hero-content .buttons-wrap .btn,
    html[lang="tw"] #hero-content .buttons-wrap .btn,
    html[lang="el"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
    html[lang="es"] .hp-v17.partners #hero-content .buttons-wrap .btn,
    html[lang="fr"] .hp-v17.partners #hero-content .buttons-wrap .btn,
    html[lang="nl"] .hp-v17.partners #hero-content .buttons-wrap .btn,
    html[lang="ru"] .hp-v17.partners #hero-content .buttons-wrap .btn,
    html[lang="th"] .hp-v17.partners #hero-content .buttons-wrap .btn,
    html[lang="vn"] .hp-v17.partners #hero-content .buttons-wrap .btn {
        font-size: 25px
    }

    html[lang="el"] .partners #hero-content .buttons-wrap .btn {
        font-size: 22px
    }

    html[lang="bn"] .hp-v17.partners #hero-content .buttons-wrap .btn {
        font-size: 20px
    }

    html[lang="el"] .hp-v17.partners #hero-content .buttons-wrap .btn {
        font-size: 18px
    }

    html[lang="bn"] #hero-content .buttons-wrap .btn {
        line-height: 37px
    }

    .rtl-lang #hero-content .buttons-wrap .btn,
    html[lang="fa"] #hero-content .buttons-wrap .btn {
        line-height: 25px
    }

    #hero-content .buttons-wrap .btn small {
        line-height: 1
    }

    .rtl-lang #hero-content .buttons-wrap .btn small,
    html[lang="fa"] #hero-content .buttons-wrap .btn small,
    html[lang="el"] #hero-content .buttons-wrap .btn small {
        margin-bottom: 2px
    }

    .rtl-lang #hero-content .buttons-wrap .btn small,
    html[lang="fa"] #hero-content .buttons-wrap .btn small {
        margin-top: 10px
    }

    html[lang="zh_CN"] #hero-content .buttons-wrap .btn small,
    html[lang="el"] #hero-content .buttons-wrap .btn small,
    html[lang="ko"] #hero-content .buttons-wrap .btn small,
    html[lang="tw"] #hero-content .buttons-wrap .btn small,
    html[lang="vn"] #hero-content .buttons-wrap .btn small {
        margin-top: 5px
    }

    #hero-content .stripe {
        position: relative;
        z-index: 9;
        background-color: #fff;
        height: 160px;
        padding: 0
    }

    #hero-content .stripe .row {
        margin: 0;
        display: table;
        width: 100%
    }

    #hero-content .stripe em {
        display: table-cell;
        height: 70px;
        font-size: 40px;
        line-height: 70px;
        font-style: normal;
        font-weight: 300;
        text-transform: uppercase;
        border: 0;
        color: #d72027;
        float: none;
        margin: 0;
        padding: 0;
        white-space: nowrap
    }

    html[lang="ja"] .stripe em,
    html[lang="ko"] .stripe em,
    html[lang="pt"] .stripe em,
    html[lang="th"] .stripe em,
    html[lang="tw"] .stripe em,
    html[lang="vn"] .stripe em,
    html[lang="el"] .stripe em {
        font-size: 45px;
        font-weight: 300 !important
    }

    #singleWebinar #hero-content .stripe em,
    #seminars #hero-content .stripe em {
        width: 80px;
        font-size: 60px;
        height: 60px;
        line-height: 60px;
        padding-right: 10px;
        text-align: center;
        vertical-align: middle
    }

    .rtl-lang #seminars #hero-content .stripe em,
    html[lang="fa"] #seminars #hero-content .stripe em,
    .rtl-lang #singleWebinar #hero-content .stripe em,
    html[lang="fa"] #singleWebinar #hero-content .stripe em {
        padding-right: 0;
        padding-left: 10px
    }

    .partners #hero-content .stripe em {
        padding-right: 15px
    }

    .partners #hero-content .stripe em .xmFont {
        font-weight: 600 !important
    }

    .rtl-lang .partners #hero-content .stripe em,
    html[lang="fa"] .partners #hero-content .stripe em {
        padding: 0
    }

    html[lang="bn"] .partners #hero-content .stripe em,
    html[lang="th"] .partners #hero-content .stripe em {
        font-size: 58px
    }

    html[lang="el"] .partners #hero-content .stripe em {
        font-size: 60px
    }

    #hero-content .stripe span {
        vertical-align: middle;
        display: table-cell;
        height: 70px;
        font-size: 18px;
        font-weight: 500;
        color: #4a4a4a;
        line-height: 1;
        font-weight: normal;
        text-align: left;
        float: none;
        padding: 0
    }

    html[lang="el"] .stripe span,
    html[lang="ja"] .stripe span,
    html[lang="ko"] .stripe span,
    html[lang="th"] .stripe span,
    html[lang="tw"] .stripe span,
    html[lang="vn"] .stripe span {
        text-transform: capitalize
    }

    html[lang="th"] #hero-content .stripe span {
        line-height: 23px
    }

    #singleWebinar #hero-content .stripe span,
    #seminars #hero-content .stripe span {
        line-height: normal;
        padding-left: 10px
    }

    .rtl-lang #seminars #hero-content .stripe span,
    html[lang="fa"] #seminars #hero-content .stripe span,
    .rtl-lang #singleWebinar #hero-content .stripe span,
    html[lang="fa"] #singleWebinar #hero-content .stripe span {
        padding-right: 10px;
        padding-left: 0;
        text-align: right
    }

    #hero-content #luckDrawIcon {
        margin-top: -2px
    }

    #hero-content #luckDrawIcon .row {
        padding-top: 35px
    }

    #hero-content .stripe .col4 {
        position: relative;
        width: 50%;
        vertical-align: top;
        display: block;
        padding: 20px 0;
        float: left
    }

    #singleWebinar #hero-content .stripe.no-lucky-draw .col4.instructor,
    #seminars #hero-content .stripe.no-lucky-draw .col4.instructor {
        display: block
    }

    #singleWebinar #hero-content .stripe.no-lucky-draw .col4.lucky-draw,
    #singleWebinar #hero-content .stripe .col4.instructor,
    #seminars #hero-content .stripe.no-lucky-draw .col4.lucky-draw,
    #seminars #hero-content .stripe .col4.instructor {
        display: none
    }

    #hero-content .stripe .wrap {
        display: table;
        text-align: center;
        width: 100%;
        padding: 0 15px
    }

    #hero-content .stripe .header {
        font-size: 16px;
        border-bottom: 1px solid #d7d7d7;
        padding: 10px
    }

    #hero-content .stripe .text-wrap {
        position: relative;
        display: inline-block
    }

    #hero-content .stripe .text-wrap p {
        font-size: 16px;
        margin: 0
    }

    #hero-content .stripe .text-wrap a {
        color: #d51820
    }

    #hero-content .stripe .text-wrap img {
        position: absolute;
        top: -44px;
        right: -195px
    }

    #hero-content.video .video-player-block {
        display: inline-block
    }

    #hero-content.video .block .xm-play-solid {
        font-size: 52px
    }

    #hero-content.video .video-player-block:hover .xm-play-solid {
        color: #d51820
    }

    #hero-content.video #imgAsync.loaded {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        background-repeat: no-repeat !important
    }

    #hero-content.video .block {
        padding-top: 84px !important
    }

    #hero-content.video .block .xm-play-solid {
        font-size: 80px
    }

    #hero-content.video .video-player-block {
        height: 208px
    }

    #hero-content.video .icon-player {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto
    }

    #hero-content .video-player {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.5%
    }

    #hero-content .video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #hero-content .modal {
        text-align: center;
        padding: 0 !important
    }

    #hero-content .modal::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px
    }

    #hero-content #modal-video .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        position: relative;
        width: 70%
    }

    #hero-content #modal-video .close {
        right: 0;
        position: absolute;
        color: #ccc;
        font-size: 45px;
        top: -55px
    }

    @media(min-width:992px) {

        #hero-content,
        #hero-content .img {
            height: 521px
        }

        #foundation #hero-content,
        #foundation #hero-content .img {
            height: 387px
        }

        #hero-content .block {
            padding-top: 85px;
            min-height: 361px
        }

        #foundation #hero-content .block {
            padding-top: 125px
        }

        #hero-content .stripe .text-wrap {
            position: relative;
            display: inline-block
        }

        #hero-content .stripe .row {
            padding-top: 35px
        }

        #hero-content .stripe .col4 {
            width: 25%;
            display: table-cell;
            padding: 0;
            float: none
        }

        #singleWebinar #hero-content .stripe.no-lucky-draw .col4,
        #seminars #hero-content .stripe.no-lucky-draw .col4 {
            width: 33.33%
        }

        #singleWebinar #hero-content .stripe.no-lucky-draw .col4.instructor,
        #singleWebinar #hero-content .stripe .col4.instructor,
        #seminars #hero-content .stripe.no-lucky-draw .col4.instructor,
        #seminars #hero-content .stripe .col4.instructor {
            display: table-cell
        }

        #hero-content .stripe .col4+.col4 {
            border-left: 1px solid #ebebeb
        }

        .rtl-lang #hero-content .stripe .col4+.col4,
        html[lang="fa"] #hero-content .stripe .col4+.col4 {
            border-left: 0;
            border-right: 1px solid #ebebeb
        }

        #singleWebinar #hero-content .stripe.no-lucky-draw .text-wrap,
        #seminars #hero-content .stripe.no-lucky-draw .text-wrap {
            margin-left: -10%
        }

        .rtl-lang #hero-content .stripe span,
        html[lang="fa"] #hero-content .stripe span {
            text-align: right
        }
    }

    @media(max-width:1199px) {
        #hero-content .slick-dots {
            display: none !important
        }

        #hero-content .stripe em {
            font-size: 60px;
            padding: 0 10px
        }

        #singleWebinar #hero-content .stripe em,
        #seminars #hero-content .stripe em {
            padding: 0 5px;
            margin-bottom: 10px
        }

        html[lang="th"] .main-site.hp-v17 #hero-content .stripe .wrap,
        html[lang="th"] .main-site.hp-v17 #hero-content .stripe span {
            padding: 0
        }
    }

    @media(max-width:991px) {
        #hero-content h2 {
            font-size: 35px
        }

        #hero-content p {
            font-size: 18px;
            padding: 0 20px
        }

        #hero-content .img {
            /* background: #070713 !important; */
            height: 100%
        }

        html[lang="cs"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="ko"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
        html[lang="pt"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="tr"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn {
            font-size: 25px
        }

        html[lang="es"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="fr"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="hu"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
        html[lang="nl"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="ph"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="ru"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="th"] .hp-v17.partners #hero-content .buttons-wrap .btn,
        html[lang="vn"] .hp-v17.partners #hero-content .buttons-wrap .btn {
            font-size: 23px
        }

        html[lang="bn"] .hp-v17.partners #hero-content .buttons-wrap .btn {
            font-size: 20px
        }

        html[lang="el"] .hp-v17.partners #hero-content .buttons-wrap .btn {
            font-size: 17px
        }

        #hero-content .stripe .text-wrap img {
            display: none
        }

        #hero-content .stripe {
            height: auto
        }

        #hero-content .stripe .row {
            display: block
        }

        #hero-content .stripe em {
            display: inline-block;
            font-size: 30px;
            vertical-align: middle;
            margin-right: 0
        }

        #singleWebinar #hero-content .stripe em,
        #seminars #hero-content .stripe em {
            font-size: 60px
        }

        .rtl-lang #singleWebinar #hero-content .stripe em,
        html[lang="fa"] #singleWebinar #hero-content .stripe em,
        .rtl-lang #seminars #hero-content .stripe em,
        html[lang="fa"] #seminars #hero-content .stripe em {
            padding: 0
        }

        #hero-content .stripe span {
            display: block;
            font-size: 16px;
            height: auto;
            padding: 0 15px;
            clear: both;
            text-align: center
        }

        html[lang="zh_CN"] .stripe span {
            text-transform: capitalize
        }

        .rtl-lang #singleWebinar #hero-content .stripe span,
        html[lang="fa"] #singleWebinar #hero-content .stripe span,
        .rtl-lang #seminars #hero-content .stripe span,
        html[lang="fa"] #seminars #hero-content .stripe span {
            padding: 0;
            text-align: center
        }
    }

    @media(max-width:767px) {

        .half-rect.left,
        .half-rect.right {
            display: none
        }

        #hero-content .title {
            padding: 0
        }

        #hero-content .title,
        #singleWebinar #hero-content .title,
        #seminars #hero-content .title {
            font-size: 35px
        }

        #hero-content p {
            font-size: 17px
        }
    }

    @media(max-width:450px) {

        html[lang="zh_CN"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
        html[lang="el"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn,
        html[lang="tr"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn {
            font-size: 22px
        }

        html[lang="ko"] .main-site.xmbz.hp-v17 #hero-content .buttons-wrap .btn {
            font-size: 20px
        }
    }

    @media(max-width:374px) {
        .hp-v17 #hero-content .buttons-wrap .btn {
            min-height: 0;
            line-height: 1.1
        }

        html[lang="ph"] #hero-content .buttons-wrap .btn,
        html[lang="pl"] #hero-content .buttons-wrap .btn {
            font-size: 27px
        }

        html[lang="el"] #hero-content .buttons-wrap .btn {
            font-size: 26px
        }

        html[lang="cs"] #hero-content .buttons-wrap .btn {
            font-size: 25px
        }

        .rtl-lang #hero-content .buttons-wrap .btn,
        html[lang="fa"] #hero-content .buttons-wrap .btn,
        html[lang="vn"] #hero-content .buttons-wrap .btn {
            font-size: 24px
        }

        html[lang="bn"] #hero-content .buttons-wrap .btn {
            font-size: 23px
        }

        html[lang="cs"] #hero-content .buttons-wrap .btn small,
        html[lang="de"] #hero-content .buttons-wrap .btn small,
        html[lang="el"] #hero-content .buttons-wrap .btn small,
        html[lang="es"] #hero-content .buttons-wrap .btn small,
        html[lang="id"] #hero-content .buttons-wrap .btn small,
        html[lang="it"] #hero-content .buttons-wrap .btn small {
            font-size: 12px !important
        }
    }

    .slick-prev:before,
    .slick-next:before {
        position: relative;
        font-family: FontAwesome;
        font-size: 45px;
        color: #959595;
        text-align: center;
        vertical-align: middle
    }

    .slick-prev:before {
        content: "\f104"
    }

    .slick-next:before {
        content: "\f105"
    }

    .slick-slide {
        outline: 0
    }

    .slick-slide a {
        text-decoration: underline !important;
        color: #fff
    }

    .slick-slide a:hover {
        color: #d72027
    }

    #hero-content .slick-slide a:hover,
    #hero-content .slick-slide a:focus {
        color: #d51820;
        text-decoration: none !important
    }

    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 45px;
        height: 45px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        background: transparent;
        z-index: 9
    }

    .slick-prev {
        left: 0
    }

    .slick-next {
        right: 0
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: 0;
        background: transparent
    }

    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
        opacity: 1
    }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-dots {
        position: absolute;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 3px;
        height: 3px;
        margin: 0 8px;
        padding: 0;
        cursor: pointer
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 3px;
        height: 3px;
        padding: 3px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        border-radius: 100%;
        border: 1px solid #959595;
        background: transparent
    }

    .slick-dots li.slick-active button {
        background: #959595
    }

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: 0
    }

    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 1
    }

    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black
    }

    .slick-prev,
    .slick-next {
        position: absolute;
        display: inline-block;
        vertical-align: middle
    }

    .slick-prev {
        left: -15px
    }

    .slick-next {
        right: -15px
    }

    #hero-content .slick-loading .slick-list {
        background: #fff url('../cloud/assets/img/pages/home/ajax-loaderff3eff3e.gif') center center no-repeat
    }

    .rtl-lang #payments-carousel {
        direction: ltr
    }

    html[lang="fa"] #payments-carousel {
        direction: ltr
    }

    #js-xmOnTvLogos.owl-carousel {
        padding: 0 30px
    }

    #js-xmOnTvLogos .owl-prev,
    #js-xmOnTvLogos .owl-next {
        position: absolute;
        font-size: 50px;
        color: #989898;
        height: 50px;
        top: 0;
        bottom: 0;
        margin: auto 0
    }

    #js-xmOnTvLogos .owl-prev i,
    #js-xmOnTvLogos .owl-next i {
        vertical-align: top
    }

    #js-xmOnTvLogos .owl-prev {
        left: 0
    }

    #js-xmOnTvLogos .owl-next {
        right: 0
    }

    #js-xmOnTvLogos img {
        height: 70px
    }

    .slider-wrapper {
        padding: 0
    }

    .slider-wrapper .slick-dots {
        position: initial;
        padding: 0 0 20px 0
    }

    .slider-wrapper .slick-dots.desk {
        width: 70%;
        text-align: right
    }

    .accTypesSlider,
    .accTypesIndex,
    .accTypesMobSlider {
        float: left
    }

    .accTypesSlider {
        width: 70%
    }

    .accTypesIndex {
        width: 30%
    }

    .accTypesIndex .divTable.sharesAccount,
    .accTypesMobSlider {
        width: 100%
    }

    .accTypesSlider .divTable.sharesAccount,
    .accTypesMobSlider .divTable.sharesAccount {
        width: 200px
    }

    .accTypesSlider .divTable.sharesAccount {
        margin-bottom: 0 !important
    }

    .accTypesMobSlider .divTable+.divTable,
    .accTypesSlider .divTable+.divTable {
        margin-top: 0 !important
    }

    .accTypesSlider:after,
    .accTypesMobSlider:after {
        box-shadow: inset -10px 0 4px -6px rgba(0, 0, 0, 0.20);
        content: "";
        display: block;
        width: 7px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0
    }

    .accTypesSlider.lastSlide:after,
    .accTypesMobSlider.lastSlide:after {
        box-shadow: inset 10px 0 4px -6px rgba(0, 0, 0, 0.20);
        left: 0
    }

    .accTypesSlider .divTable.sharesAccount {
        border-left: 1px solid #ddd
    }

    .accTypesIndex .divTable.sharesAccount .content:first-of-type {
        padding-top: 60px
    }

    .accTypesSlider .divTable div:nth-child(3).content ul,
    .accTypesIndex .divTable div:nth-child(2).content ul {
        background-color: #fff
    }

    .accTypesSlider .slick-slide a,
    .accTypesMobSlider .slick-slide a {
        text-decoration: none !important
    }

    .accTypesMobSlider .divTable.sharesAccount {
        border-left: 1px solid #ddd
    }

    .accTypesMobSlider .divTable .content ul li {
        display: block
    }

    .accTypesMobSlider .divTable .content ul li.text {
        width: 100%
    }

    .accTypesMobSlider .divTable.sharesAccount .content .btn {
        width: 100%;
        max-width: 250px
    }

    .accTypesMobSlider .divTable .content ul li.title,
    .accTypesMobSlider .divTable .content ul li.text {
        padding: 10px;
        text-align: center;
        height: initial
    }

    .main-site.hp-v17 #hero-content .img {
        display: block;
        position: absolute;
        width: 100%;
        background: #070713 url("img/bitcoin-5222479_1920.jpg") repeat-x center top;
        z-index: 1
    }

    @media(min-width:320px) and (max-width:575px) {
        .slider-wrapper {
            padding: 0 15px
        }

        .accTypesMobSlider .slick-prev {
            left: -35px
        }

        .accTypesMobSlider .slick-next {
            right: -35px
        }

        .accTypesMobSlider .divTable.sharesAccount {
            width: 240px
        }

        .accTypesSlider,
        .accTypesIndex,
        .slider-wrapper .slick-dots.desk {
            display: none !important
        }
    }

    @media(min-width:576px) {
        .accTypesSlider .divTable.sharesAccount {
            width: 315px
        }

        .accTypesSlider {
            width: 70%
        }

        .accTypesIndex {
            width: 30%;
            position: relative
        }

        .slider-wrapper {
            padding: 0 30px
        }

        .accTypesSlider .slick-next {
            right: -60px
        }

        .accTypesIndex .slick-prev {
            left: -60px
        }

        .accTypesMobSlider,
        .slider-wrapper .slick-dots.mob {
            display: none !important
        }
    }

    .step-4-items {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .step-4-items li {
        display: inline-block;
        width: 24%;
        vertical-align: top
    }

    .option-type p {
        max-width: 160px;
        font-size: 14px;
        color: #070713;
        margin: 30px auto 0 auto;
        font-weight: normal;
        text-align: center
    }

    .option-type.info p {
        max-width: 100%;
        font-size: 14px;
        color: #070713;
        text-align: left;
        margin: 0 auto 30px auto
    }

    .rtl-lang .option-type.info p,
    html[lang="fa"] .option-type.info p {
        text-align: right
    }

    .option-type .btn {
        margin: 0 !important
    }

    .option-type.info p span {
        color: #d51820 !important
    }

    .option-type span {
        color: #d51820
    }

    .feature-item,
    .feature-item3,
    .feature-item4,
    .feature-item7,
    .feature-item6,
    .feature-item5,
    .feature-item8,
    .feature-item9 {
        position: relative;
        display: inline-block;
        padding: 20px;
        min-height: 150px;
        vertical-align: top
    }

    #foundation .feature-item,
    #foundation .feature-item3,
    #foundation .feature-item4,
    #foundation .feature-item7,
    #foundation .feature-item6,
    #foundation .feature-item5,
    #foundation .feature-item8,
    #foundation .feature-item9 {
        border: 0
    }

    html[lang="fa"] .feature-item,
    html[lang="fa"] .feature-item3,
    html[lang="fa"] .feature-item4,
    html[lang="fa"] .feature-item7,
    html[lang="fa"] .feature-item6,
    html[lang="fa"] .feature-item5,
    html[lang="fa"] .feature-item9 {
        border-right: 0;
        border-left: 1px solid #f3f3f3
    }

    .feature-item4 {
        width: 280px
    }

    .feature-item5 {
        width: 185px
    }

    .feature-item6 {
        width: 190px
    }

    .feature-item7 {
        width: 163px
    }

    .feature-item8 {
        width: 142px
    }

    .feature-item9 {
        width: 120px;
        padding: 12px
    }

    .feature-item p,
    .feature-item4 p,
    .feature-item7 p,
    .feature-item6 p,
    .feature-item5 p,
    .feature-item8 p,
    .feature-item9 p {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        margin-top: 30px;
        line-height: 22px
    }

    #careers .feature-item5 p,
    #foundation .feature-item5 p {
        margin-top: 20px;
        font-size: 16px
    }

    html[lang="zh_CN"] .feature-item p,
    html[lang="zh_CN"] .feature-item4 p,
    html[lang="zh_CN"] .feature-item7 p,
    html[lang="zh_CN"] .feature-item6 p,
    html[lang="zh_CN"] .feature-item5 p,
    html[lang="zh_CN"] .feature-item9 p,
    html[lang="tw"] .feature-item p,
    html[lang="tw"] .feature-item4 p,
    html[lang="tw"] .feature-item7 p,
    html[lang="tw"] .feature-item6 p,
    html[lang="tw"] .feature-item5 p,
    html[lang="tw"] .feature-item9 p {
        line-height: 24px
    }

    html[lang="el"] .feature-item p,
    html[lang="el"] .feature-item4 p,
    html[lang="el"] .feature-item7 p,
    html[lang="el"] .feature-item6 p,
    html[lang="el"] .feature-item5 p,
    html[lang="el"] .feature-item9 p,
    html[lang="vn"] .feature-item p,
    html[lang="vn"] .feature-item4 p,
    html[lang="vn"] .feature-item7 p,
    html[lang="vn"] .feature-item6 p,
    html[lang="vn"] .feature-item5 p,
    html[lang="vn"] .feature-item9 p {
        font-size: 16px
    }

    #careers .feature-item5 h3,
    #foundation .feature-item5 h3 {
        font-size: 17px;
        margin-top: 0
    }

    .feature-item4:nth-child(4n) {
        border: 0
    }

    .device i {
        opacity: .2
    }

    .device .xm-font,
    .device .xmFont {
        font-size: 100px;
        color: #070713
    }

    .device:hover i {
        opacity: 1
    }

    .device:hover p {
        color: #444
    }

    .device p {
        color: #ccc
    }

    .device.active {
        font-weight: bold
    }

    .device.active i {
        opacity: 1
    }

    .device.active p {
        color: #444
    }

    .zero-account .box {
        border: 1px solid #ccc;
        padding: 20px
    }

    .zero-account h3 {
        font-weight: bold;
        font-size: 18px
    }

    .zero-account .num {
        font-weight: bold;
        font-size: 25px;
        color: #d51820
    }

    .zero-account hr {
        border-top: 1px solid #d51820 !important
    }

    .zero-account .flag-icon {
        width: 30px;
        height: 20px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .rtl-lang .zero-account .flag-icon,
    html[lang="fa"] .zero-account .flag-icon {
        float: none
    }

    .forms-pdf h4 {
        max-width: 160px;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #262626 !important;
        margin: 20px auto 0 auto;
        text-align: center
    }

    html[lang="bn"] .forms-pdf h4 {
        line-height: 1.3
    }

    .forms-pdf .box {
        padding: 10px 0
    }

    .forms-pdf .box:hover {
        background-color: #f7f7f7
    }

    .forms-pdf .box:hover h4 {
        color: #d51820
    }

    .regulation .col-md-4,
    .regulation .col-md-6 {
        border-left: 4px solid #f7f7f7
    }

    .rtl-lang .regulation .col-md-4,
    .rtl-lang .regulation .col-md-6,
    html[lang="fa"] .regulation .col-md-4,
    html[lang="fa"] .regulation .col-md-6 {
        border-right: 4px solid #f7f7f7;
        border-left: 0
    }

    .regulation h3,
    .regulation h4,
    .regulation p {
        margin: 0;
        padding: 0
    }

    .regulation h4 {
        font-size: 13px !important;
        color: #444;
        margin-top: 5px
    }

    .regulation h3 {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #d51820 !important;
        border: none !important;
        text-align: left
    }

    .rtl-lang .regulation h3,
    html[lang="fa"] .regulation h3 {
        text-align: right
    }

    .regulation p {
        font-size: 14px;
        font-weight: normal;
        color: #070713
    }

    .regulation .flag-icon {
        display: inline-block;
        width: 37.5px;
        height: 25px;
        margin-top: 8px;
        overflow: hidden;
        vertical-align: -50%
    }

    .rtl-lang .regulation .flag-icon,
    html[lang="fa"] .regulation .flag-icon {
        float: none
    }

    .regulation span.red {
        display: block;
        font-size: 14px !important;
        color: #d51820
    }

    .rtl-lang .regulation a.btn.btn-solid.btn-red,
    html[lang="fa"] .regulation a.btn.btn-solid.btn-red {
        font-size: 20px
    }

    .about-xm .box-border1,
    .about-xm .box-border2 {
        border: 1px solid #ddd;
        padding: 20px
    }

    .about-xm .box-border2 {
        padding: 40px
    }

    .about-xm .box-border1 small,
    .about-xm .box-border1 p.big {
        font-size: 21px;
        font-weight: 300
    }

    .about-xm .box-border1 h4 {
        font-size: 62px;
        color: #d51820
    }

    html[lang="ur"] .about-xm .box-border1 h4,
    html[lang="zh_CN"] .about-xm .box-border1 h4,
    html[lang="el"] .about-xm .box-border1 h4,
    html[lang="th"] .about-xm .box-border1 h4,
    html[lang="tw"] .about-xm .box-border1 h4,
    html[lang="vn"] .about-xm .box-border1 h4 {
        font-size: 53px
    }

    html[lang="ko"] .about-xm .box-border1 h4 {
        font-size: 48px
    }

    html[lang="zh_CN"] .about-xm .box-border1 h4,
    html[lang="ko"] .about-xm .box-border1 h4,
    html[lang="th"] .about-xm .box-border1 h4,
    html[lang="tw"] .about-xm .box-border1 h4 {
        letter-spacing: -2px
    }

    .award-box p {
        margin: 0
    }

    .award-box hr {
        width: 30%;
        margin: 15px auto
    }

    .award-box h3 {
        font-size: 16px
    }

    .webinars h4 {
        font-size: 34px;
        font-weight: 300;
        color: #444
    }

    .webinars h4 .fa {
        font-size: 60px;
        vertical-align: middle;
        margin-right: 10px;
        color: #d51820
    }

    .benefit-account {
        background-color: #f7f7f7
    }

    .benefit-account h2 {
        margin: 0
    }

    .benefit-account em,
    .benefit-account .wrap {
        display: table-cell;
        vertical-align: middle
    }

    .benefit-account em {
        position: relative;
        font-size: 45px;
        font-style: normal;
        text-align: left;
        padding-right: 15px
    }

    .rtl-lang .benefit-account em,
    html[lang="fa"] .benefit-account em {
        padding-right: 0;
        padding-left: 15px
    }

    .benefit-account em::after {
        position: absolute;
        content: "";
        height: 70px;
        right: 0;
        border-right: 1px solid #acacac
    }

    .rtl-lang .benefit-account em::after,
    html[lang="fa"] .benefit-account em::after {
        right: auto;
        left: 0
    }

    .benefit-account .wrap {
        position: relative;
        width: 100%;
        font-size: 18px;
        padding-left: 100px
    }

    .rtl-lang .benefit-account .wrap,
    html[lang="fa"] .benefit-account .wrap {
        padding-left: 0;
        padding-right: 100px
    }

    .benefit-account .wrap p {
        position: relative;
        margin: 7% 0;
        line-height: 20px
    }

    html[lang="th"] .benefit-account .wrap p {
        line-height: 25px
    }

    .benefit-account .wrap>i {
        position: absolute;
        display: inline-block;
        left: 15px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        font-size: 80px;
        height: 80px
    }

    .rtl-lang .benefit-account .wrap>i,
    html[lang="fa"] .benefit-account .wrap>i {
        right: 15px;
        left: initial
    }

    html[lang="bn"] .benefit-account .btn.btn-red,
    html[lang="bn"] .benefit-account .btn.btn-green {
        font-size: 22px
    }

    html[lang="bn"] .benefit-account .btn-red small,
    html[lang="bn"] .benefit-account .btn-green small {
        margin-top: 5px
    }

    html[lang="el"] .main-site.hp-v17 .benefit-account .btn-red small,
    html[lang="el"] .main-site.hp-v17 .benefit-account .btn-green small {
        position: relative;
        top: -4px;
        margin-top: 0
    }

    .education-item {
        position: relative;
        display: inline-block;
        width: 115px;
        min-height: 150px;
        vertical-align: top;
        border-right: 1px solid #f3f3f3
    }

    .education-item h3 {
        font-size: 12px;
        text-transform: uppercase;
        margin-top: 20px
    }

    .education-item p {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #070713
    }

    a:hover .education-item {
        background-color: #f7f7f7
    }

    .education-item:nth-child(4n) {
        border: 0
    }

    .feature-broker article {
        position: relative;
        padding-left: 120px
    }

    .rtl-lang .feature-broker article,
    html[lang="fa"] .feature-broker article {
        padding-left: 0;
        padding-right: 120px
    }

    .feature-broker article>i {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 100px
    }

    .rtl-lang .feature-broker article>i,
    html[lang="fa"] .feature-broker article>i {
        left: initial;
        right: 0
    }

    .feature-broker article hr {
        width: 15%;
        margin: 30px 0
    }

    .feature-broker .main-title {
        display: block;
        font-size: 30px;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        text-align: center
    }

    .feature-broker .subtext {
        font-size: 14px;
        text-align: center
    }

    .feature-broker h2 {
        margin: 0
    }

    .feature-box h4 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        padding: 0;
        color: #070713
    }

    .feature-box p {
        font-size: 14px
    }

    .platform-list {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .platform-list li {
        position: relative;
        display: block;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none
    }

    .platform-list li span {
        display: inline-block
    }

    .platform-list li>a {
        display: block;
        font-size: 14px;
        color: #434343;
        text-decoration: none;
        padding: 15px 0 15px 0;
        vertical-align: middle;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none
    }

    .platform-list li:hover a {
        font-weight: bold
    }

    .platform-list li .fa:nth-of-type(1),
    .platform-list li .fa:nth-of-type(2) {
        font-size: 18px
    }

    .platform-list li .fa:nth-of-type(1) {
        margin-right: 5px
    }

    .rtl-lang .platform-list li .fa:nth-of-type(1),
    html[lang="fa"] .platform-list li .fa:nth-of-type(1) {
        margin-left: 5px;
        margin-right: 0
    }

    .platform-list li .fa:nth-of-type(2) {
        position: relative;
        top: 3px;
        float: right;
        color: #999
    }

    .platform-list li+li {
        border-top: 1px solid #d7d7d7
    }

    .platform-list li:hover .fa:nth-of-type(2) {
        color: #d51820
    }

    .platform-list li::before {
        position: absolute;
        content: "\f054";
        top: 10px;
        right: 0;
        font-family: FontAwesome;
        font-size: 20px;
        color: #ccc
    }

    .rtl-lang .platform-list li::before,
    html[lang="fa"] .platform-list li::before {
        content: "\f053";
        left: 0;
        right: initial
    }

    .platform-list li:hover::before {
        color: #d51820
    }

    .platform-list__hr {
        margin: 0;
        border-top: 1px solid #d7d7d7
    }

    @media(min-width:992px) {
        .zero-account .col-md-3 {
            padding: 0 25px
        }

        .zero-account .col-md-3:nth-child(1)::before {
            border-left: 0
        }

        .step-4-items li+li {
            border-left: 1px solid #f3f3f3
        }

        .partner-advantage .xm-font {
            position: relative;
            top: -10px
        }

        .regulation h4 {
            height: 27px
        }

        .about-xm .box-border {
            display: table;
            border-collapse: separate;
            border-spacing: 30px 0;
            width: 105.5%;
            margin-left: -30px
        }

        .rtl-lang .about-xm .box-border,
        html[lang="fa"] .about-xm .box-border {
            margin-right: -30px
        }

        .about-xm .box-border1,
        .about-xm .box-border2 {
            display: table-cell;
            width: 33.33%
        }
    }

    @media(min-width:768px) {
        .benefit-account .row {
            display: table;
            width: 100%;
            margin-left: 0;
            margin-right: 0
        }
    }

    @media(max-width:991px) {
        .step-4-items li {
            display: inline-block;
            width: 49%;
            margin-bottom: 50px
        }

        .partner-advantage {
            text-align: center
        }
    }

    @media(max-width:767px) {

        .feature-icons .feature-item6,
        .feature-icons .feature-item4 {
            width: 50%;
            float: left
        }

        .feature-icons .feature-item6,
        .feature-icons .feature-item4 {
            border-right: 0
        }

        .feature-icons .feature-item6:first-child,
        .feature-icons .feature-item4:first-child {
            border-right: 1px solid #f3f3f3
        }

        .award-wrap h2 {
            text-align: center
        }

        .benefit-account em:after {
            position: absolute;
            content: "";
            height: 55px;
            right: 0;
            border-right: 1px solid #acacac;
            bottom: 0;
            top: 0;
            margin: auto 0
        }

        .benefit-account .wrap {
            padding-left: 15px
        }

        .regulation {
            text-align: center
        }

        .regulation p {
            padding: 0 20px;
            text-align: left
        }

        .regulation h2,
        .regulation h3,
        .regulation h4,
        .regulation a,
        .regulation span.red {
            display: block;
            text-align: center
        }

        .rtl-lang .regulation h3,
        html[lang="fa"] .regulation h3 {
            text-align: center
        }

        .regulation a {
            max-width: 350px;
            display: inline-block
        }

        .regulation p,
        .regulation .flag-container {
            text-align: center
        }
    }

    @media(max-width:320px) {
        .platform-list li .fa:nth-of-type(1) {
            margin-right: 5px
        }

        .platform-list li>a {
            font-size: 13px
        }
    }


    .login-content.card {
        background: none;
        border: none;
    }

    .login-content.card input {
        /*width : initial;*/
    }

    .login-content.card .input-group input {
        width: 90%;
    }

    .login-content.card .input-group-append.c-pointer {
        height: 40px;
        width: initial;
    }

    .login-content.card .input-group-append.c-pointer .input-group-text {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    #main-nav {
        flex-direction: initial;
    }



    /* pricing table */

    /* CSS File 
	===================
	Item Name: Sava - Creative pricing tables
	Author: Ashish Maraviya
	Version: 2.0
	Copyright 2019
===================*/
    /*==============
	Page General css
=================*/
    body {
        font-family: 'Lato', sans-serif;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Lato', sans-serif;
    }

    h2 {
        margin-top: -5px;
        font-weight: 600;
        color: #555;
    }

    .pp-section {
        padding: 100px 0 85px 0;
    }

    .section-header {
        margin-bottom: 33px;
    }

    .section-bg {
        background-color: #eee;
    }

    .color-picker {
        position: fixed;
        right: -190px;
        top: 200px;
        width: 190px;
        z-index: 9;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .color-picker .settings-header {
        background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444));
        background: linear-gradient(to right, #777, #444);
        padding: 5px 15px;
    }

    .color-picker .settings-header h3 {
        color: #fff;
        margin: 0;
        font-size: 20px;
        text-align: center;
        padding: 4px 9px;
    }

    .color-picker .section {
        background: #fff;
        padding: 20px;
        border: 1px solid #444;
        overflow: auto;
    }

    .color-picker .section i {
        font-size: 16px;
        margin-right: 10px;
    }

    .color-picker a.handle {
        position: absolute;
        right: 190px;
        width: 50px;
        height: 43px;
        color: #fff;
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 25px;
        z-index: -1;
        text-decoration: none;
        background: linear-gradient(to right, #777, #444);
        top: 0;
        /* border: 1px solid #444; */
    }

    .color-picker .colors a {
        width: 35px;
        height: 35px;
        margin: 7px 7px;
        float: left;
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
    }

    .color-picker .skin a {
        display: block;
        width: 70px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
        margin-right: 5px;
        float: left;
        text-align: center;
        line-height: 30px;
        border: 2px transparent solid;
    }

    .color-1 {
        background: linear-gradient(to right, #b76cd2, #4c3bb3);
    }

    .color-2 {
        background: linear-gradient(to right, #00eefa, #05b6eb);
    }

    .color-3 {
        background: linear-gradient(to right, #ff9f0e, #ff4a10);
    }

    .color-4 {
        background: linear-gradient(to right, #09e072, #007d1d);
    }

    .color-5 {
        background: linear-gradient(to right, #ff729b, #ce002f);
    }

    .color-6 {
        background: linear-gradient(to right, #FDE08D, #DF9F28);
    }

    .color-picker .skin a.actt {
        border: 2px #fff solid;
    }

    /*==============
	End Page General css
=================*/

    /* Start all plan general */
    .plan-header .plan-title,
    .plan-price .price,
    .plan-list li,
    .plan-button {
        font-family: 'Lato', sans-serif;
    }

    /* End all plan general */
    /* Start Pricing plan style 1 */
    .plan-style-1 {
        margin: 15px auto;
        overflow: hidden;
        position: relative;
        text-align: center;
        box-shadow: 0px 0px 30px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-1:hover {
        box-shadow: 0px 0px 30px #ccc;
    }

    .plan-style-1 .plan-header {
        padding: 30px 0 40px 0;
        position: relative;
    }

    .plan-style-1 .plan-header:after {
        content: "";
        display: block;
        width: 100%;
        height: 25px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url('../img/header_style_1.html');
        background-size: 100% 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

    .plan-style-1 .plan-header .plan-title {
        margin: -14px 0 4px 0;
        color: #f7f7f7;
        line-height: 40px;
        font-size: 20px;
        font-weight: 400;
    }

    .plan-style-1 .plan-price .price {
        margin: 0;
        font-size: 55px;
        font-weight: 900;
        line-height: 46px;
        color: #fff;
    }

    .plan-style-1 .plan-price .price span {
        padding: 0 5px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

    .plan-style-1 .plan-list {
        padding: 15px 0;
        margin-bottom: 0;
        background-color: #fff;
        position: relative;
        z-index: 1;
    }

    .plan-style-1 .plan-list li {
        margin: 0 30px;
        position: relative;
        list-style-type: none;
        color: #888;
        line-height: 35px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.02rem;
    }

    .plan-style-1 .plan-list li i {
        margin-right: 5px;
        position: relative;
        font-size: 13px;
        line-height: 42px;
    }

    .plan-style-1 .plan-list li i.far.fa-times-circle {
        color: red;
    }

    .plan-style-1 .plan-list .tooltip-info {
        cursor: pointer;
    }

    .plan-style-1 .plan-list .tooltip-hover-text {
        color: #555;
        font-weight: 600;
    }

    .plan-style-1 .tooltip-info .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        letter-spacing: 0.02rem;
        color: #fff;
        text-align: center;
        line-height: 20px;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 2;
        bottom: 35px;
        left: 45%;
        margin-left: -60px;
    }

    .plan-style-1 .tooltip-info .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    }

    .plan-style-1 .tooltip-info:hover .tooltiptext {
        visibility: visible;
    }

    .plan-style-1 .plan-bottom {
        padding: 10px 0 40px 0;
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .plan-style-1 .plan-button {
        padding: 13px 30px;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        background-size: 300% 100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-1 .plan-button:hover {
        background-position: 100% 0;
        color: #fff;
        box-shadow: 0px 20px 20px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    /* End Pricing plan style 1 */
    /* Start Pricing plan style 2 */
    .plan-style-2 {
        margin: 0 auto 15px;
        margin: 15px auto;
        overflow: hidden;
        position: relative;
        text-align: center;
        border-radius: 5px;
        box-shadow: 0px 0px 30px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-2:hover {
        box-shadow: 0px 0px 30px #ccc;
    }

    .plan-style-2 .plan-header {
        position: relative;
        background: #fff;
    }

    .plan-style-2 .plan-header:after {
        content: "";
        display: block;
        width: 100%;
        height: 110px;
        position: absolute;
        bottom: -18px;
        left: 0;
        background-image: url('../img/header_style_2.png');
        background-size: 100% 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

    .plan-style-2 .plan-header .plan-title {
        margin: 0 0 21px 0;
        padding: 15px 0 0 30px;
        text-align: left;
        color: #fff;
        line-height: 42px;
        font-size: 20px;
        font-weight: 400;
    }

    .plan-style-2 .plan-header .plan-title:after {
        content: "";
        width: 60px;
        height: 4px;
        border-radius: 3px;
        background: linear-gradient(to right, #fff, transparent);
        position: absolute;
        top: 49px;
        left: 30px;
    }

    .plan-style-2 .plan-price .price {
        margin: 0 -5px 0 0;
        padding: 10px 30px 0px 30px;
        text-align: right;
        position: relative;
        font-size: 50px;
        color: #777;
        font-weight: 900;
        line-height: 45px;
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-2 .plan-price .price span {
        padding: 0 5px;
        font-size: 15px;
        font-weight: 400;
    }

    .plan-style-2 .plan-list {
        padding: 2px 0 20px 0;
        margin-bottom: 0;
        background-color: #fff;
        position: relative;
        z-index: 1;
    }

    .plan-style-2 .plan-list li {
        margin: 0 30px;
        position: relative;
        list-style-type: none;
        color: #888;
        line-height: 35px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.02rem;
    }

    .plan-style-2 .plan-list .tooltip-info {
        cursor: pointer;
    }

    .plan-style-2 .plan-list .tooltip-hover-text {
        color: #555;
        font-weight: 600;
    }

    .plan-style-2 .tooltip-info .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        letter-spacing: 0.02rem;
        color: #fff;
        text-align: center;
        line-height: 20px;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 2;
        bottom: 35px;
        left: 45%;
        margin-left: -60px;
    }

    .plan-style-2 .tooltip-info .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    }

    .plan-style-2 .tooltip-info:hover .tooltiptext {
        visibility: visible;
    }

    .plan-style-2 .plan-bottom {
        padding: 70px 0 42px 0;
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .plan-style-2 .plan-bottom:after {
        content: "";
        width: 100%;
        height: 38px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('../img/bottom_style_2.html');
        background-size: 100% 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

    .plan-style-2 .plan-button {
        padding: 13px 30px;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border: 2px solid #fff;
    }

    .plan-style-2 .plan-button:hover {
        background-color: #fff;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    /* End Pricing plan style 2 */
    /* Start Pricing plan style 3 */
    .plan-style-3 {
        margin: 15px auto;
        overflow: hidden;
        position: relative;
        text-align: center;
        border-radius: 5px;
        box-shadow: 0px 0px 30px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-3:hover {
        box-shadow: 0px 0px 30px #ccc;
    }

    .plan-style-3 .plan-header {
        padding: 30px 0 38px 0;
        position: relative;
    }

    .plan-style-3 .plan-header:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('../img/header_bg_style_3.html');
        background-size: 100% 100%;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .plan-style-3 .plan-header .plan-title {
        margin: -14px 0 7px 0;
        position: relative;
        color: #f7f7f7;
        line-height: 40px;
        font-size: 20px;
        font-weight: 400;
    }

    .plan-style-3 .plan-price .price {
        margin: -3px 0 0 0;
        font-size: 55px;
        font-weight: 900;
        line-height: 46px;
        color: #fff;
        position: relative;
    }

    .plan-style-3 .plan-price .price span {
        padding: 0 5px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

    .plan-style-3 .plan-list {
        padding: 16px 0 15px 0;
        margin-bottom: 0;
        background-color: #fff;
    }

    .plan-style-3 .plan-list li {
        margin: 0 30px;
        position: relative;
        list-style-type: none;
        color: #888;
        line-height: 35px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.02rem;
    }

    .plan-style-3 .plan-list li i {
        margin-right: 5px;
        position: relative;
        font-size: 13px;
        line-height: 42px;
    }

    .plan-style-3 .plan-list li i.far.fa-times-circle {
        color: red;
    }

    .plan-style-3 .plan-list .tooltip-info {
        cursor: pointer;
    }

    .plan-style-3 .plan-list .tooltip-hover-text {
        color: #555;
        font-weight: 600;
    }

    .plan-style-3 .tooltip-info .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        letter-spacing: 0.02rem;
        color: #fff;
        text-align: center;
        line-height: 20px;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 2;
        bottom: 35px;
        left: 45%;
        margin-left: -60px;
    }

    .plan-style-3 .tooltip-info .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    }

    .plan-style-3 .tooltip-info:hover .tooltiptext {
        visibility: visible;
    }

    .plan-style-3 .plan-bottom {
        padding: 61px 0 42px 0;
        position: relative;
        overflow: hidden;
    }

    .plan-style-3 .plan-bottom:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('../img/bottom_bg_style_3.html');
        background-size: 100% 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

    .plan-style-3 .plan-button {
        padding: 13px 30px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        background-image: linear-gradient(45deg, #fff 50%, transparent 50%);
        background-position: 100%;
        background-size: 400%;
        transition: background 300ms ease-in-out;
        border: 2px solid #fff;
        position: relative;
        z-index: 1;
    }

    .plan-style-3 .plan-button:hover {
        background-position: 0%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    /* End Pricing plan style 3 */
    /* Start Pricing plan style 4 */
    .plan-style-4 {
        margin: 15px auto;
        overflow: hidden;
        position: relative;
        text-align: center;
        box-shadow: 0px 0px 30px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-4:hover {
        box-shadow: 0px 0px 30px #ccc;
        transform: scale(1.02);
    }

    .plan-style-4 .plan-header {
        padding: 25px 0 20px 0;
        position: relative;
        background: #fff;
    }

    .plan-style-4 .plan-header .plan-label {
        font-size: 14px;
        line-height: 40px;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
        width: 281px;
        text-align: center;
        display: block;
        position: absolute;
        right: -100px;
        top: 15px;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(45deg);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }

    .plan-style-4 .plan-header .plan-icon {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* padding: 20px 0 30px 0; */
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 5px solid #fff;
        border-radius: 50%;
    }

    .plan-style-4 .plan-header .plan-icon {
        color: #fff;
        font-size: 35px;
    }

    .plan-style-4 .plan-header .plan-title {
        margin: 101px 0 -3px 0;
        line-height: 41px;
        font-size: 20px;
        color: #555;
        font-weight: 400;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-4 .plan-price {
        position: relative;
    }

    .plan-style-4 .plan-price:after {
        content: "";
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/price_style_4.html);
        background-size: 100% 100%;
        background-position: bottom;
    }

    .plan-style-4 .plan-price .price {
        margin-bottom: 0;
        padding: 22px 0 10px 0;
        font-size: 55px;
        font-weight: 900;
        line-height: 45px;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .plan-style-4 .plan-price .price span {
        padding: 0 5px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

    .plan-style-4 .plan-list {
        margin-bottom: 0;
        padding: 17px 0 20px 0;
        background-color: #fff;
        z-index: 1;
    }

    .plan-style-4 .plan-list li {
        margin: 0 30px;
        position: relative;
        list-style-type: none;
        font-size: 14px;
        color: #888;
        font-weight: 400;
        line-height: 35px;
        letter-spacing: 0.02rem;
    }

    .plan-style-4 .plan-list .tooltip-info {
        cursor: pointer;
    }

    .plan-style-4 .plan-list .tooltip-hover-text {
        color: #555;
        font-weight: 600;
    }

    .plan-style-4 .tooltip-info .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        letter-spacing: 0.02rem;
        color: #fff;
        text-align: center;
        line-height: 20px;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 2;
        bottom: 35px;
        left: 45%;
        margin-left: -60px;
    }

    .plan-style-4 .tooltip-info .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    }

    .plan-style-4 .tooltip-info:hover .tooltiptext {
        visibility: visible;
    }

    .plan-style-4 .plan-bottom {
        padding: 40px 0;
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .plan-style-4 .plan-button {
        padding: 13px 30px;
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
        background-size: 300% 100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-4 .plan-button:hover {
        background-position: 100% 0;
        color: #fff;
        box-shadow: 0px 20px 20px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    /* End Pricing plan style 4 */
    /* Start Pricing plan style 5 */
    .plan-style-5 {
        margin: 15px auto;
        overflow: hidden;
        position: relative;
        text-align: center;
        border-radius: 10px;
        box-shadow: 0px 0px 30px #eee;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-5:hover {
        box-shadow: 0px 0px 30px #ccc;
    }

    .plan-style-5 .plan-header {
        padding: 25px 0 0 0;
        position: relative;
        background: #fff;
    }

    .plan-style-5 .plan-header .lable {
        padding: 3px 8px;
        position: absolute;
        top: 20px;
        right: 0px;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 15px 0px 0px 15px;
    }

    .plan-style-5 .plan-header .plan-icon {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* padding: 20px 0 30px 0; */
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 5px solid #fff;
        border-radius: 50%;
    }

    .plan-style-5 .plan-header .plan-icon {
        color: #fff;
        font-size: 35px;
    }

    .plan-style-5 .plan-header .plan-title {
        margin: 101px 0 18px 0;
        line-height: 40px;
        font-size: 20px;
        color: #555;
        font-weight: 400;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-5 .plan-price {
        position: relative;
    }

    .plan-style-5 .plan-price:after {
        content: "";
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-image: url('../img/price_style_5.html');
        background-size: 100% 100%;
        background-position: bottom;
    }

    .plan-style-5 .plan-price .price {
        margin-bottom: 0;
        padding: 22px 0 10px 0;
        font-size: 55px;
        font-weight: 900;
        line-height: 45px;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .plan-style-5 .plan-price .price span {
        padding: 0 5px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

    .plan-style-5 .plan-list {
        margin-bottom: 0;
        padding: 17px 30px 16px 30px;
        position: relative;
        background-color: #fff;
    }

    .plan-style-5 .plan-list li {
        position: relative;
        list-style-type: none;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #888;
        letter-spacing: 0.02rem;
        line-height: 40px;
        border-bottom: 1px solid #eee;
    }

    .plan-style-5 .plan-list li:last-child {
        border-bottom: none;
    }

    .plan-style-5 .plan-list li i {
        margin: 0 10px 0 5px;
        float: right;
        position: relative;
        right: -10px;
        font-size: 13px;
        line-height: 40px;
    }

    .plan-style-5 .plan-list li i.far.fa-times-circle {
        color: #fb5757;
    }

    .plan-style-5 .plan-list .tooltip-info {
        cursor: pointer;
    }

    .plan-style-5 .plan-list .tooltip-hover-text {
        color: #555;
        font-weight: 600;
    }

    .plan-style-5 .tooltip-info .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        letter-spacing: 0.02rem;
        color: #fff;
        text-align: center;
        line-height: 20px;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 2;
        bottom: 35px;
        left: 20%;
        margin-left: -60px;
    }

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

    .plan-style-5 .tooltip-info:hover .tooltiptext {
        visibility: visible;
    }

    .plan-style-5 .plan-bottom {
        padding: 13px 0 42px 0;
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .plan-style-5 .plan-button {
        padding: 13px 30px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 30px;
    }

    .plan-style-5 .plan-button i {
        margin: 0 0 0 10px;
        font-size: 12px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .plan-style-5 .plan-button:hover i {
        margin: 0 0 0 15px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    /* End Pricing plan style 5 */

	/*Color CSS File 
	===================
	Item Name: Sava - Creative pricing tables
	Author: Ashish Maraviya
	Version: 2.0
	Copyright 2019
===================*/
/* Start Pricing plan style 1 */
.plan-style-1 .plan-header{
	background: linear-gradient(to right, #b76cd2, #4c3bb3);
}
.plan-style-1 .plan-button{
	background-image: linear-gradient(to right, #b76cd2, #4c3bb3, #4c3bb3, #b76cd2);
}
.plan-style-1 .plan-list li i{
	color: #4c3bb3;
}
/* End Pricing plan style 1 */
/* Start Pricing plan style 2 */
.plan-style-2:hover .price, .plan-style-2 .plan-button:hover{
	color: #4c3bb3;
}
.plan-style-2 .plan-header, .plan-style-2 .plan-bottom{
	background: linear-gradient(to right, #111132, #020252);
}
/* End Pricing plan style 2 */
/* Start Pricing plan style 3 */
.plan-style-3 .plan-header, .plan-style-3 .plan-bottom{
	background: linear-gradient(to right, #b76cd2, #4c3bb3);
}
.plan-style-3 .plan-list li i.far.fa-check-circle, .plan-style-3 .plan-button:hover{
    color: #4c3bb3;
}
/* End Pricing plan style 3 */
/* Start Pricing plan style 4 */
.plan-style-4 .plan-header{
	border-bottom: 5px solid #4c3bb3;
}
.plan-style-4 .plan-header .plan-label, .plan-style-4 .plan-header .plan-icon, .plan-style-4 .plan-price{    
	background: linear-gradient(to right, #b76cd2, #4c3bb3);
}
.plan-style-4:hover .plan-title{
	color: #4c3bb3;
}
.plan-style-4 .plan-button{
	background-image: linear-gradient(to right, #b76cd2, #4c3bb3, #4c3bb3, #b76cd2);
}
/* End Pricing plan style 4 */
/* Start Pricing plan style 5 */
.plan-style-5 .plan-header .lable, .plan-style-5 .plan-header .plan-icon, .plan-style-5 .plan-price{
    background: linear-gradient(to right, #b76cd2, #4c3bb3);
}
.plan-style-5:hover .plan-title, .plan-style-5 .plan-list li i.far.fa-check-circle, .plan-style-5 .plan-button{
	color: #4c3bb3;
}
.plan-style-5 .plan-button{
	border: 2px solid #4c3bb3;
}