@charset "UTF-8"; /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
.browse-count, .browse-location, dfn {
    font-style: italic
}

.pricing-box-inner, .text-left {
    text-align: left !important
}

.invisible, .modal-overlay {
    visibility: hidden
}

.help-block, h4 {
    letter-spacing: .06em
}

.css-checkbox, .css-radio, .datepicker table, .event-box .chose-sport-popup * {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.collapsing, svg:not(:root) {
    overflow: hidden
}

.owl-carousel, .owl-carousel .owl-item, [class^=swal2], html {
    -webkit-tap-highlight-color: transparent
}

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

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
    }

b, optgroup, strong {
    font-weight: 700
}

h1 {
    margin: .67em 0
}

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

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

sub {
    bottom: -.25em
}

img {
    border: 0;
    vertical-align: middle
}

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

.img-thumbnail, select[multiple], select[size], textarea.form-control {
    height: auto
}

pre, textarea {
    overflow: auto
}

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

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

.glyphicon, figure.effect-zoe p.icon-links a span::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

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 {
        padding: 0;
        border: 0
    }

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

*, :after, :before, input[type=checkbox], input[type=radio], input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

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

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

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

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !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: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

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

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

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

.carousel-caption, .carousel-control {
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-info, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.img-thumbnail, body {
    background-color: #fff
}

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

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

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

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

.glyphicon-eur:before, .glyphicon-euro: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, .glyphicon-btc:before, .glyphicon-xbt:before {
    content: "\e227"
}

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

.glyphicon-rub:before, .glyphicon-ruble: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"
}

*, :after, :before {
    box-sizing: border-box
}

body {
    margin: 0;
    color: #333
}

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

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

a:focus {
    outline-offset: -2px
}

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

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

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    padding: 4px;
    line-height: 1.42857143;
    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
}

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

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    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, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }

.lead, .tooltip {
    line-height: 1.4
}

.h1, .h2, .h3, h1, h2, 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, .h5, .h6, h4, h5, 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, .panel-heading, h3 {
    font-size: 24px
}

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

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

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

p {
    margin: 0 0 15px
}

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

address, blockquote .small, blockquote footer, blockquote small, dd, dt, output, pre {
    line-height: 1.42857143
}

dt, kbd kbd {
    font-weight: 700
}

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

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

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

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

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.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 {
    color: #286090
}

.text-success {
    color: #4caf50
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #e6ac52
}

a.text-warning:hover {
    color: #d29940
}

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

.bg-danger, .bg-info, .bg-primary, .bg-success, .bg-warning {
    opacity: 1 !important;
    color: #fff !important
}

.bg-primary {
    background-color: #4bc0c0 !important
}

a.bg-primary:hover {
    background-color: #4bc0c0
}

.bg-success {
    background-color: #4caf50 !important
}

a.bg-success:hover, button.bg-success:hover {
    background-color: #3b993f !important
}

.bg-info {
    background-color: #2196f3 !important
}

a.bg-info:hover, button.bg-info:hover {
    background-color: #208ade !important
}

.bg-warning {
    background-color: #f3c111 !important
}

a.bg-warning:hover, button.bg-warning:hover {
    background-color: #d6ad1b !important
}

.bg-danger {
    background-color: #e25362 !important
}

a.bg-danger:hover, button.bg-danger:hover {
    background-color: #c03a48 !important
}

pre code, table {
    background-color: transparent
}

.btn-inverse, kbd {
    background-color: #333
}

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

dl, ol, ul {
    margin-top: 0
}

ol, ul {
    margin-bottom: 10px
}

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

.list-inline {
    margin-left: -5px
}

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

dl {
    margin-bottom: 20px
}

dd {
    margin-left: 0
}

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

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

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.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 ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

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

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

    .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, .dropup .caret, .nav-border .nav > li.active:after, .navbar-fixed-bottom .dropdown .caret, .popover > .arrow:after, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
        content: ""
    }

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

.dropdown-menu, .popover, caption, th {
    text-align: left
}

code, kbd {
    padding: 2px 4px;
    font-size: 90%
}

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

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

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

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

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

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    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;
        border-radius: 0
    }

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

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

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

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

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

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

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

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    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-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        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-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        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-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        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 .table, .table.white {
    background-color: #fff
}

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

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

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        border-top: 1px solid #eceeef;
        border-color: rgba(120,130,140,.53);
        vertical-align: middle
    }

    .table > thead > tr > th {
        padding: 10px 16px;
        font-weight: 600;
        vertical-align: bottom;
        border-bottom: 2px solid #eceeef
    }

    .table > tbody > tr > td {
        padding: 5px 12px
    }

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

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

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

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid rgba(120,130,140,.23)
}

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

.table-striped > tbody > tr:nth-child(odd) {
    background-color: rgba(0,0,0,.025)
}

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

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
}

.checkbox, .form-control, .radio, input[type=file], legend, output {
    display: block
}

.btn-group > .btn-group, .btn-toolbar .btn-group, .btn-toolbar .input-group, .dropdown-menu {
    float: left
}

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

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

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

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

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

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

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

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

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

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

@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 > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

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

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

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

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

fieldset, legend {
    padding: 0;
    border: 0
}

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

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

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

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

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

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

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

output {
    padding-top: 7px;
    font-size: 14px;
    color: #555
}

.form-control, .form-group label {
    font-size: 16px
}

.form-control {
    width: 100%;
    padding: 8px 12px;
    line-height: 1.25;
    color: #555;
    background-color: #fff;
    font-weight: 400;
    border: 1px solid rgba(0,0,0,.45);
    border-radius: 4px;
    transition: all .2s ease
}

.form-group-sm .form-control, .input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.form-control:focus {
    border-color: #0278b8;
    box-shadow: none;
    outline: 0
}

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

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

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

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

.form-control[disabled], fieldset[disabled] .form-control {
    background-color: #ededed;
    opacity: 1;
    cursor: not-allowed
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
        line-height: 34px
    }

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

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

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

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

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

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

.btn-icon, .btn:not(.btn-icon) > i, .checkbox-inline, .has-feedback, .radio-inline {
    position: relative
}

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

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

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

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

.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;
    line-height: 1.5
}

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

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

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

.form-group-lg .form-control, .input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

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

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

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

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

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

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

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

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

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

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

.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 {
    width: 46px;
    height: 46px;
    line-height: 46px
}

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

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

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

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

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

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

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

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

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

.has-error .form-control {
    border-color: #f04
}

    .has-error .form-control:focus {
        border-color: #843534
    }

.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: 8px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 19px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-control-static, .form-inline .form-group {
        display: inline-block
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn + .btn, .popover.right {
    margin-left: 10px
}

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

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

    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    padding: 12px 16px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
    -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67);
    transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.circle, .rounded {
    border-radius: 500px !important
}

.btn:not(.btn-icon) > i {
    top: 1px;
    margin-right: 4px;
    margin-left: -8px
}

.btn-icon i {
    left: 0;
    font-size: 14px !important
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 !important
}

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

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

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.btn-inverse, .btn-inverse:focus, .btn-inverse:hover {
    color: #fff
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: rgba(120,130,140,.2)
}

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

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        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.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

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

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

.btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

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

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

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

.btn-info {
    color: #fff;
    background-color: #4bb5c1;
    border-color: #4bb5c1
}

    .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #47acb7;
        border-color: #47acb7
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
        cursor: default !important;
        outline: 0 !important
    }

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

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

    .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ddb728 !important;
        border-color: #ddb728 !important
    }

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

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

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

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

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

    .btn-danger .badge {
        color: #e25362;
        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:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

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

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

.btn-group-lg > .btn, .btn-lg {
    font-weight: 300;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 4px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 4px 20px !important;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px
}

    .btn-sm:not(.btn-icon) > i {
        margin-left: 4px !important;
        margin-right: -5px !important;
        position: relative !important;
        top: 2px !important;
        font-size: 16px !important
    }

.collapsing, .dropdown, .dropup {
    position: relative
}

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

.dropdown-header, .dropdown-menu > li > a {
    white-space: nowrap;
    line-height: 1.42857143
}

.btn-block {
    display: block
}

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

.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 {
    height: 0;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}

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

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    max-height: 233px;
    overflow-y: auto;
    padding: 5px 0;
    margin: 0 0 0 -1px !important;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: -2px 2px 5px 0 rgba(0,0,0,.1)
}

.badge, .input-group-addon, .label, .nav-justified > li > a, .pager, .progress-bar, .tooltip-inner {
    text-align: center
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

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

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

.dropdown-menu > li > a {
    display: block;
    clear: both;
    color: #333 !important
}

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

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

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

    .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
    }

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

.open > a {
    outline: 0
}

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    color: #777
}

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

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2
}

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid
}

.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-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left
    }

    .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 {
        margin-left: 5px
    }

.btn .caret, .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: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,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.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
    }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group, .input-group-btn > .btn + .btn {
    margin-left: -1px
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    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-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=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group, .input-group-btn, .input-group-btn > .btn, .nav > li, .nav > li > a {
    position: relative
}

.input-group {
    display: inline-flex
}

    .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-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
}

.custom-datepicker-popup, 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
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.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
}

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

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

.nav > li, .nav > li > a {
    display: block
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: transparent;
    border: 1px solid rgba(120,130,140,.2);
    border-radius: 4px
}

.modal-title, .nav-tabs > li > a, .pagination > li > a, .pagination > li > span, .popover, .thumbnail {
    line-height: 1.42857143
}

.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=checkbox], .input-group-addon input[type=radio] {
    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-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    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:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li.nav-header {
        padding: 0 15px;
        font-weight: 600
    }

    .breadcrumb, .nav > li > a {
        padding: 8px 15px
    }

.navbar, .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px
}

.navside .nav-text {
    opacity: .65
}

.close, .navside .active > a > .nav-text, .navside a:focus > .nav-text, .navside a:hover > .nav-text {
    opacity: 1
}

.nav-border .nav > li.active:after {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left-color: inherit;
    border-left-width: 3px;
    border-left-style: solid
}

.nav-justified > .dropdown .dropdown-menu, .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav > li.disabled > a {
    color: #777
}

    .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
    }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7
}

    .nav .open > a.btn-inverse {
        background: #333 !important
    }

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

.navbar-collapse, .side--menu {
    -webkit-overflow-scrolling: touch
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs > li {
    float: left
}

    .nav-tabs > li > a {
        margin-right: 2px;
        border-radius: 4px 4px 0 0
    }

.navbar-brand, .navbar-item, .navbar-nav > .nav-item > .nav-link, .navbar-nav > .nav-link, .navbar-nav > li > a {
    line-height: 50px
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    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;
            margin-right: 0;
            border-radius: 4px
        }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.breadcrumb, .nav-pills > li > a, .nav-tabs-justified > li > a, .pagination, .progress {
    border-radius: 4px
}

.nav-pills > li {
    float: left
}

.nav-justified > li, .nav-stacked > li {
    float: none
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

    .nav-justified > li > a {
        margin-bottom: 5px
    }

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }

    .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:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.breadcrumb, .navbar, .progress, .thumbnail {
    margin-bottom: 20px
}

.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;
    border: 1px solid transparent
}

.navbar-collapse {
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }

    .navbar-header {
        float: left
    }

    .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-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.embed-responsive, .modal, .modal-open, .progress {
    overflow: hidden
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    font-size: 18px
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width: 768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
        border-radius: 0
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    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
        }

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding: 0
    }

@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 .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

.progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-danger, .progress-striped .progress-bar-info, .progress-striped .progress-bar-success, .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding: 0
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}

@media (min-width: 768px) {
    .navbar-form .form-control-static, .navbar-form .form-group {
        display: inline-block
    }

    .navbar-form .control-label, .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

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

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

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

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

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

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

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

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

.breadcrumb > li, .label, .pager li > a, .pager li > span, .pagination {
    display: inline-block
}

@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
    }

    .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:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            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-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        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:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            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-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        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:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.breadcrumb, .progress {
    background-color: #f5f5f5
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.breadcrumb {
    list-style: none
}

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0"
    }

    .breadcrumb > .active {
        color: #777
    }

.pagination {
    padding-left: 0;
    margin: 20px 0
}

    .pager li, .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

.badge, .label {
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline
}

.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 > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    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
}

.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
}

.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;
    list-style: none
}

    .pager li > a, .pager li > span {
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
    }

        .pager li > a:focus, .pager li > a:hover {
            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:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

.label {
    padding: .2em .6em;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border-radius: .25em
}

.alert, .label-md {
    font-size: 16px
}

.embed-responsive, .label-xs {
    position: relative;
    padding: 0
}

.label-xs {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    top: 2px
}

.btn .badge, .btn .label {
    position: relative;
    top: -1px
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.label-default {
    background-color: #bdbdbd
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e
    }

.label-primary, .progress-bar {
    background-color: #337ab7
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #e25362
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #d8195a
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #777;
    border-radius: 10px
}

    .badge:empty, .modal {
        display: none
    }

.list-group-item, .media-object, .thumbnail {
    display: block
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.jumbotron, .jumbotron .h1, .jumbotron h1 {
    color: inherit
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    background-color: #eee
}

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5
    }

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    padding: 4px;
    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 a > img, .thumbnail > img {
        margin-right: auto;
        margin-left: auto
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: #fcf8e3;
    border: 1px solid #e9e2ba;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 22px
}

    .alert h4 {
        font-size: 16px !important;
        margin-bottom: 4px !important;
        margin: 0
    }

    .alert, .alert h4 {
        color: #c09853
    }

        .alert #myAlertMessage2 {
            font-size: 11px;
            margin-top: 20px;
            margin-bottom: -20px
        }

.alert-block p + p, .panel-group .panel + .panel {
    margin-top: 5px
}

.alert .close {
    position: relative;
    top: 1px;
    right: -24px;
    line-height: 20px
}

.close, .tooltip.top-left .tooltip-arrow {
    right: 5px
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success h4 {
        color: #468847
    }

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48
    }

.alert-info, .alert-info h4 {
    color: #3a87ad
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0
    }

@-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;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.close, .panel-title {
    font-size: 16px
}

.progress-bar-striped, .progress-striped .progress-bar {
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -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-bar-info {
    background-color: #5bc0de
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #e25362
}

.media {
    margin-top: 15px
}

    .close, .media-heading, .media:first-child, .panel-title {
        margin-top: 0
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-bottom: 5px
}

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

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

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

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

.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
}

a.list-group-item {
    color: #555
}

    .panel-default > .panel-heading, a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.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;
    box-shadow: 0 1px 2px rgba(0,0,0,.15),0 -1px 0 rgba(0,0,0,.02)
}

.grid-row, .panel-footer, .well {
    background-color: #f5f5f5
}

.panel-title, .panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px 20px 20px
}

.panel-heading {
    padding: 20px 20px 15px
}

.panel-footer {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.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
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel > .table-responsive:first-child > .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 th:first-child, .panel > .table-responsive:first-child > .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 th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel > .table-responsive:first-child > .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 th:last-child, .panel > .table-responsive:first-child > .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 th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

.panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

    .panel > .table-responsive:last-child > .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 th:first-child, .panel > .table-responsive:last-child > .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 th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel > .table-responsive:last-child > .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 th:last-child, .panel > .table-responsive:last-child > .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 th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .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-group .panel-footer, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

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

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

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group, .well {
    margin-bottom: 20px
}

    .panel-group .panel-footer + .panel-collapse .panel-body, .steps-menu ul li a {
        border-bottom: 1px solid #ddd
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

.panel-default {
    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 {
    display: block;
    height: 0
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.close, .or {
    width: 30px
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    position: absolute;
    top: 5px;
    height: 30px;
    border-radius: 26px;
    border: 2px solid #999;
    color: #999;
    background: #fff
}

.modal-content, .popover {
    background-color: #fff;
    background-clip: padding-box;
    -webkit-background-clip: padding-box
}

.modal, .modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.close i {
    position: relative
}

.close:focus, .close:hover {
    color: #0086bf;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    opacity: 1
}

.modal {
    position: fixed;
    z-index: 1060;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%)
    }

    .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;
    display: inline-block
}

.modal-content {
    position: relative;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: .75
    }

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    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,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

@media (min-width: 992px) {
    .modal-lg {
        width: 675px
    }
}

.popover > .arrow, .popover > .arrow:after, .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip {
    position: absolute;
    z-index: 10999;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    opacity: 0
}

.modal-top, .popover {
    z-index: 1060
}

.tooltip.in {
    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-inner {
    max-width: 240px;
    padding: 8px 14px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    max-width: 320px;
    padding: 1px;
    font-size: 15px;
    font-weight: 400;
    white-space: normal;
    border-radius: 2px
}

    .popover.top {
        margin-top: -10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 2px 2px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    display: block
}

.carousel, .carousel-inner {
    position: relative
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        border-width: 10px
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(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.left > .arrow:after, .popover.right > .arrow:after {
    bottom: -10px;
    content: " "
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0
}

    .popover.right > .arrow:after {
        left: 1px;
        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,.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,.25)
}

    .popover.left > .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff
    }

.carousel-inner {
    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 > a > img, .carousel-inner > .item > 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: 1000;
        perspective: 1000
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0)
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0)
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,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;
    opacity: .5
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-repeat: repeat-x
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.steps-menu ul li a, a:active, a:focus, a:hover, a:hover .more-link {
    text-decoration: none !important
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    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: transparent;
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th, .text-hide {
    background-color: transparent
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

    .carousel-caption .btn, .text-hide {
        text-shadow: none
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row: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
}

.hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .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
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .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
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .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
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.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
    }

    .hidden-print {
        display: none !important
    }
}

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

.datepicker-dropdown:after, .datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-top: 0;
    position: absolute
}

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

    .datepicker.datepicker-rtl, .owl-carousel.owl-rtl {
        direction: rtl
    }

.datepicker-inline {
    width: 100%
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

    .datepicker-dropdown:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #999;
        border-bottom-color: rgba(0,0,0,.2)
    }

    .datepicker-dropdown:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff
    }

.datepicker table {
    width: 100%;
    margin: 0;
    user-select: none
}

.chose-sport-popup *, .cropPrev, .datepicker table, .innerCrop, .outerCrop, .swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.datepicker td, .datepicker th {
    text-align: center;
    padding: 10px 5px !important;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none
}

.range-modal-box .datepicker td, .range-modal-box .datepicker th {
    border-radius: 0 !important
}

.datepicker th {
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase
}

.crop-prev-size, .cropper label, .input-daterange .add-on, .select2-container--default .select2-results__option, .sl-date, .text-s-xs {
    font-weight: 400
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today:hover:hover, .show-mobile-flex.active .menu-mobile {
    color: #000
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #b8d6e6
}

    .datepicker table tr td.today.active:hover {
        color: #fff
    }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #0080c3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
        background-image: -webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -o-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-repeat: repeat-x;
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
            background-color: #f3e97a
        }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    background-color: #e25362 !important;
    color: #fff;
    border-radius: 0 !important
}

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
        background-color: grey
    }

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #0080c3;
    color: #fff
}

    .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
        background-color: #0080c3
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background-color: #0080c3;
        color: #fff
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #999;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        background-color: #0080c3;
        color: #fff
    }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
            background-color: #0080c3
        }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: #999
    }

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker .next i, .datepicker .prev i {
        position: relative;
        top: 2px
    }

    .datepicker .prev i {
        right: 1px
    }

    .datepicker .next i {
        left: 1px
    }

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #eee
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px
}

.input-append.date .add-on, .input-prepend.date .add-on {
    cursor: pointer
}

    .input-append.date .add-on i, .input-prepend.date .add-on i {
        margin-top: 3px
    }

.input-daterange input {
    text-align: center
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.frm-ui-group, .select2-results__options {
    padding: 10px 0 0 !important
}

/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */
.select2-container .select2-selection--single {
    border-radius: 4px !important
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: 1px solid #0278b8 !important
}

.sl-item, .streamline {
    border-color: rgba(120,130,140,.2);
    position: relative
}

    .sl-item:after, .streamline .sl-icon:before, .streamline .sl-item:before {
        content: "";
        position: absolute;
        border-color: inherit;
        border-style: solid
    }

.select2-container--default .dd_dark_menu .select2-results__option--highlighted[aria-selected] {
    color: #0278b8 !important
}

.sl-item {
    padding: 10px 16px;
    clear: left
}

.streamline .sl-icon:before, .streamline .sl-item:before {
    border-width: 3px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 14px
}

.sl-item:after {
    top: 26px;
    bottom: -12px;
    left: 20px;
    z-index: 1;
    border-left-width: 2px;
    border-right-width: 0
}

.ui-switch, .ui-switch i {
    height: 18px;
    position: relative
}

.sl-item:last-child:after {
    display: none
}

.sl-content {
    margin-left: 24px;
    display: block
}

.label-text, .ui-switch, .ui-switch i {
    display: inline-block
}

.sl-date {
    font-size: .85em;
    color: inherit !important
}

.ui-switch {
    margin: 0;
    cursor: pointer
}

.form-group .ui-switch {
    margin-top: 7px !important
}

.ui-switch i {
    width: 32px;
    border-radius: 30px;
    background-color: #22b66e
}

    .ui-switch i:after, .ui-switch i:before {
        position: absolute;
        background-color: #fff
    }

.ui-switch input {
    position: absolute;
    opacity: 0
}

    .ui-switch input:checked + i:before {
        top: 50%;
        bottom: 50%;
        left: 50%;
        right: 5px;
        border-width: 0;
        border-radius: 5px
    }

    .ui-switch input:checked + i:after {
        margin-left: 15px
    }

.ui-switch i:before {
    content: "";
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border: 1px solid #b2b2b2;
    border-radius: 30px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.tl-wrap:before, .ui-switch i:after {
    border-radius: 50%;
    content: ""
}

.ui-switch i:after {
    width: 16px;
    top: 1px;
    bottom: 1px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.65);
    -webkit-transition: margin .3s;
    transition: margin .3s
}

.ui-switch-md {
    width: 40px;
    height: 24px
}

    .ui-switch-md input:checked + i:after {
        margin-left: 17px
    }

    .ui-switch-md i:after {
        width: 22px
    }

.ui-switch-lg {
    width: 50px;
    height: 30px
}

    .ui-switch-lg input:checked + i:after {
        margin-left: 21px
    }

.cropping-options > li + li, .label-text {
    margin-left: 6px
}

.ui-switch-lg i:after {
    width: 28px
}

.label-text span {
    display: none;
    font-size: 14px;
    opacity: .55;
    position: relative;
    top: -3px
}

    .label-text span.unchecked {
        display: block
    }

input:checked ~ .label-text span.unchecked {
    display: none
}

input:checked ~ .label-text span.checked {
    display: block
}

.btn-outline.btn-danger {
    border-color: #ef193c;
    color: #ef193c;
    background-color: transparent
}

    .btn-outline.btn-danger:hover {
        background-color: #ef193c;
        color: #fff
    }

.btn-round {
    border-radius: 50px !important;
    padding: 6px 30px
}

.btn.white {
    background-color: #fff;
    border-color: rgba(120,130,140,.2)
}

    .btn.white:not([disabled]).active, .btn.white:not([disabled]):focus, .btn.white:not([disabled]):hover {
        box-shadow: inset 0 -10rem 0 rgba(158,158,158,.2)
    }

.modal-head--custom {
    height: 60px;
    display: flex;
    align-items: center
}

    .modal-head--custom h4 {
        margin: 0;
        line-height: 20px;
        padding: 0 25px;
        float: left
    }

    .modal-head--custom .modal-close {
        cursor: pointer;
        float: right;
        font-size: 30px;
        margin: 12px 20px 0 0;
        opacity: .5
    }

        .modal-head--custom .modal-close:hover {
            opacity: 1
        }

.modal-right, .modal-right.modal-dialog {
    position: fixed;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    overflow: auto;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    transition: transform .4s cubic-bezier(.25,.8,.25,1);
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.modal.fade .modal-dialog.modal-right {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.modal-head--custom {
    flex: 0 0 60px
}

.modal-inner--custom {
    flex: 1 1 auto;
    overflow: auto
}

.modal-right {
    left: auto
}

.modal.in .modal-right, .modal.in .modal-right.modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.modal-md {
    width: 600px
}

.sport-choose-box {
    border-radius: 4px;
    cursor: pointer;
    padding: 30px 20px 20px;
    position: relative;
    display: block;
    border: 1px solid rgba(120,130,140,.2);
    margin-bottom: 30px
}

.chosen-sport-picked, .form-group .choose-sport a.btn {
    height: 38px;
    padding: 0 30px;
    line-height: 38px
}

.sport-choose-box:hover {
    background-color: rgba(158,158,158,.2)
}

.sport-choose-box input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

    .sport-choose-box input:checked ~ div {
        color: #fff
    }

.sport-choose-box div:before {
    border-radius: 4px;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: #4bc0c0;
    z-index: -10;
    display: none
}

.sport-choose-box input:checked ~ div:before {
    display: block
}

.sport-choose-box div i {
    font-size: 32px;
    display: block;
    text-align: center
}

.sport-choose-box div span {
    font-size: 18px;
    display: block;
    text-align: center;
    margin: 10px 0 0
}

.input-group-btn i, .issued-used, .text-s-xs {
    font-size: 14px
}

.chosen-sport-picked {
    cursor: pointer;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid rgba(158,158,158,.2)
}

    .chosen-sport-picked:hover {
        background-color: rgba(158,158,158,.2)
    }

    .chosen-sport-picked i {
        float: right;
        margin: 12px -6px 0 14px
    }

.bg-black .text-s-xs {
    color: rgba(225,235,245,.87);
    opacity: .45
}

.bg-black .text-muted {
    color: #818a91 !important;
    opacity: .85 !important
}

.bg-black .form-control {
    background: 0 0 !important;
    color: inherit !important
}

    .bg-black .form-control::-moz-placeholder {
        color: inherit !important;
        opacity: .25
    }

    .bg-black .form-control:-ms-input-placeholder {
        color: inherit !important;
        opacity: .25
    }

    .bg-black .form-control::-webkit-input-placeholder {
        color: inherit !important;
        opacity: .25
    }

.input-group:not(.ranged-datepicker,.datepicker-hld) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 220px
}

.datepicker-hld, .ranged-datepicker {
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important
}

.avatar, .input-group-addon, .input-group-btn, .input-group-btn .btn, .input-group:not(.ranged-datepicker) .form-control {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.full-w, .full-w > div {
    width: 100% !important
}

.modal-sm {
    width: 400px !important
}

.datepicker-hld input[date-target] {
    min-width: 88px !important;
    max-width: 105px !important;
    padding-left: 10px !important;
    padding-right: 10px !important
}

.full-w .datepicker-hld input[date-target] {
    max-width: inherit !important
}

.input-group:not(.ranged-datepicker) .form-control {
    width: calc(100% - 42px)
}

.input-group .form-control[time-target] {
    width: 95px !important;
    border-left: 0
}

    .input-group .form-control[time-target]:focus {
        border: 1px solid rgba(120,130,140,.2);
        border-left: 0 !important
    }

.input-group-addon, .input-group-btn {
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

    .input-group-btn .btn {
        height: 35px
    }

    .input-group-addon, .input-group-btn, .input-group-btn .btn {
        display: flex;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

.inline-label-icon i {
    position: relative;
    top: 0;
    margin-right: 5px
}

.bg-black .input-group-addon, .bg-black .input-group-btn .btn, .bg-black .input-group-btn .btn:hover, .bg-black .input-group-btn i, .bg-black .input-group-btn:hover .btn {
    box-shadow: none !important;
    border-color: rgba(120,130,140,.2) !important;
    background: rgba(120,130,140,.065) !important;
    color: inherit !important
}

.avatar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

    .avatar img {
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }

    .avatar i {
        position: absolute;
        left: 0;
        top: 0;
        width: 10px;
        height: 10px;
        margin: 1px;
        border-width: 2px;
        border-style: solid;
        border-radius: 100%;
        background-color: #fff
    }

.avatar-160 {
    width: 160px;
    height: 160px;
    border-radius: 160px;
    overflow: hidden;
    margin: auto
}

.avatar i.no-border {
    width: 8px;
    height: 8px;
    margin: 2px;
    border-color: rgba(0,0,0,.1)
}

.avatar i.avatar-center {
    top: 50%;
    margin: -4px 0 0
}

    .avatar i.avatar-center + img {
        margin: 0 14px 0 24px;
        width: auto
    }

.row-body, .row-col {
    width: 100%;
    height: 100%
}

.avatar i.avatar-top {
    left: 0;
    top: 0
}

.avatar i.avatar-right {
    left: auto;
    top: 0;
    right: 0
}

.avatar i.avatar-bottom, .avatar i.avatar-left {
    left: auto;
    top: auto;
    bottom: 0
}

.avatar i.avatar-bottom {
    right: 0
}

.avatar i.on {
    background-color: #22b66e
}

.avatar i.off {
    background-color: #f6fafb
}

.avatar i.away {
    background-color: #f3c111
}

.avatar i.busy {
    background-color: #ef193c
}

.avatar.w-32 i {
    margin: 0
}

.avatar.w-48 i {
    margin: 2px
}

.avatar.w-56 i {
    margin: 3px
}

.avatar.w-64 i {
    margin: 4px
}

.avatar.w-96 i {
    margin: 9px
}

.avatar.w-128 i {
    margin: 14px
}

.btn-icon {
    padding: 0 !important;
    width: 38px;
    height: 38px;
    line-height: 38px;
    overflow: hidden
}

    .btn-icon i {
        color: #fff;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        line-height: inherit;
        border-radius: inherit;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.modal-overlay, .modal-wrapper {
    left: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    transition: all .3s ease
}

.explore-item-actions a, .timepicker-column ul {
    transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.btn-icon.btn-xs {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem
}

.btn-icon.btn-sm {
    width: 1.775rem;
    height: 1.775rem;
    line-height: 1.775rem
}

.btn-icon.btn-lg {
    width: 3.167rem;
    height: 3.167rem;
    line-height: 3.167rem
}

.btn-icon.btn-social i:last-child {
    top: 100%
}

.btn-icon.btn-social.active i:first-child, .btn-icon.btn-social:focus i:first-child, .btn-icon.btn-social:hover i:first-child {
    top: -100%
}

.btn-icon.btn-social.active i:last-child, .btn-icon.btn-social:focus i:last-child, .btn-icon.btn-social:hover i:last-child {
    top: 0;
    color: #fff
}

.btn-icon.btn-social-colored i:first-child {
    color: #fff
}

.btn-facebook {
    background-color: #3f51b5
}

.btn-twitter {
    background-color: #1da1f2
}

.btn-google {
    background-color: #da5541
}

.btn-snapchat {
    background-color: #e8e42d
}

.btn-youtube {
    background-color: #d54b3f
}

.btn-instagram {
    background-color: #843aa9
}

.btn-linkedin {
    background-color: #1387be
}

.issued-used {
    padding: 0;
    background: 0 0
}

.issued-used-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .issued-used-box span {
        padding: 5px 8px 4px;
        color: #444
    }

span.issued {
    background-color: #daeaff;
    border-radius: 4px
}

span.used {
    background-color: #e8e8e8;
    border-radius: 4px
}

.modal-overlay {
    opacity: 0;
    top: 0;
    background-color: #000;
    z-index: 1070
}

    .modal-overlay.in {
        opacity: .5;
        visibility: visible
    }

.modal-wrapper {
    opacity: 0;
    top: 0;
    visibility: hidden;
    display: none;
    z-index: 1080
}

    .modal-wrapper.flex {
        display: flex;
        align-items: center
    }

    .modal-wrapper.in {
        opacity: 1;
        visibility: visible
    }

    .modal-wrapper .modal-box {
        width: auto;
        margin: auto;
        background: #fff;
        border-radius: 4px;
        padding: 20px;
        position: relative
    }

        .modal-wrapper .modal-box.range-modal-box {
            width: 700px;
            padding: 0
        }

            .modal-wrapper .modal-box.range-modal-box .datepicker-box {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 0
            }

        .modal-wrapper .modal-box .modal-close {
            position: absolute;
            right: -20px;
            top: -20px;
            width: 40px;
            height: 40px;
            border-radius: 40px;
            background-color: #fff;
            text-align: center;
            line-height: 44px;
            font-size: 16px;
            cursor: pointer
        }

            .modal-wrapper .modal-box .modal-close:hover {
                background-color: #0080c3;
                color: #fff
            }

        .modal-wrapper .modal-box.range-modal-box .datepicker-col-from, .modal-wrapper .modal-box.range-modal-box .datepicker-col-to {
            flex: 1 1 350px
        }

            .modal-wrapper .modal-box.range-modal-box .datepicker-col-from h1, .modal-wrapper .modal-box.range-modal-box .datepicker-col-to h1 {
                font-size: 20px;
                text-align: center;
                background-color: #ededed;
                padding: 20px;
                margin: -20px -20px 0
            }

            .modal-wrapper .modal-box.range-modal-box .datepicker-col-from h1 {
                border-right: 1px solid #ccc;
                margin-right: -21px
            }

        .chosen-icon, .grid-filter, .modal-wrapper .modal-box.range-modal-box .datepicker-col-from {
            border-right: 1px solid #ededed
        }

        .modal-wrapper .modal-box.range-modal-box .datepicker-box-from, .modal-wrapper .modal-box.range-modal-box .datepicker-box-to {
            padding: 20px
        }

.timepicker-box-from, .timepicker-box-to {
    text-align: center
}

.timepicker-box-wrapper {
    margin: 0 -20px;
    padding: 20px 0;
    border-top: 1px solid #ededed;
    text-align: center
}

    .timepicker-box-wrapper > div {
        display: inline-block;
        padding: 0 20px
    }

.datepicker-inline {
    max-width: 300px !important;
    margin: 0 auto
}

.timepicker-box-wrapper > div + div {
    border-left: 1px solid #ededed
}

.modal-wrapper .modal-box.range-modal-box .timepicker-box-from, .modal-wrapper .modal-box.range-modal-box .timepicker-box-to {
    border-top: 1px solid #ededed;
    padding: 20px
}

.modal-footer {
    text-align: right;
    padding: 20px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.range-modal-box .modal-footer {
    padding: 20px 30px
}

.modal-footer .btn {
    margin-left: 10px
}

.range-label {
    border-left: 0;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 30px !important
}

.timepicker-column {
    width: 50px;
    display: inline-block;
    margin-right: 20px
}

    .timepicker-column:last-child {
        margin-right: 0
    }

.hours-box, .merdian-box, .minutes-box {
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: #ededed
}

.overflow, .overflow-normal {
    overflow-y: auto;
    overflow-x: hidden
}

.timepicker-column ul {
    padding: 0;
    margin: 0
}

    .timepicker-column ul li {
        width: 50px;
        height: 50px;
        display: block;
        list-style-type: none;
        font-size: 20px;
        line-height: 50px;
        text-align: center
    }

.timepicker-button {
    cursor: pointer;
    display: block;
    padding: 2px 0;
    font-size: 16px;
    text-align: center
}

.modal-error, .modal-range-selected {
    font-size: 16px;
    display: block;
    text-align: left
}

.modal-error {
    flex: 1 1 auto
}

.modal-range-selected {
    flex: 1 1 auto;
    color: #4caf50
}

.modal-error {
    color: #444;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0
}

    .modal-error .error-choice, .modal-error .success-choice {
        padding: 2px 8px 1px;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        margin: 0 2px
    }

    .modal-error .success-choice {
        background-color: #38923c
    }

    .modal-error .error-choice {
        background-color: #d8195a
    }

.wd-xs {
    width: 80px;
    flex: 0 0 80px
}

.ml-xs {
    margin-left: 80px !important
}

.l-h-1 {
    line-height: 1
}

.form-control.wd-md {
    max-width: 140px
}

.overflow::-webkit-scrollbar {
    width: 10px
}

.overflow::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 500px
}

.overflow::-webkit-scrollbar-thumb {
    border-radius: 500px;
    background-color: #2a91c8
}

.overflow:hover::-webkit-scrollbar-thumb {
    border-radius: 500px;
    background-color: #1174a9
}

.overflow-ft::-webkit-scrollbar {
    width: 14px
}

.bg-light {
    background-color: #ececec
}

.bg-light-hover:hover {
    background-color: #ccc
}

.bg-light-2x {
    background-color: #f7f7f7
}

.ps-t-0 {
    top: 0 !important
}

.rad-2 {
    border-radius: 2px
}

.rad-4 {
    border-radius: 4px
}

.no-bg {
    background: 0 0 !important
}

.no-b {
    border: 0 !important
}

.no-sh {
    box-shadow: none !important
}

.b-t-l-0 {
    border-top-left-radius: 0 !important
}

.b-t-r-0 {
    border-top-right-radius: 0 !important
}

.loader-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff
}

.dp-match-box > div.line-color, .external li .color-line {
    position: absolute;
    background-color: #f63;
    width: 6px;
    bottom: 2px
}

.cropper-rounded .loader-wrap {
    border-radius: 500px;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px
}

.cropper-rounded-modal .innerCrop {
    border-radius: 500px
}

[data-loader=cropper-loader] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    margin: -18px 0 0 -18px
}

    [data-loader=cropper-loader]:after, [data-loader=cropper-loader]:before {
        position: absolute;
        left: 0;
        width: 32px;
        height: 32px;
        content: "";
        -webkit-animation: .75s circle-scale infinite linear alternate;
        -o-animation: .75s circle-scale infinite linear alternate;
        animation: .75s circle-scale infinite linear alternate;
        border: 3px solid #ddd;
        border-radius: 100%
    }

    [data-loader=cropper-loader]:before {
        margin: 2px;
        -webkit-animation-delay: .35s;
        -o-animation-delay: .35s;
        animation-delay: .35s
    }

    [data-loader=cropper-loader]:after {
        width: 36px;
        height: 36px
    }

.cropper-rounded {
    border-radius: 500px;
    margin-bottom: 15px
}

    .cropper-rounded .croppedPreview {
        border-radius: 500px;
        overflow: hidden;
        transform: translateZ(0)
    }

@-webkit-keyframes circle-scale {
    0% {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes circle-scale {
    0% {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-o-keyframes circle-scale {
    0% {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes circle-scale {
    0% {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.crop-waiting {
    cursor: default !important
}

.crop-error {
    color: #e23131;
    margin-top: 14px;
    font-size: 14px
}

.cropPrev, .innerCrop, .outerCrop {
    -o-user-select: none;
    user-select: none
}

.cropping-options {
    position: absolute;
    top: -60px;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.cropping-done {
    top: 0;
    right: -42px
}

.cropping-box-opt-done {
    position: absolute;
    margin-left: 2px;
    top: 0;
    left: 100%;
    z-index: 10
}

.crop-prev-size {
    background: #ededed;
    border: 1px solid #ccc;
    display: block;
    padding: 5px 10px;
    margin: 5px
}

.cropper-rounded .crop-prev-size {
    bottom: -36px;
    border: 0;
    position: absolute;
    background: 0 0;
    width: 100%;
    text-align: center
}

.cropping-box-opt-done .cropping-options {
    position: relative !important;
    top: 0;
    left: 0
}

.cropping-options > li {
    list-style: none;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #ededed;
    color: #444;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    transition: all .15s ease
}

.extra-small-cropper .cropping-options {
    top: -30px !important
}

    .extra-small-cropper .cropping-options.cropping-done, .toast-backdrop {
        top: 0 !important
    }

    .extra-small-cropper .cropping-options > li {
        width: 24px;
        height: 24px
    }

        .extra-small-cropper .cropping-options > li i {
            font-size: 16px !important
        }

.cropping-done > li {
    border-radius: 0 4px 4px 0
}

    .cropping-done > li.remove-image {
        background-color: #f14c4c;
        color: #fff
    }

.cropping-options > li:hover {
    background-color: #c3c3c3
}

.cropping-options > li > span.crop-option-tooltip {
    position: absolute;
    display: inline-block;
    bottom: 100%;
    padding: 0 12px;
    white-space: nowrap;
    min-width: 140px;
    text-align: center;
    left: 0;
    border-radius: 4px;
    background-color: rgba(0,0,0,.75);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    font-size: 14px;
    color: #fff;
    margin: 0 0 14px -50px;
    transition: all .3s ease
}

.extra-small-cropper .cropping-options > li > span.crop-option-tooltip {
    margin: 0 0 14px -57px !important
}

.cropping-options > li > span.crop-option-tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: rgba(0,0,0,.75);
    border-width: 6px;
    margin-left: -6px
}

.cropper-info, .cropping-modal {
    right: 0;
    bottom: 0;
    top: 0;
    left: 0
}

.cropping-options > li:hover > span.crop-option-tooltip {
    visibility: visible;
    opacity: 1
}

.cropping-modal {
    overflow: hidden;
    position: fixed;
    background-color: rgba(0,0,0,.55);
    z-index: 10999;
    display: flex;
    align-items: center;
    justify-content: center
}

.cropper-info {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ccc;
    font-size: 18px;
    padding: 0 15px;
    text-align: center;
    line-height: 1.487
}

    .cropper-info > i {
        font-size: 60px;
        color: #ddd;
        margin-bottom: 30px
    }

.extra-small-cropper label i {
    font-size: 24px;
    margin-bottom: 0
}

.small-cropper label i {
    font-size: 24px;
    margin-bottom: 14px
}

.close i, .small-cropper label span {
    font-size: 14px !important
}

.extra-small-cropper label span {
    display: none !important
}

.cropper, .popover[class*=tour-].orphan .arrow {
    display: none
}

.small-cropper .cropper-info {
    padding: 0 15px !important
}

.cropper {
    width: 320px;
    height: 320px;
    border: 2px dashed #ddd;
    position: relative;
    z-index: 0
}

    .croppedPreview, .cropper input, .cropper label {
        position: absolute;
        top: 0;
        left: 0
    }

.cropping-in-progress {
    z-index: 10;
    border: 2px dashed #efefef !important
}

.cropper label {
    right: 0;
    bottom: 0;
    cursor: pointer
}

.cropper:hover {
    border: 2px dashed #aaa
}

.cropper input {
    opacity: 0;
    visibility: hidden
}

.croppedPreview {
    overflow: hidden;
    right: 0;
    bottom: 0
}

.zoom-container-control, .zoom-mobile {
    opacity: 1 !important;
    visibility: visible !important;
    top: auto !important
}

.innerCrop {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    z-index: 10
}

.dragging {
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important
}

.outerCrop {
    cursor: default
}

.zoom-container-control {
    position: absolute !important;
    bottom: -30px !important;
    left: 10px !important;
    right: 10px !important
}

.zoom-mobile {
    position: relative;
    left: auto !important;
    -webkit-appearance: none
}

    .zoom-mobile:focus {
        outline: 0
    }

    .zoom-mobile[disabled=disabled] {
        opacity: .5 !important;
        cursor: not-allowed !important
    }

    .zoom-mobile[type=range]::-webkit-slider-runnable-track {
        height: 6px;
        background: #fff;
        border: none;
        border-radius: 8px !important;
        -webkit-appearance: none
    }

    .zoom-mobile[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 28px;
        width: 12px;
        border-radius: 4px;
        background: #daa520;
        margin-top: -11px;
        outline: 0
    }

    .zoom-mobile[disabled=disabled]::-webkit-slider-thumb {
        background: #ccc !important
    }

.tour-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #000;
    opacity: .45
}

.tour-step-backdrop, .tour-step-backdrop > td {
    position: relative;
    z-index: 1101
}

.tour-step-background {
    position: absolute !important;
    z-index: 1100;
    background: inherit;
    border-radius: 4px !important
}

.popover[class*=tour-] {
    z-index: 1102
}

    .popover[class*=tour-] .popover-navigation {
        padding: 9px 14px;
        overflow: hidden
    }

        .popover[class*=tour-] .popover-navigation [data-role=end] {
            float: right
        }

        .popover[class*=tour-] .popover-navigation [data-role=end], .popover[class*=tour-] .popover-navigation [data-role=next], .popover[class*=tour-] .popover-navigation [data-role=prev] {
            cursor: pointer
        }

            .popover[class*=tour-] .popover-navigation [data-role=end].disabled, .popover[class*=tour-] .popover-navigation [data-role=next].disabled, .popover[class*=tour-] .popover-navigation [data-role=prev].disabled {
                cursor: default
            }

    .popover[class*=tour-].orphan {
        position: fixed;
        margin-top: 0
    }

/*! * Datetimepicker for Bootstrap 3 * version : 4.15.35 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */
.bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 2px 0;
        padding: 4px;
        width: 285px;
        box-shadow: 2px 2px 0 2px rgba(0,0,0,.05)
    }

        .bootstrap-datetimepicker-widget.dropdown-menu.top {
            margin-bottom: 18px !important
        }

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

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

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

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

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

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

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

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

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

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

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

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
    display: block;
    width: 100%
}

    .bootstrap-datetimepicker-widget a[data-action] span {
        width: 100%;
        padding: 10px 0 8px !important
    }

.bootstrap-datetimepicker-widget a[data-action=decrementMinutes], .bootstrap-datetimepicker-widget a[data-action=incrementMinutes] {
    font-size: 16px
}

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

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 100px;
    font-weight: 400;
    font-size: 31px;
    margin: 0
}

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

.bootstrap-datetimepicker-widget button[data-action=togglePeriod] {
    padding: 5px 20px !important;
    border-radius: 2px;
    width: 80px;
    font-weight: 600;
    font-size: 19px;
    letter-spacing: .06em;
    border: 0 !important;
    background: #ededed !important
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=today]::after, .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after, .bootstrap-datetimepicker-widget .picker-switch::after {
    overflow: hidden;
    clip: rect(0,0,0,0);
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    border: 0
}

.bootstrap-datetimepicker-widget button[data-action=togglePeriod]:hover {
    background: #ccc !important
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    padding: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    padding: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    padding: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    padding: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    padding: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    padding: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    padding: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    padding: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    padding: 0;
    content: "Set the date to today"
}

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

    .bootstrap-datetimepicker-widget .picker-switch::after {
        padding: 0;
        content: "Toggle Date and Time Screens"
    }

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

        .bootstrap-datetimepicker-widget .picker-switch td span {
            width: 100%
        }

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

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 2px;
        letter-spacing: .03em
    }

        .bootstrap-datetimepicker-widget table td.hour, .bootstrap-datetimepicker-widget table td.minute {
            padding: 12px 30px !important;
            font-size: 21px
        }

.timepicker-hours, .timepicker-minutes {
    margin: 31px 0 25px
}

.bootstrap-datetimepicker-widget table th {
    height: 30px;
    line-height: 30px;
    width: 20px;
    font-weight: 600;
    font-size: 19px;
    text-transform: uppercase
}

    .bootstrap-datetimepicker-widget table th.next, .bootstrap-datetimepicker-widget table th.prev {
        font-size: 21px;
        padding-top: 10px
    }

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

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

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

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

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

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

.bootstrap-datetimepicker-widget table td {
    width: 25%
}

    .bootstrap-datetimepicker-widget table td.separator {
        width: 20px
    }

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

    .bootstrap-datetimepicker-widget table td.day {
        height: 28px;
        line-height: 28px;
        width: 20px;
        font-size: 19px;
        font-weight: 600
    }

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

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

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

        .bootstrap-datetimepicker-widget table td.today:before {
            content: "";
            display: inline-block;
            border: solid transparent;
            border-width: 0 0 6px 6px;
            border-bottom-color: #4bb5c1;
            border-top-color: transparent;
            position: absolute;
            bottom: 4px;
            right: 4px
        }

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #4bb5c1;
        color: #fff
    }

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

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

    .bootstrap-datetimepicker-widget table td span {
        display: inline-block;
        width: 33.33333%;
        padding: 15px 0;
        margin: 0;
        cursor: pointer;
        font-size: 21px;
        border-radius: 2px;
        letter-spacing: .03em
    }

        .bootstrap-datetimepicker-widget table td span.month, .bootstrap-datetimepicker-widget table td span.year {
            font-size: 24px;
            text-transform: uppercase;
            padding: 23px 0;
            margin-top: 4px
        }

        .bootstrap-datetimepicker-widget table td span.decade {
            font-size: 21px;
            text-transform: uppercase;
            padding: 25px 0
        }

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

        .bootstrap-datetimepicker-widget table td span.active {
            background-color: #337ab7;
            color: #fff;
            border: 0
        }

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

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

.timepicker-picker td {
    padding: 0 5px !important
}

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

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

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

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

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

.toast-notify-icon-container {
    z-index: 10999 !important
}

/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */
.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

@keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

@keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInX, .flipInY {
    -webkit-backface-visibility: visible !important
}

.flipInY, .flipOutX {
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutX, .flipOutY {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 38px;
        user-select: none;
        outline: 0;
        -webkit-user-select: none
    }

.select2-selection--single:active, .select2-selection--single:focus {
    outline: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 28px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: inline-block;
        overflow: hidden;
        padding-left: 12px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.select2-container .select2-search--inline {
    float: left
}

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        padding: 0
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

    .select2-dropdown.dd_dark_menu {
        background-color: #101823;
        border: 1px solid #16202f
    }

    .select2-dropdown.select2-material {
        border-radius: 0 !important;
        border: 1px solid #26a69a !important
    }

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0
}

.select2-results__option {
    padding: 8px 12px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 10px 15px 5px
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-search--dropdown.select2-search--hide {
        display: none
    }

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.45);
    border-radius: 2px
}

.bg-black .select2-container--default .select2-selection--single {
    background: 0 0 !important;
    border: 1px solid rgba(120,130,140,.2)
}

.select2-selection--single.select2-material {
    border: 0;
    border-bottom: 1px solid #bcbcbc
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single.select2-material {
    border-bottom: 1px solid #26a69a !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px
}

.bg-black .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(225,235,245,.87)
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 28px
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0
    }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

.select2-container--classic .select2-selection--multiple .select2-selection__clear, .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    padding-left: 8px;
    padding-right: 8px;
    outline: 0;
    background: 0 0;
    border: 1px solid rgba(120,130,140,.2);
    border-radius: 2px
}

.dd_dark_menu .select2-search--dropdown .select2-search__field {
    color: rgba(225,235,245,.87);
    outline: 0;
    background: 0 0;
    border: 1px solid rgba(120,130,140,.2)
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: 0 0;
    color: #444;
    opacity: 1 !important
}

.select2-container--default .select2-results {
    padding: 10px 6px
}

.select2-container--default .select2-results__option {
    opacity: .65
}

.select2-container--default .dd_dark_menu .select2-results__option {
    color: #818a91 !important;
    background: 0 0;
    opacity: .85
}

.select2-container--default .dd_dark_menu .select2-results__option--highlighted[aria-selected] {
    color: rgba(225,235,245,.87) !important;
    background: 0 0;
    opacity: 1
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

figure, figure img {
    position: relative
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus, .select2-container--classic.select2-container--open .select2-selection--multiple {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

figure, figure h2, figure p {
    margin: 0
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.required-dd .select2-container--default .select2-selection--single {
    background-color: #f5e7e7;
    border-color: #eacfcf
}

figure, figure.effect-bubba {
    background: #3085a3
}

figure {
    overflow: hidden;
    height: auto;
    text-align: center;
    cursor: pointer
}

    figure img {
        display: block;
        min-height: 100%;
        max-width: 100%;
        opacity: .8
    }

    figure figcaption {
        padding: 2em;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        figure figcaption::after, figure figcaption::before {
            pointer-events: none
        }

        figure figcaption, figure figcaption > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

            figure figcaption > a {
                z-index: 1000;
                text-indent: 200%;
                white-space: nowrap;
                font-size: 0;
                opacity: 0
            }

    figure h2 {
        font-weight: 300;
        letter-spacing: .15em
    }

        figure h2 span {
            font-weight: 600
        }

    figure p {
        letter-spacing: 1px;
        font-size: 68.5%
    }

    figure.effect-lily img {
        max-width: none;
        width: -webkit-calc(100% + 50px);
        width: calc(100% + 50px);
        opacity: .7;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(-40px,0,0);
        transform: translate3d(-40px,0,0)
    }

    figure.effect-lily figcaption {
        text-align: left
    }

        figure.effect-lily figcaption > div {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 2em;
            width: 100%;
            height: 50%
        }

    figure.effect-lily h2, figure.effect-lily p {
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    figure.effect-lily h2 {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s
    }

    figure.effect-lily p {
        color: rgba(255,255,255,.8);
        opacity: 0;
        -webkit-transition: opacity .2s,-webkit-transform .35s;
        transition: opacity .2s,transform .35s
    }

    figure.effect-lily:hover img, figure.effect-lily:hover p {
        opacity: 1
    }

    figure.effect-lily:hover h2, figure.effect-lily:hover img, figure.effect-lily:hover p {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-lily:hover p {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms;
        -webkit-transition-duration: .35s;
        transition-duration: .35s
    }

    figure.effect-sadie figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);
        background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);
        content: "";
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0)
    }

    figure.effect-sadie h2 {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        color: #484c61;
        -webkit-transition: -webkit-transform .35s,color .35s;
        transition: transform .35s,color .35s;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    figure.effect-sadie figcaption::before, figure.effect-sadie p {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-sadie p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 100%;
        opacity: 0;
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    figure.effect-milo img, figure.effect-roxy img {
        max-width: none
    }

    figure.effect-sadie:hover h2 {
        color: #fff;
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
        transform: translate3d(0,-50%,0) translate3d(0,-40px,0)
    }

    figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-roxy {
        background: -webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);
        background: linear-gradient(45deg,#ff89e9 0,#05abe0 100%)
    }

        figure.effect-roxy img {
            width: calc(100% + 60px);
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(-50px,0,0);
            transform: translate3d(-50px,0,0)
        }

        figure.effect-roxy figcaption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            border: 1px solid #fff;
            content: "";
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(-20px,0,0);
            transform: translate3d(-20px,0,0)
        }

        figure.effect-roxy figcaption::before, figure.effect-roxy p {
            opacity: 0;
            -webkit-transition: opacity .35s,-webkit-transform .35s
        }

        figure.effect-roxy figcaption {
            padding: 3em;
            text-align: left
        }

        figure.effect-roxy h2 {
            padding: 30% 0 10px
        }

        figure.effect-roxy p {
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0)
        }

        figure.effect-roxy:hover img {
            opacity: .7;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    figure.effect-bubba img {
        opacity: .7;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-bubba:hover img {
        opacity: .4
    }

    figure.effect-bubba figcaption::after, figure.effect-bubba figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        content: "";
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-bubba figcaption::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        transform: scale(0,1)
    }

    figure.effect-bubba figcaption::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        transform: scale(1,0)
    }

    figure.effect-bubba h2 {
        padding-top: 30%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    figure.effect-bubba p {
        padding: 20px 2.5em;
        opacity: 0;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    figure.effect-bubba p, figure.effect-romeo img {
        -webkit-transition: opacity .35s,-webkit-transform .35s
    }

    figure.effect-bubba:hover figcaption::after, figure.effect-bubba:hover figcaption::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    figure.effect-bubba:hover h2, figure.effect-bubba:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    figure.effect-romeo img {
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale3d(1.4,1.4,1);
        transform: scale3d(1.4,1.4,1)
    }

    figure.effect-romeo:hover img {
        opacity: .6;
        -webkit-transform: scale3d(1,1,1);
        transform: translate3d(1,1,1)
    }

    figure.effect-romeo figcaption::after, figure.effect-romeo figcaption::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 1px;
        background: #fff;
        content: "";
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    figure.effect-romeo:hover figcaption::before {
        opacity: .5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
        transform: translate3d(-50%,-50%,0) rotate(45deg)
    }

    figure.effect-romeo:hover figcaption::after {
        opacity: .5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
        transform: translate3d(-50%,-50%,0) rotate(-45deg)
    }

    figure.effect-romeo h2, figure.effect-romeo p {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s
    }

    figure.effect-romeo h2 {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-150%,0)
    }

    figure.effect-romeo p {
        padding: .25em 2em;
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,150%,0)
    }

    figure.effect-romeo:hover h2 {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-100%,0)
    }

    figure.effect-romeo:hover p {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,100%,0)
    }

    figure.effect-layla {
        background: #18a367
    }

        figure.effect-layla img {
            height: 390px
        }

        figure.effect-layla figcaption {
            padding: 3em
        }

            figure.effect-layla figcaption::after, figure.effect-layla figcaption::before {
                position: absolute;
                content: "";
                opacity: 0
            }

            figure.effect-layla figcaption::before {
                top: 50px;
                right: 30px;
                bottom: 50px;
                left: 30px;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #fff;
                -webkit-transform: scale(0,1);
                transform: scale(0,1);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }

            figure.effect-layla figcaption::after {
                top: 30px;
                right: 50px;
                bottom: 30px;
                left: 50px;
                border-right: 1px solid #fff;
                border-left: 1px solid #fff;
                -webkit-transform: scale(1,0);
                transform: scale(1,0);
                -webkit-transform-origin: 100% 0;
                transform-origin: 100% 0
            }

        figure.effect-layla h2 {
            padding-top: 26%;
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s
        }

        figure.effect-layla p {
            padding: .5em 2em;
            text-transform: none;
            opacity: 0;
            -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0)
        }

        figure.effect-layla h2, figure.effect-layla img {
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0)
        }

        figure.effect-layla figcaption::after, figure.effect-layla figcaption::before, figure.effect-layla img, figure.effect-layla p {
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s
        }

        figure.effect-layla:hover img {
            opacity: .7;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-layla:hover figcaption::after, figure.effect-layla:hover figcaption::before {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        figure.effect-layla:hover h2, figure.effect-layla:hover p {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover img, figure.effect-layla:hover p {
            -webkit-transition-delay: .15s;
            transition-delay: .15s
        }

    figure.effect-honey {
        background: #4a3753
    }

        figure.effect-honey img {
            opacity: .9;
            -webkit-transition: opacity .35s;
            transition: opacity .35s
        }

        figure.effect-honey:hover img {
            opacity: .5
        }

        figure.effect-honey figcaption::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 10px;
            background: #fff;
            content: "";
            -webkit-transform: translate3d(0,10px,0);
            transform: translate3d(0,10px,0)
        }

        figure.effect-honey h2 {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 1em 1.5em;
            width: 100%;
            text-align: left;
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0)
        }

            figure.effect-honey h2 i {
                font-style: normal;
                opacity: 0;
                -webkit-transition: opacity .35s,-webkit-transform .35s;
                transition: opacity .35s,transform .35s;
                -webkit-transform: translate3d(0,-30px,0);
                transform: translate3d(0,-30px,0)
            }

        figure.effect-honey figcaption::before, figure.effect-honey h2 {
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s
        }

        figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    figure.effect-oscar {
        background: -webkit-linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%);
        background: linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%)
    }

        figure.effect-oscar img {
            opacity: .9;
            -webkit-transition: opacity .35s;
            transition: opacity .35s
        }

        figure.effect-oscar figcaption {
            padding: 3em;
            background-color: rgba(58,52,42,.7);
            -webkit-transition: background-color .35s;
            transition: background-color .35s
        }

            figure.effect-oscar figcaption::before {
                position: absolute;
                top: 30px;
                right: 30px;
                bottom: 30px;
                left: 30px;
                border: 1px solid #fff;
                content: ""
            }

        figure.effect-oscar h2 {
            margin: 20% 0 10px;
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }

        figure.effect-oscar figcaption::before, figure.effect-oscar p {
            opacity: 0;
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        figure.effect-oscar:hover h2 {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        figure.effect-oscar:hover figcaption {
            background-color: rgba(58,52,42,0)
        }

        figure.effect-oscar:hover img {
            opacity: .4
        }

    figure.effect-marley figcaption {
        text-align: right
    }

    figure.effect-marley h2, figure.effect-marley p {
        position: absolute;
        right: 30px;
        left: 30px;
        padding: 10px 0
    }

    figure.effect-marley p {
        bottom: 30px;
        line-height: 1.5;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    figure.effect-marley h2 {
        top: 30px;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    figure.effect-marley:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-marley h2::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 4px;
        background: #fff;
        content: "";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    figure.effect-marley h2::after, figure.effect-marley p {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-marley:hover h2::after, figure.effect-marley:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-ruby {
        background-color: #17819c
    }

        figure.effect-ruby img {
            opacity: .7;
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15)
        }

        figure.effect-ruby:hover img {
            opacity: .5;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        figure.effect-ruby h2 {
            margin-top: 20%;
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s;
            -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0)
        }

        figure.effect-ruby p {
            margin: 1em 0 0;
            padding: 3em;
            border: 1px solid #fff;
            opacity: 0;
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(0,20px,0) scale(1.1);
            transform: translate3d(0,20px,0) scale(1.1)
        }

        figure.effect-ruby:hover h2 {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-ruby:hover p {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0) scale(1);
            transform: translate3d(0,0,0) scale(1)
        }

    figure.effect-milo {
        background: #2e5d5a
    }

        figure.effect-milo img {
            width: calc(100% + 60px);
            opacity: 1;
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(-30px,0,0) scale(1.12);
            transform: translate3d(-30px,0,0) scale(1.12);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        figure.effect-milo img, figure.effect-milo p {
            -webkit-transition: opacity .35s,-webkit-transform .35s
        }

        figure.effect-milo:hover img {
            opacity: .5;
            -webkit-transform: translate3d(0,0,0) scale(1);
            transform: translate3d(0,0,0) scale(1)
        }

        figure.effect-milo h2 {
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 1em 1.2em
        }

        figure.effect-milo p {
            padding: 0 10px 0 0;
            width: 50%;
            border-right: 1px solid #fff;
            text-align: right;
            opacity: 0;
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(-40px,0,0);
            transform: translate3d(-40px,0,0)
        }

    figure.effect-julia figcaption, figure.effect-sarah figcaption, figure.effect-terry p, figure.effect-winston {
        text-align: left
    }

    figure.effect-milo:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-dexter {
        background: -webkit-linear-gradient(top,#258dc8 0,#683c13 100%);
        background: linear-gradient(to bottom,#258dc8 0,#683c13 100%)
    }

        figure.effect-dexter img {
            -webkit-transition: opacity .35s;
            transition: opacity .35s
        }

        figure.effect-dexter:hover img {
            opacity: .4
        }

        figure.effect-dexter figcaption::after {
            position: absolute;
            right: 30px;
            bottom: 30px;
            left: 30px;
            height: -webkit-calc(50% - 30px);
            height: calc(50% - 30px);
            border: 7px solid #fff;
            content: "";
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0)
        }

        figure.effect-dexter:hover figcaption::after {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-dexter figcaption {
            padding: 3em;
            text-align: left
        }

        figure.effect-dexter p {
            position: absolute;
            right: 60px;
            bottom: 60px;
            left: 60px;
            opacity: 0;
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(0,-100px,0);
            transform: translate3d(0,-100px,0)
        }

        figure.effect-dexter p, figure.effect-sarah img {
            -webkit-transition: opacity .35s,-webkit-transform .35s
        }

        figure.effect-dexter:hover p {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    figure.effect-sarah {
        background: #42b078
    }

        figure.effect-sarah img {
            max-width: none;
            width: -webkit-calc(100% + 20px);
            width: calc(100% + 20px);
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        figure.effect-sarah:hover img {
            opacity: .4;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-sarah h2 {
            position: relative;
            overflow: hidden;
            padding: .5em 0
        }

            figure.effect-sarah h2::after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 3px;
                background: #fff;
                content: "";
                -webkit-transition: -webkit-transform .35s;
                transition: transform .35s;
                -webkit-transform: translate3d(-100%,0,0);
                transform: translate3d(-100%,0,0)
            }

        figure.effect-sarah:hover h2::after {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

        figure.effect-sarah p {
            padding: 1em 0;
            opacity: 0;
            -webkit-transition: opacity .35s,-webkit-transform .35s;
            transition: opacity .35s,transform .35s;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0)
        }

        figure.effect-sarah:hover p {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    figure.effect-zoe figcaption {
        top: auto;
        bottom: 0;
        padding: 1em;
        height: 3.75em;
        background: #fff;
        color: #3c4a50;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    figure.effect-zoe h2 {
        float: left;
        display: inline-block
    }

    figure.effect-zoe p.icon-links a {
        float: right;
        color: #3c4a50;
        font-size: 1.4em
    }

    figure.effect-zoe:hover p.icon-links a:focus, figure.effect-zoe:hover p.icon-links a:hover {
        color: #252d31
    }

    figure.effect-zoe p.description {
        position: absolute;
        bottom: 8em;
        padding: 2em;
        color: #fff;
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        -webkit-backface-visibility: hidden
    }

    figure.effect-zoe h2, figure.effect-zoe p.icon-links a {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,200%,0);
        transform: translate3d(0,200%,0)
    }

        figure.effect-zoe p.icon-links a span::before {
            display: inline-block;
            padding: 8px 10px;
            font-family: feathericons;
            speak: none
        }

.icon-eye::before {
    content: "\e000"
}

.icon-paper-clip::before {
    content: "\e001"
}

.icon-heart::before {
    content: "\e024"
}

figure.effect-zoe:hover p.description {
    opacity: 1
}

figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

figure.effect-chico img {
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

figure.effect-chico figcaption::before, figure.effect-chico img, figure.effect-chico p, figure.effect-julia p {
    -webkit-transition: opacity .35s,-webkit-transform .35s
}

figure.effect-chico:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-chico figcaption {
    padding: 3em
}

    figure.effect-chico figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid #fff;
        content: "";
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    figure.effect-chico figcaption::before, figure.effect-chico p {
        opacity: 0;
        transition: opacity .35s,transform .35s
    }

figure.effect-chico h2 {
    padding: 20% 0 20px
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-julia {
    background: #2f3238
}

    figure.effect-julia img {
        max-width: none;
        height: 400px;
        -webkit-transition: opacity 1s,-webkit-transform 1s;
        transition: opacity 1s,transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    figure.effect-julia h2 {
        position: relative;
        padding: .5em 0
    }

    figure.effect-julia p {
        display: inline-block;
        margin: 0 0 .25em;
        padding: .4em 1em;
        background: rgba(255,255,255,.9);
        color: #2f3238;
        text-transform: none;
        font-weight: 500;
        font-size: 75%;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(-360px,0,0);
        transform: translate3d(-360px,0,0)
    }

        figure.effect-julia p:first-child {
            -webkit-transition-delay: .15s;
            transition-delay: .15s
        }

        figure.effect-julia p:nth-of-type(2) {
            -webkit-transition-delay: .1s;
            transition-delay: .1s
        }

        figure.effect-julia p:nth-of-type(3) {
            -webkit-transition-delay: 50ms;
            transition-delay: 50ms
        }

    figure.effect-julia:hover p:first-child {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    figure.effect-julia:hover p:nth-of-type(2) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    figure.effect-julia:hover p:nth-of-type(3) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    figure.effect-julia:hover img {
        opacity: .4;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    figure.effect-julia:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

figure.effect-goliath {
    background: #df4e4e
}

    figure.effect-goliath h2, figure.effect-goliath img {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s
    }

    figure.effect-goliath img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    figure.effect-goliath h2, figure.effect-goliath p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px
    }

    figure.effect-goliath p {
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    figure.effect-goliath:hover img {
        -webkit-transform: translate3d(0,-80px,0);
        transform: translate3d(0,-80px,0)
    }

    figure.effect-goliath:hover h2 {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    figure.effect-goliath:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

figure.effect-hera {
    background: #303fa9
}

    figure.effect-hera h2 {
        font-size: 158.75%
    }

    figure.effect-hera h2, figure.effect-hera p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%
    }

    figure.effect-hera figcaption::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 200px;
        border: 2px solid #fff;
        content: "";
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
        transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%
    }

    figure.effect-hera p {
        width: 100px;
        text-transform: none;
        font-size: 121%;
        line-height: 2
    }

        figure.effect-hera p a {
            color: #fff
        }

            figure.effect-hera p a:focus, figure.effect-hera p a:hover {
                opacity: .6
            }

            figure.effect-hera p a i {
                opacity: 0;
                -webkit-transition: opacity .35s,-webkit-transform .35s;
                transition: opacity .35s,transform .35s
            }

            figure.effect-hera p a:first-child i {
                -webkit-transform: translate3d(-60px,-60px,0);
                transform: translate3d(-60px,-60px,0)
            }

            figure.effect-hera p a:nth-child(2) i {
                -webkit-transform: translate3d(60px,-60px,0);
                transform: translate3d(60px,-60px,0)
            }

            figure.effect-hera p a:nth-child(3) i {
                -webkit-transform: translate3d(-60px,60px,0);
                transform: translate3d(-60px,60px,0)
            }

            figure.effect-hera p a:nth-child(4) i {
                -webkit-transform: translate3d(60px,60px,0);
                transform: translate3d(60px,60px,0)
            }

    figure.effect-hera:hover figcaption::before {
        opacity: 1;
        -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
        transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1)
    }

    figure.effect-hera:hover h2 {
        opacity: 0;
        -webkit-transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
        transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1)
    }

    figure.effect-hera:hover p i:empty {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }

figure.effect-winston {
    background: #162633
}

    figure.effect-winston img {
        -webkit-transition: opacity .45s;
        transition: opacity .45s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    figure.effect-winston figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/triangle.svg) center center no-repeat;
        background-size: 100% 100%;
        content: "";
        -webkit-transition: opacity .45s,-webkit-transform .45s;
        transition: opacity .45s,transform .45s;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    figure.effect-winston h2 {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    figure.effect-winston p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 7% 0
    }

    figure.effect-winston a {
        margin: 0 10px;
        color: #5d504f;
        font-size: 170%
    }

        figure.effect-winston a:focus, figure.effect-winston a:hover {
            color: #cc6055
        }

    figure.effect-winston p a i {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    figure.effect-winston:hover img {
        opacity: .6
    }

    figure.effect-winston:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-winston:hover figcaption::before {
        opacity: .7;
        -webkit-transform: rotate3d(0,0,1,20deg);
        transform: rotate3d(0,0,1,20deg)
    }

    figure.effect-winston:hover p i {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-winston:hover p a:nth-child(3) i {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    figure.effect-winston:hover p a:nth-child(2) i {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    figure.effect-winston:hover p a:first-child i {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

figure.effect-selena {
    background: #fff
}

    figure.effect-selena img {
        opacity: .95;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    figure.effect-selena:hover img {
        -webkit-transform: scale3d(.95,.95,1);
        transform: scale3d(.95,.95,1)
    }

    figure.effect-selena h2 {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    figure.effect-selena p {
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
        transform: perspective(1000px) rotate3d(1,0,0,90deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    figure.effect-selena:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-selena:hover p {
        opacity: 1;
        -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
        transform: perspective(1000px) rotate3d(1,0,0,0)
    }

figure.effect-terry {
    background: #34495e
}

    figure.effect-terry figcaption {
        padding: 1em
    }

        figure.effect-terry figcaption::after, figure.effect-terry figcaption::before {
            position: absolute;
            width: 200%;
            height: 200%;
            border-style: solid;
            border-color: #101010;
            content: "";
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s
        }

        figure.effect-terry figcaption::before {
            right: 0;
            bottom: 0;
            border-width: 0 70px 60px 0;
            -webkit-transform: translate3d(70px,60px,0);
            transform: translate3d(70px,60px,0)
        }

        figure.effect-terry figcaption::after {
            top: 0;
            left: 0;
            border-width: 15px 0 0 15px;
            -webkit-transform: translate3d(-15px,-15px,0);
            transform: translate3d(-15px,-15px,0)
        }

    figure.effect-terry img, figure.effect-terry p a {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-terry img {
        opacity: .85
    }

    figure.effect-terry h2 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: .4em 10px;
        width: 50%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

figure.effect-apollo figcaption::before, figure.effect-phoebe figcaption::before, figure.effect-steve h2:before, figure.effect-steve:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 920px) {
    figure.effect-terry h2 {
        padding: .75em 10px;
        font-size: 120%
    }
}

figure.effect-terry p {
    float: right;
    clear: both;
    text-transform: none;
    font-size: 111%
}

    figure.effect-terry p a {
        display: block;
        margin-bottom: 1em;
        color: #fff;
        opacity: 0;
        -webkit-transform: translate3d(90px,0,0);
        transform: translate3d(90px,0,0)
    }

        figure.effect-terry p a:focus, figure.effect-terry p a:hover {
            color: #f3cf3f
        }

figure.effect-terry:hover figcaption::after, figure.effect-terry:hover figcaption::before {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

figure.effect-terry:hover img {
    opacity: .6
}

figure.effect-terry:hover h2, figure.effect-terry:hover p a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

figure.effect-terry:hover p a {
    opacity: 1
}

    figure.effect-terry:hover p a:first-child {
        -webkit-transition-delay: 25ms;
        transition-delay: 25ms
    }

    figure.effect-terry:hover p a:nth-child(2) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    figure.effect-terry:hover p a:nth-child(3) {
        -webkit-transition-delay: 75ms;
        transition-delay: 75ms
    }

    figure.effect-terry:hover p a:nth-child(4) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

figure.effect-phoebe {
    background: #675983
}

    figure.effect-phoebe img {
        opacity: .85;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-phoebe:hover img {
        opacity: .6
    }

    figure.effect-phoebe figcaption::before {
        left: 0;
        height: 100%;
        background: url(../img/triangle2.svg) center center no-repeat;
        background-size: 100% 100%;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale3d(5,2.5,1);
        transform: scale3d(5,2.5,1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    figure.effect-phoebe:hover figcaption::before {
        opacity: .6;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    figure.effect-phoebe h2 {
        margin-top: 1em;
        -webkit-transition: transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    figure.effect-phoebe:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-phoebe p a {
        color: #fff;
        font-size: 140%;
        opacity: 0;
        position: relative;
        display: inline-block;
        transition: opacity .35s,transform .35s
    }

    figure.effect-apollo img, figure.effect-phoebe p a {
        -webkit-transition: opacity .35s,-webkit-transform .35s
    }

        figure.effect-phoebe p a:first-child {
            -webkit-transform: translate3d(-60px,-60px,0);
            transform: translate3d(-60px,-60px,0)
        }

        figure.effect-phoebe p a:nth-child(2) {
            -webkit-transform: translate3d(0,60px,0);
            transform: translate3d(0,60px,0)
        }

        figure.effect-phoebe p a:nth-child(3) {
            -webkit-transform: translate3d(60px,-60px,0);
            transform: translate3d(60px,-60px,0)
        }

    figure.effect-phoebe:hover p a {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

figure.effect-apollo {
    background: #3498db
}

    figure.effect-apollo img {
        opacity: .95;
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1)
    }

    figure.effect-apollo figcaption::before {
        left: 0;
        height: 100%;
        background: rgba(255,255,255,.5);
        -webkit-transition: -webkit-transform .6s;
        transition: transform .6s;
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
    }

    figure.effect-apollo p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 1em;
        max-width: 150px;
        border-right: 4px solid #fff;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-apollo h2 {
        text-align: left
    }

    figure.effect-apollo:hover img {
        opacity: .6;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    figure.effect-apollo:hover figcaption::before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
    }

    figure.effect-apollo:hover p {
        opacity: 1;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

figure.effect-kira {
    background: #fff;
    text-align: left
}

    figure.effect-kira img {
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-kira figcaption {
        z-index: 1
    }

    figure.effect-kira p {
        padding: 2.25em .5em;
        font-weight: 600;
        font-size: 100%;
        line-height: 1.5;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

        figure.effect-kira p a {
            margin: 0 .5em;
            color: #101010
        }

            figure.effect-kira p a:focus, figure.effect-kira p a:hover {
                opacity: .6
            }

    figure.effect-kira figcaption::before {
        position: absolute;
        top: 0;
        right: 2em;
        left: 2em;
        z-index: -1;
        height: 3.5em;
        background: #fff;
        content: "";
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,4em,0) scale3d(1,.023,1);
        transform: translate3d(0,4em,0) scale3d(1,.023,1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    figure.effect-kira:hover img {
        opacity: .5
    }

    figure.effect-kira:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-kira:hover figcaption::before {
        opacity: .7;
        -webkit-transform: translate3d(0,5em,0) scale3d(1,1,1);
        transform: translate3d(0,5em,0) scale3d(1,1,1)
    }

figure.effect-steve {
    z-index: auto;
    overflow: visible;
    background: #000
}

    figure.effect-steve h2:before, figure.effect-steve:before {
        left: 0;
        z-index: -1;
        height: 100%;
        background: #000;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-steve:before {
        box-shadow: 0 3px 30px rgba(0,0,0,.8);
        opacity: 0
    }

    figure.effect-steve figcaption {
        z-index: 1
    }

    figure.effect-steve img {
        opacity: 1;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: perspective(1000px) translate3d(0,0,0);
        transform: perspective(1000px) translate3d(0,0,0)
    }

    figure.effect-steve h2, figure.effect-steve p {
        background: #fff;
        color: #2d434e
    }

    figure.effect-steve h2 {
        position: relative;
        margin-top: 2em;
        padding: .25em
    }

        figure.effect-steve h2:before {
            box-shadow: 0 1px 10px rgba(0,0,0,.5)
        }

    figure.effect-steve p {
        margin-top: 1em;
        padding: .5em;
        font-weight: 800;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale3d(.9,.9,1);
        transform: scale3d(.9,.9,1)
    }

    figure.effect-steve:hover:before {
        opacity: 1
    }

    figure.effect-steve:hover img {
        -webkit-transform: perspective(1000px) translate3d(0,0,21px);
        transform: perspective(1000px) translate3d(0,0,21px)
    }

    figure.effect-steve:hover h2:before {
        opacity: 0
    }

    figure.effect-steve:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

figure.effect-moses {
    background: -webkit-linear-gradient(-45deg,#ec65b7 0,#05e0d8 100%);
    background: linear-gradient(-45deg,#ec65b7 0,#05e0d8 100%)
}

    figure.effect-moses img {
        opacity: .85;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-moses h2, figure.effect-moses p {
        padding: 20px;
        width: 50%;
        height: 50%;
        border: 2px solid #fff
    }

    figure.effect-moses h2 {
        padding: 20px;
        width: 50%;
        height: 50%;
        text-align: left;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0)
    }

    figure.effect-moses p {
        float: right;
        padding: 20px;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    figure.effect-moses:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-moses:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-moses:hover img {
        opacity: .6
    }

figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg,#f3cf3f 0,#f33f58 100%);
    background: linear-gradient(-45deg,#f3cf3f 0,#f33f58 100%)
}

    figure.effect-jazz img {
        opacity: .9
    }

    figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-jazz figcaption::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        content: "";
        opacity: 0;
        -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    figure.effect-jazz h2, figure.effect-jazz p {
        opacity: 1;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    figure.effect-jazz h2 {
        padding-top: 26%;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s
    }

    figure.effect-jazz p {
        padding: .5em 2em;
        text-transform: none;
        font-size: .85em;
        opacity: 0
    }

    figure.effect-jazz:hover img {
        opacity: .7;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1)
    }

    figure.effect-jazz:hover figcaption::after {
        opacity: 1;
        -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,1,1)
    }

    figure.effect-jazz:hover h2, figure.effect-jazz:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

figure.effect-ming {
    background: #030c17
}

    figure.effect-ming img {
        opacity: .9;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    figure.effect-ming figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 30px rgba(255,255,255,.2);
        content: "";
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale3d(1.4,1.4,1);
        transform: scale3d(1.4,1.4,1)
    }

    figure.effect-ming h2 {
        margin: 20% 0 10px;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s
    }

    figure.effect-ming p {
        padding: 1em;
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    figure.effect-ming:hover h2 {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    figure.effect-ming:hover figcaption {
        background-color: rgba(58,52,42,0)
    }

    figure.effect-ming:hover img {
        opacity: .4
    }

figure.effect-lexi {
    background: -webkit-linear-gradient(-45deg,#000 0,#fff 100%);
    background: linear-gradient(-45deg,#000 0,#fff 100%)
}

    figure.effect-lexi img {
        margin: -10px 0 0 -10px;
        max-width: none;
        width: -webkit-calc(100% + 10px);
        width: calc(100% + 10px);
        opacity: .9;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    figure.effect-lexi figcaption::before, figure.effect-lexi p {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-lexi figcaption::before {
        position: absolute;
        right: -100px;
        bottom: -100px;
        width: 300px;
        height: 300px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 900px rgba(255,255,255,.2);
        content: "";
        opacity: 0;
        -webkit-transform: scale3d(.5,.5,1);
        transform: scale3d(.5,.5,1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    figure.effect-lexi:hover img {
        opacity: .6;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    figure.effect-lexi h2 {
        text-align: left;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(5px,5px,0);
        transform: translate3d(5px,5px,0)
    }

    figure.effect-lexi p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 1.5em 0;
        width: 140px;
        text-align: right;
        opacity: 0;
        -webkit-transform: translate3d(20px,20px,0);
        transform: translate3d(20px,20px,0)
    }

    figure.effect-lexi:hover figcaption::before {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    figure.effect-lexi:hover h2, figure.effect-lexi:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

figure.effect-duke {
    background: -webkit-linear-gradient(-45deg,#34495e 0,#cc6055 100%);
    background: linear-gradient(-45deg,#34495e 0,#cc6055 100%)
}

    figure.effect-duke img, figure.effect-duke p {
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s
    }

    figure.effect-duke:hover img {
        opacity: .1;
        -webkit-transform: scale3d(2,2,1);
        transform: scale3d(2,2,1)
    }

    figure.effect-duke h2 {
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    figure.effect-duke p {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 20px;
        padding: 30px;
        border: 2px solid #fff;
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%
    }

    figure.effect-duke:hover h2, figure.effect-duke:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

.w-md {
    width: 200px
}

.wd-lg {
    width: 250px
}

.wd-xxl {
    width: 350px
}

body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-icon {
        margin: 0 0 15px
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-buttonswrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-loading {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-input {
        height: 32px;
        font-size: 14px;
        margin: 5px auto
    }

body.swal2-toast-shown > .swal2-container {
    position: fixed;
    background-color: transparent
}

    body.swal2-toast-shown > .swal2-container.swal2-shown {
        background-color: transparent
    }

    body.swal2-toast-shown > .swal2-container.swal2-top {
        top: 0;
        left: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-top-end, body.swal2-toast-shown > .swal2-container.swal2-top-right {
        top: 0;
        left: auto;
        bottom: auto;
        right: 0
    }

    body.swal2-toast-shown > .swal2-container.swal2-top-left, body.swal2-toast-shown > .swal2-container.swal2-top-start {
        top: 0;
        left: 0;
        bottom: auto;
        right: auto
    }

    body.swal2-toast-shown > .swal2-container.swal2-center-left, body.swal2-toast-shown > .swal2-container.swal2-center-start {
        top: 50%;
        left: 0;
        bottom: auto;
        right: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-center {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-center-end, body.swal2-toast-shown > .swal2-container.swal2-center-right {
        top: 50%;
        left: auto;
        bottom: auto;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom-left, body.swal2-toast-shown > .swal2-container.swal2-bottom-start {
        top: auto;
        left: 0;
        bottom: 0;
        right: auto
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom {
        top: auto;
        left: 50%;
        bottom: 0;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom-end, body.swal2-toast-shown > .swal2-container.swal2-bottom-right {
        top: auto;
        left: auto;
        bottom: 0;
        right: 0
    }

body.swal2-no-backdrop > .swal2-shown {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    background-color: transparent
}

    body.swal2-no-backdrop > .swal2-shown > .swal2-modal {
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-top-left, body.swal2-no-backdrop > .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-top-end, body.swal2-no-backdrop > .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-center-left, body.swal2-no-backdrop > .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-center-end, body.swal2-no-backdrop > .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop > .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop > .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop > .swal2-shown.swal2-bottom-right {
        bottom: 0;
        right: 0
    }

.swal2-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .swal2-container.swal2-grow-column, .swal2-popup {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical
    }

    .swal2-container.swal2-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right) > .swal2-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.4)
}

.swal2-popup {
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative;
    max-width: 100%
}

    .swal2-popup.swal2-toast {
        width: 300px;
        padding: 0 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow-y: hidden;
        -webkit-box-shadow: 0 0 10px #d9d9d9;
        box-shadow: 0 0 10px #d9d9d9
    }

        .swal2-popup.swal2-toast .swal2-title {
            max-width: 300px;
            font-size: 16px;
            text-align: left
        }

        .swal2-popup.swal2-toast .swal2-content {
            font-size: 14px;
            text-align: left
        }

        .swal2-popup.swal2-toast .swal2-icon {
            width: 32px;
            min-width: 32px;
            height: 32px;
            margin: 0 15px 0 0
        }

            .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
                width: 32px;
                height: 32px
            }

            .swal2-popup.swal2-toast .swal2-icon.swal2-info, .swal2-popup.swal2-toast .swal2-icon.swal2-question, .swal2-popup.swal2-toast .swal2-icon.swal2-warning {
                font-size: 26px;
                line-height: 32px
            }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
                top: 14px;
                width: 22px
            }

                .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
                    left: 5px
                }

                .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
                    right: 5px
                }

        .swal2-popup.swal2-toast .swal2-buttonswrapper {
            margin: 0 0 0 5px
        }

        .swal2-popup.swal2-toast .swal2-styled {
            margin: 0 0 0 5px;
            padding: 5px 10px
        }

            .swal2-popup.swal2-toast .swal2-styled:focus {
                -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(50,100,150,.4);
                box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(50,100,150,.4)
            }

        .swal2-popup.swal2-toast .swal2-validationerror {
            width: 100%;
            margin: 5px -20px
        }

        .swal2-popup.swal2-toast .swal2-success {
            border-color: #a5dc86
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
                border-radius: 50%;
                position: absolute;
                width: 32px;
                height: 64px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

                .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                    border-radius: 64px 0 0 64px;
                    top: -4px;
                    left: -15px;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    -webkit-transform-origin: 32px 32px;
                    transform-origin: 32px 32px
                }

                .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                    border-radius: 0 64px 64px 0;
                    top: -5px;
                    left: 14px;
                    -webkit-transform-origin: 0 32px;
                    transform-origin: 0 32px
                }

            .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
                width: 32px;
                height: 32px
            }

            .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
                width: 7px;
                height: 90px;
                left: 28px;
                top: 8px
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
                height: 5px
            }

                .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                    width: 12px;
                    left: 3px;
                    top: 18px
                }

                .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                    width: 22px;
                    right: 3px;
                    top: 15px
                }

        .swal2-popup.swal2-toast .swal2-animate-success-line-tip {
            -webkit-animation: animate-toast-success-tip .75s;
            animation: animate-toast-success-tip .75s
        }

        .swal2-popup.swal2-toast .swal2-animate-success-line-long {
            -webkit-animation: animate-toast-success-long .75s;
            animation: animate-toast-success-long .75s
        }

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

    .swal2-popup .swal2-title {
        color: #595959;
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        text-transform: none;
        position: relative;
        margin: 0 0 .4em;
        padding: 0;
        display: block;
        word-wrap: break-word
    }

    .swal2-popup .swal2-buttonswrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 15px
    }

        .swal2-popup .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4;
            cursor: no-drop
        }

        .swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 4px solid transparent;
            border-color: transparent;
            width: 40px;
            height: 40px;
            padding: 0;
            margin: 7.5px;
            vertical-align: top;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            border-radius: 100%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            user-select: none
        }

        .swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
            margin-left: 30px;
            margin-right: 30px
        }

        .swal2-popup .swal2-buttonswrapper.swal2-loading:not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            content: "";
            margin-left: 5px;
            vertical-align: -1px;
            height: 15px;
            width: 15px;
            border: 3px solid #999;
            -webkit-box-shadow: 1px 1px 1px #fff;
            box-shadow: 1px 1px 1px #fff;
            border-right-color: transparent;
            border-radius: 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            animation: rotate-loading 1.5s linear 0s infinite normal
        }

    .swal2-popup .swal2-checkbox input, .swal2-popup .swal2-checkbox span, .swal2-popup .swal2-radio input, .swal2-popup .swal2-radio span, .v-mid {
        vertical-align: middle
    }

    .swal2-popup .swal2-styled {
        border: 0;
        border-radius: 3px;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        cursor: pointer;
        font-size: 17px;
        font-weight: 500;
        margin: 15px 5px 0;
        padding: 10px 32px
    }

        .swal2-popup .swal2-styled:focus {
            outline: 0
        }

    .swal2-popup .swal2-image {
        margin: 20px auto;
        max-width: 100%
    }

    .swal2-popup .swal2-close {
        background: 0 0;
        border: 0;
        margin: 0;
        padding: 0;
        width: 38px;
        height: 40px;
        font-size: 36px;
        line-height: 40px;
        font-family: serif;
        position: absolute;
        top: 5px;
        right: 8px;
        cursor: pointer;
        color: #ccc;
        -webkit-transition: color .1s ease;
        transition: color .1s ease
    }

        .swal2-popup .swal2-close:hover {
            color: #d55
        }

    .swal2-popup > .swal2-checkbox, .swal2-popup > .swal2-file, .swal2-popup > .swal2-input, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-select, .swal2-popup > .swal2-textarea {
        display: none
    }

    .swal2-popup .swal2-content {
        font-size: 18px;
        text-align: center;
        font-weight: 300;
        position: relative;
        float: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        color: #545454;
        word-wrap: break-word
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
        margin: 20px auto
    }

    .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 18px;
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        -webkit-transition: border-color .3s,-webkit-box-shadow .3s;
        transition: border-color .3s,-webkit-box-shadow .3s;
        transition: border-color .3s,box-shadow .3s;
        transition: border-color .3s,box-shadow .3s,-webkit-box-shadow .3s
    }

        .swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            -webkit-box-shadow: 0 0 2px #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        .swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
            outline: 0;
            border: 1px solid #b4dbed;
            -webkit-box-shadow: 0 0 3px #c4e6f5;
            box-shadow: 0 0 3px #c4e6f5
        }

        .swal2-popup .swal2-file::-webkit-input-placeholder, .swal2-popup .swal2-input::-webkit-input-placeholder, .swal2-popup .swal2-textarea::-webkit-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::-ms-input-placeholder, .swal2-popup .swal2-input::-ms-input-placeholder, .swal2-popup .swal2-textarea::-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-textarea::placeholder {
            color: #ccc
        }

    .swal2-popup .swal2-range input {
        float: left;
        width: 80%
    }

    .swal2-popup .swal2-range output {
        float: right;
        width: 20%;
        font-size: 20px;
        font-weight: 600;
        text-align: center
    }

    .swal2-popup .swal2-range input, .swal2-popup .swal2-range output {
        height: 43px;
        line-height: 43px;
        vertical-align: middle;
        margin: 20px auto;
        padding: 0
    }

    .swal2-popup .swal2-input {
        height: 43px;
        padding: 0 12px
    }

        .swal2-popup .swal2-input[type=number] {
            max-width: 150px
        }

    .swal2-popup .swal2-file {
        font-size: 20px
    }

    .swal2-popup .swal2-textarea {
        height: 108px;
        padding: 12px
    }

    .swal2-popup .swal2-select {
        color: #545454;
        font-size: inherit;
        padding: 5px 10px;
        min-width: 40%;
        max-width: 100%
    }

    .swal2-popup .swal2-radio {
        border: 0
    }

        .swal2-popup .swal2-radio label:not(:first-child) {
            margin-left: 20px
        }

        .swal2-popup .swal2-radio input {
            margin: 0 3px 0 0
        }

    .swal2-popup .swal2-checkbox {
        color: #545454
    }

    .swal2-popup .swal2-validationerror {
        background-color: #f0f0f0;
        margin: 0 -20px;
        overflow: hidden;
        padding: 10px;
        color: gray;
        font-size: 16px;
        font-weight: 300;
        display: none
    }

        .swal2-popup .swal2-validationerror::before {
            content: "!";
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background-color: #ea7d7d;
            color: #fff;
            line-height: 24px;
            text-align: center;
            margin-right: 10px
        }

.banner-color-text h1:before, .divider-circle:before, .explore-info-loader, .footer-inline ul li:after, .go-back-home:before, .home-box-image a:after, .home-box-title span:after, .home-box-title span:before, .top-hero-form:before, .top-hero:after {
    content: ""
}

.swal2-icon {
    -webkit-box-sizing: content-box
}

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        display: block
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #f27474;
        display: block;
        top: 37px;
        border-radius: 2px
    }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            left: 17px
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            right: 16px
        }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
            border-radius: 120px 0 0 120px;
            top: -7px;
            left: -33px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
            border-radius: 0 120px 120px 0;
            top: -11px;
            left: 30px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 60px;
            transform-origin: 0 60px
        }

    .swal2-icon.swal2-success .swal2-success-ring {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165,220,134,.2);
        border-radius: 50%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        width: 7px;
        height: 90px;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        height: 5px;
        background-color: #a5dc86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2
    }

body, body > #form1, html {
    height: 100%
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body, html {
    width: 100%
}

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-10px) rotateZ(2deg);
        transform: translateY(-10px) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(5px) rotateZ(2deg);
        transform: translateY(5px) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-10px) rotateZ(2deg);
        transform: translateY(-10px) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(5px) rotateZ(2deg);
        transform: translateY(5px) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

.swal2-show.swal2-toast {
    -webkit-animation: showSweetToast .5s;
    animation: showSweetToast .5s
}

.swal2-hide.swal2-toast {
    -webkit-animation: hideSweetToast .2s forwards;
    animation: hideSweetToast .2s forwards
}

[dir=rtl] .swal2-close {
    left: 8px;
    right: auto
}

@-webkit-keyframes animate-toast-success-tip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 9px
    }

    70% {
        width: 24px;
        left: -4px;
        top: 17px
    }

    84% {
        width: 8px;
        left: 10px;
        top: 20px
    }

    100% {
        width: 12px;
        left: 3px;
        top: 18px
    }
}

@keyframes animate-toast-success-tip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 9px
    }

    70% {
        width: 24px;
        left: -4px;
        top: 17px
    }

    84% {
        width: 8px;
        left: 10px;
        top: 20px
    }

    100% {
        width: 12px;
        left: 3px;
        top: 18px
    }
}

@-webkit-keyframes animate-toast-success-long {
    0%,65% {
        width: 0;
        right: 22px;
        top: 26px
    }

    84% {
        width: 26px;
        right: 0;
        top: 15px
    }

    100% {
        width: 22px;
        right: 3px;
        top: 15px
    }
}

@keyframes animate-toast-success-long {
    0%,65% {
        width: 0;
        right: 22px;
        top: 26px
    }

    84% {
        width: 26px;
        right: 0;
        top: 15px
    }

    100% {
        width: 22px;
        right: 3px;
        top: 15px
    }
}

.swal2-animate-success-line-tip {
    -webkit-animation: animate-success-tip .75s;
    animation: animate-success-tip .75s
}

.swal2-animate-success-line-long {
    -webkit-animation: animate-success-long .75s;
    animation: animate-success-long .75s
}

.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

.swal2-animate-error-icon {
    -webkit-animation: animate-error-icon .5s;
    animation: animate-error-icon .5s
}

.swal2-animate-x-mark {
    -webkit-animation: animate-x-mark .5s;
    animation: animate-x-mark .5s
}

html {
    font-size: 62.5%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

.box-header > a:after, .inner-side--menu nav > ul > li.has-dropdown > a:after, .sponsor-select input:checked ~ div:after {
    speak: none;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.loading-visible, html.loading-visible body {
    overflow: hidden !important
}

body {
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    line-height: 1.5;
    color: rgba(0,0,0,.87);
    -ms-overflow-style: scrollbar;
    overflow: auto;
    position: relative
}

.compact--hover, .side--menu, .swal2-modal {
    overflow-x: hidden
}

.ui-switch i:after {
    position: absolute !important;
    left: 0 !important
}

.user-icon-mix {
    position: relative
}

    .user-icon-mix i:first-child {
        position: absolute;
        left: -8px;
        top: -2px
    }

.divider, .rlt {
    position: relative
}

.user-icon-mix i:last-child {
    position: relative;
    bottom: -4px;
    right: -11px
}

.bg-danger a, .bg-danger a:active, .bg-danger a:focus, .bg-info a, .bg-info a:active, .bg-info a:focus, .bg-primary a, .bg-primary a:active, .bg-primary a:focus, .bg-success a, .bg-success a:active, .bg-success a:focus, .bg-warning a, .bg-warning a:active, .bg-warning a:focus {
    color: #fff !important
}

.text-up {
    text-transform: uppercase !important
}

.full-w {
    width: 100% !important;
    min-width: 100% !important
}

.full-h {
    min-height: 100% !important
}

.explore-list, .reg-page-wrap {
    min-height: 100%
}

.top-hero-form ul li a:active, .top-hero-form ul li a:focus, a, a:hover {
    text-decoration: none
}

.user-area-grid {
    margin: 0 -15px !important
}

.user-dash-grid {
    margin: 0 15px
}

.m-b-30, .step-action {
    margin-bottom: 30px
}

.bg-black:hover {
    color: #fff
}

.user-profile {
    border: 1px solid #ccc;
    background: #f3f2f2 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

    .user-profile, .user-profile > img {
        width: 120px;
        height: 120px;
        border-radius: 120px
    }

.vbox, .vrow {
    height: 100%
}

.input-group-addon.flex, .wd-auto {
    width: auto !important
}

.user-profile > i {
    font-size: 38px;
    opacity: .45
}

.input-group-addon {
    min-width: 42px
}

.reg-content, .vbox {
    min-width: 100%
}

.wd-auto {
    float: none !important
}

.vbox {
    display: table;
    table-layout: fixed
}

.nav-label {
    float: right;
    margin-left: 1rem;
    font-style: normal;
    z-index: 1
}

@media only screen and (min-device-width: 320px) and (max-width:768px) {
    .vbox {
        display: block
    }
}

.vrow {
    display: table-row
}

@media only screen and (min-device-width: 320px) and (max-width:768px) {
    .vrow {
        display: block
    }
}

.vcell {
    display: table-cell
}

@media only screen and (min-device-width: 320px) and (max-width:768px) {
    .vcell {
        display: block;
        width: inherit !important
    }
}

.v-top {
    vertical-align: top
}

.captchaContainer, .email-signup, .enterCaptcha, .explore-filter-list, .facebook-signup, .footer-inline ul li a, .footer-inline ul li:after, .or {
    vertical-align: middle
}

.divider {
    height: 2px;
    width: 100%;
    border: 2px solid #ededed
}

.divider-circle:before {
    display: block;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px
}

.top-banner-area {
    padding: 30px 25px 20px;
    margin: -20px -20px 20px;
    background: #f3f3f3;
    border-bottom: 1px solid #ededed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.container .top-banner-area {
    padding: 0 !important;
    margin: 0 !important;
    background: 0 0 !important;
    border: 0 !important;
    margin-bottom: 15px !important
}

.top-banner-area h1 {
    font-size: 24px;
    position: relative;
    padding-left: 38px;
    flex: 1 1 auto
}

    .top-banner-area h1 > i {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
        margin-right: 4px
    }

    .top-banner-area h1 span {
        font-size: 18px;
        display: block;
        margin-top: 5px
    }

.banner-action {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 25px;
    margin-left: 25px
}

    .banner-action + .banner-action {
        border-left: 1px solid #e4e4e4
    }

    .banner-action > i {
        font-size: 40px;
        margin-right: 15px
    }

    .banner-action > div span {
        display: block;
        margin-bottom: 5px
    }

a, a:hover {
    color: inherit
}

.top-bar {
    padding: 10px 0 5px;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    position: relative;
    z-index: 10
}

    .top-bar ul.main-nav {
        padding: 0;
        margin: 5px 0 0 !important
    }

        .top-bar ul.main-nav li {
            float: left;
            display: block;
            margin: 0 10px
        }

.panel-group .panel .block.bg-light {
    background: #fff !important;
    border: 1px solid #ededed !important
}

.activity-row:nth-child(even), .check-in-row:nth-child(even), .panel-group .panel:nth-child(even) .block.bg-light {
    background: #fff !important;
    border: 1px solid #dadada
}

.activity-row:hover {
    background: #dadada !important
}

.top-bar ul.main-nav li a {
    display: block;
    letter-spacing: .1em;
    color: #444;
    font-weight: 600;
    line-height: 40px;
    font-size: 14px
}

.top-bar ul.main-nav li:hover a {
    color: #f0c72d
}

.user-actions-menu {
    padding: 0;
    margin: 0
}

    .user-actions-menu > li {
        display: inline-block;
        float: left;
        margin: 0 10px 0 0
    }

        .user-actions-menu > li.nav-spacer {
            height: 1px;
            width: 8px;
            background: #a0a0a0;
            margin-top: 25px
        }

        .user-actions-menu > li > a, .user-actions-menu > li > a:active, .user-actions-menu > li > a:focus {
            display: flex;
            align-items: center;
            height: 34px;
            padding: 0 15px;
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: .1em;
            color: #444;
            text-decoration: none;
            outline: 0;
            border: 2px solid rgba(0,0,0,.25);
            border-radius: 2px;
            -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
            -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67);
            transition: all .1s cubic-bezier(.17,.67,.83,.67)
        }

        .user-actions-menu > li:hover > a {
            border: 2px solid rgba(0,0,0,.45)
        }

        .user-actions-menu > li.sign-up > a {
            color: #fff
        }

        .user-actions-menu > li > a > i {
            font-size: 14px;
            margin-right: 6px
        }

.top-hero {
    height: 400px;
    position: relative
}

    .top-hero-inner, .top-hero:after {
        left: 0;
        bottom: 0;
        position: absolute;
        top: 0;
        right: 0
    }

.top-hero-inner {
    z-index: 100
}

.top-hero:after {
    z-index: 99;
    display: block;
    background: rgba(0,0,0,.55)
}

.top-hero-form, .top-hero-stagger {
    position: relative;
    display: inline-block
}

.top-hero-inner h1 {
    font-size: 37px;
    font-weight: 300;
    color: #fff;
    letter-spacing: .2em
}

.top-hero-form {
    margin-top: 40px;
    width: 700px;
    padding: 20px;
    background: rgba(30,143,177,.75)
}

    .top-hero-form ul {
        padding: 0;
        margin: 0;
        text-align: left;
        display: block;
        position: relative
    }

        .top-hero-form ul li {
            list-style: none;
            display: inline-block;
            font-size: 16px;
            letter-spacing: .06em
        }

            .top-hero-form ul li a {
                display: block;
                padding: 20px 15px 30px;
                color: rgba(255,255,255,.75)
            }

            .top-hero-form ul li:hover a {
                color: #fff
            }

            .top-hero-form ul li.selected a {
                background: rgba(0,0,0,.15);
                color: #fff
            }

.home-box-title h5 a:hover, .home-box-title span:hover strong, .login-footer a:hover, .login-standalone p a:hover, .success-auth p a {
    text-decoration: underline
}

.top-hero-form ul li.top-hero-form-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0
}

.banner-color-text h1:before, .top-hero-form:before {
    left: 50%;
    bottom: 100%
}

.top-hero-form:before {
    position: absolute;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent rgba(30,143,177,.75)
}

.top-hero-form input, .top-hero-form input:focus {
    width: 100%;
    border: 0;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .05em;
    padding: 10px 15px;
    outline: 0;
    color: #444
}

.top-hero-form-search {
    width: 120px
}

.top-hero-form-search-button {
    height: 60px;
    display: block;
    width: 100%;
    text-align: center;
    outline: 0;
    border: 0;
    background: #00cc52;
    color: #fff;
    font-size: 17px;
    letter-spacing: .1em;
    border-radius: 0 !important
}

.banner-text {
    font-size: 27px;
    margin: 0 0 30px;
    letter-spacing: .025em;
    line-height: 100%
}

    .banner-text strong {
        color: #337ab7;
        font-weight: 600
    }

.banner-color-text h1 {
    display: inline-block;
    padding: 20px 40px;
    background: #f0c72d;
    font-size: 21px;
    color: #fff;
    letter-spacing: .25em;
    margin: 0;
    position: relative
}

    .banner-color-text h1:before {
        display: block;
        width: 4px;
        height: 40px;
        position: absolute;
        margin-left: -2px;
        background: #e4e4e4
    }

.home-boxes-container {
    margin: 50px 0 0
}

.home-boxes {
    margin-bottom: 50px
}

    .home-boxes .row {
        margin-bottom: 40px
    }

        .home-boxes .row:last-child {
            margin-bottom: 0
        }

.home-box-title {
    padding: 15px;
    background: #f3f5fb;
    position: relative
}

    .home-box-title h5 {
        font-size: 18px;
        margin: 0;
        letter-spacing: .025em;
        font-weight: 600;
        color: #095177
    }

        .home-box-title h5 i {
            position: absolute;
            right: 15px;
            top: 22px;
            font-size: 31px;
            color: rgba(0,0,0,.2)
        }

    .home-box-title span {
        color: #999;
        display: block;
        font-size: 14px;
        margin-top: 8px;
        margin-left: -1px
    }

        .home-box-title span:after, .home-box-title span:before {
            clear: both;
            display: table
        }

        .home-box-title span strong {
            font-weight: 400
        }

        .home-box-title span i {
            font-size: 16px;
            margin-bottom: 0;
            margin-right: 4px;
            float: left;
            position: relative;
            top: -1px
        }

.home-box-image {
    position: relative;
    overflow: hidden;
    margin: 0 0 10px
}

    .home-box-image a:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.25)
    }

    .home-box-image img {
        max-width: 100%;
        display: block
    }

.home-box-content p {
    margin: -1px 0 0;
    line-height: 175%
}

.date-container {
    width: 90px
}

.home-box-content .date {
    float: left
}

    .home-box-content .date strong {
        display: block;
        font-size: 27px;
        font-weight: 600;
        padding: 15px 10px;
        text-align: center;
        border: 1px solid #e4e4e4;
        border-bottom: 0
    }

    .home-box-content .date span {
        color: #fff;
        display: block;
        padding: 5px 10px;
        background: #f2594b
    }

.banner-view-more {
    margin: -20px 0 50px
}

    .banner-view-more .btn {
        padding: 10px 25px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: .15em
    }

        .banner-view-more .btn i {
            font-size: 16px;
            float: right;
            margin: 2px -3px 0 8px
        }

.intro-boxes-container {
    background: #f8f9f5;
    padding: 40px 0
}

.intro-box {
    position: relative;
    z-index: 99;
    box-shadow: 1px 1px 5px rgba(0,0,0,.25)
}

    .intro-box h2 {
        padding: 10px 20px !important;
        font-size: 16px !important;
        margin-top: 26% !important;
        display: inline-block;
        background: #4bb5c1
    }

.intro-box-content {
    margin-top: 0;
    padding: 15px
}

    .intro-box-content p {
        line-height: 24px;
        margin: 0
    }

.footer-light {
    border-top: 1px solid #ddd;
    padding: 30px;
    background: #fff
}

    .footer-light h3 {
        font-size: 16px;
        margin: 0 0 25px;
        letter-spacing: .12em;
        color: #444;
        text-transform: uppercase
    }

    .footer-light ul {
        padding: 0;
        margin: 0
    }

        .footer-light ul li {
            display: block;
            margin: 15px 0
        }

            .footer-light ul li:last-child {
                margin-bottom: 0
            }

            .footer-light ul li a {
                font-size: 14px;
                letter-spacing: .06em;
                font-weight: 600;
                transition: color .1s cubic-bezier(.17,.67,.83,.67)
            }

            .footer-inline ul li a, .footer-light ul li a {
                -webkit-transition: color .1s cubic-bezier(.17,.67,.83,.67);
                -moz-transition: color .1s cubic-bezier(.17,.67,.83,.67)
            }

                .footer-light ul li a:hover {
                    color: #1e8fb1
                }

.footer-inline {
    background: #052637;
    margin: 0;
    line-height: 180%;
    border-top: 1px solid #0f4662
}

    .footer-inline ul {
        padding: 20px;
        margin: 0;
        line-height: 100%
    }

        .footer-inline ul li {
            list-style: none;
            display: inline-block;
            margin: 0 20px 0 0
        }

            .footer-inline ul li:after {
                display: inline-block;
                height: 4px;
                width: 4px;
                border-radius: 4px;
                background: rgba(255,255,255,.55);
                margin-left: 20px
            }

            .footer-inline ul li:last-child:after {
                display: none
            }

            .footer-inline ul li a {
                display: inline-block;
                color: rgba(255,255,255,.75);
                text-transform: uppercase;
                font-size: 90%;
                font-weight: 400;
                letter-spacing: .15em;
                transition: color .1s cubic-bezier(.17,.67,.83,.67)
            }

            .footer-inline ul li:hover a {
                color: #f0c72d
            }

    .footer-inline.footer-bottom {
        padding: 30px 0;
        line-height: 140%;
        background: #041c29
    }

.social-links {
    padding: 0 !important
}

@media only screen and (max-width: 768px) {
    .footer-bottom img {
        max-width: 40px
    }

    .modal-md {
        max-width: 99%
    }
}

.captchaContainer img, .sponsor-select img {
    max-width: 100%
}

.footer-inline.footer-bottom span {
    font-size: 100%;
    letter-spacing: .15em;
    color: rgba(255,255,255,.75);
    font-weight: 300
}

.session-page-wrap {
    position: relative;
    min-height: 100%;
    padding-bottom: 370px
}

    .session-page-wrap footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

.login-standalone {
    width: 320px;
    padding: 30px 20px;
    margin: 50px auto
}

    .login-standalone .text-muted {
        color: #45494e
    }

.modal-content .login-standalone {
    margin: 0;
    padding: 0;
    width: auto;
    border: 0
}

.modal-session {
    width: 360px
}

.login-standalone h1, .modal-content h1 {
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    margin: 0 0 10px;
    letter-spacing: .06em
}

.login-standalone p, .modal-content p {
    text-align: center;
    margin: 15px 0 30px;
    font-size: 16px;
    letter-spacing: .06em
}

    .login-standalone p.note, .modal-content p.note {
        margin: 15px 0 30px;
        letter-spacing: .06em;
        font-size: 14px;
        line-height: 19px
    }

    .login-standalone p a {
        color: #0086bf;
        font-size: 16px;
        letter-spacing: .06em
    }

.login-standalone label {
    margin: 0 0 8px
}

.login-standalone .btn {
    text-transform: uppercase;
    letter-spacing: .12em
}

.email-signup, .explore-filter-list li span, .facebook-signup, .login-footer a, .login-footer p, .or, .sign-up-notification h1 {
    letter-spacing: .06em
}

.login-footer {
    margin: 20px 0 0
}

    .login-footer a {
        color: #0086bf
    }

        .login-footer a.return-login {
            color: #0086bf;
            font-size: 16px;
            letter-spacing: .06em
        }

    .login-footer p {
        margin: 0;
        font-size: 14px;
        line-height: 21px
    }

        .login-footer p a {
            font-size: 14px
        }

.captchaWrap {
    margin-bottom: 15px
}

.refreshCaptcha {
    font-size: 18px;
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    top: 2px
}

.captcha {
    margin: 5px 0 15px
}

.success-auth h1, .success-auth h2 {
    margin-bottom: 10px
}

.captchaContainer {
    width: 182px;
    display: inline-block
}

.enterCaptcha {
    display: inline-block;
    margin-left: 10px;
    width: 143px
}

.toManyTriesMessage {
    font-size: 18px;
    text-align: center;
    line-height: 1.4875
}

    .toManyTriesMessage i {
        font-size: 56px;
        display: block;
        margin-bottom: 10px
    }

.success-auth {
    padding: 60px 0;
    text-align: center
}

    .success-auth h1 span {
        font-weight: 600;
        color: #f0c72d
    }

    .success-auth h2 {
        margin-top: 60px
    }

    .success-auth p {
        padding: 0 60px;
        font-weight: 400;
        font-size: 24px;
        margin-top: 10px;
        line-height: 1.5
    }

        .success-auth p a {
            color: #4bb5c1
        }

            .success-auth p a:hover {
                color: #3697a2
            }

.go-back-home {
    margin-top: 60px
}

    .go-back-home:before {
        display: block;
        height: 2px;
        width: 100px;
        background-color: #ededed;
        margin: 0 auto 20px
    }

    .go-back-home a {
        font-size: 18px;
        display: block;
        width: 250px;
        margin: 0 auto;
        padding: 18px 20px 16px;
        background-color: #4fa973;
        color: #fff;
        font-weight: 400;
        border-radius: 4px
    }

        .go-back-home a > i {
            float: left;
            margin: -2px 0 0;
            -webkit-transition: all 150ms ease;
            -moz-transition: all 150ms ease;
            transition: all 150ms ease;
            -webkit-transform: translate3d(8px,0,0);
            -moz-transform: translate3d(8px,0,0);
            transform: translate3d(8px,0,0)
        }

        .go-back-home a:hover > i {
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

.explore-wrap {
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background: #fff
}

    .explore-wrap .top-bar {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99
    }

.explore-map {
    position: fixed;
    bottom: 0;
    top: 60px;
    left: 650px;
    right: 0;
    z-index: 1;
    z-index: 10
}

.map-view {
    position: absolute;
    top: 67px;
    right: 0;
    left: 0;
    bottom: 0
}

.explore-search-field {
    padding: 10px 20px;
    background: #f8f8f8;
    border-top: 1px solid #fff;
    display: block
}

    .explore-search-field .location-field {
        width: 320px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 25px;
        position: relative
    }

        .explore-search-field .location-field span {
            position: absolute;
            cursor: pointer;
            right: 15px;
            top: 15px;
            font-size: 18px
        }

.box-detail-container {
    padding: 20px;
    background: #fff;
    display: inline-block;
    width: 650px
}

.explore-filter-list {
    padding: 0;
    margin: 0;
    display: inline-block
}

    .explore-filter-list li {
        list-style: none;
        display: inline-block;
        margin-right: 3px
    }

        .explore-filter-list li span {
            display: block;
            border-radius: 2px;
            border: 1px solid #dcdcdc;
            background: #f3f3f3;
            padding: 15px;
            font-size: 13px;
            cursor: pointer;
            position: relative;
            box-shadow: inset 0 1px 0 #fff
        }

        .explore-filter-list li.loading span:after, .explore-filter-list li.selected span:after {
            font-family: icomoon;
            top: 15px;
            position: absolute;
            right: 11px;
            font-size: 16px
        }

        .explore-filter-list li:hover span {
            border-color: #bbb
        }

        .explore-filter-list li.loading span, .explore-filter-list li.selected span {
            background-color: #fff;
            padding-right: 37px
        }

@keyframes anim-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.explore-filter-list li.loading span:after {
    display: inline-block;
    content: "\ea4e";
    animation: anim-rotate 2s infinite linear
}

.explore-filter-list li.selected span:after {
    display: inline-block;
    content: "\eb93"
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0)
    }

    100%,50% {
        -webkit-transform: rotate(360deg)
    }
}

.explore-filter-list li:active span {
    box-shadow: inset rgba(0,0,0,.4) 0 1px 3px 0
}

.explore-search-container h1 strong {
    font-weight: 600
}

.explore-list {
    width: 650px;
    position: relative;
    z-index: 10999;
    background: #fff
}

.explore-info-loader, .explore-info-window {
    bottom: 0;
    z-index: 999;
    box-shadow: inset 4px 4px 7px rgba(0,0,0,.15)
}

.sign-up-notification {
    background: #dfeef8;
    position: relative;
    padding: 30px 20px 20px;
    border-left: 6px solid #095177
}

    .sign-up-notification .close {
        top: 15px;
        right: 15px
    }

    .sign-up-notification h1 {
        font-size: 21px;
        font-weight: 400;
        margin: 0 0 15px
    }

.facebook-signup {
    height: 50px;
    padding: 0 20px;
    background: #3a579d;
    display: inline-block;
    line-height: 51px;
    overflow: hidden;
    font-size: 15px;
    color: #fff;
    border-radius: 2px;
    margin-right: 20px
}

    .facebook-signup:focus, .facebook-signup:hover {
        color: #fff;
        text-decoration: none
    }

    .facebook-signup > i {
        font-size: 56px;
        margin-top: 4px;
        margin-right: 4px;
        margin-left: -20px;
        float: left
    }

.or {
    color: #999;
    margin-right: 15px;
    font-size: 13px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    background: #fff
}

.email-signup {
    font-size: 15px;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 50px
}

    .email-signup:hover {
        text-decoration: none
    }

.explore-list ul {
    padding: 0;
    margin: 0
}

    .explore-list ul > li {
        list-style: none;
        display: block;
        cursor: pointer
    }

.explore-item {
    padding: 15px
}

    .explore-item.active {
        background: #f4f9fc
    }

    .explore-item.selected, .explore-item.selected:hover {
        background: #e6ebf6
    }

    .explore-item .date-cell {
        width: 80px
    }

    .explore-item .explore-item-type {
        text-align: center;
        margin-bottom: 0;
        padding: 15px 0;
        font-size: 41px;
        opacity: 1;
        background: #fff;
        border: 1px solid #e4e4e4;
        border-bottom: 0
    }

        .explore-item .explore-item-type i {
            opacity: .25
        }

    .explore-item .date strong {
        display: block;
        font-size: 27px;
        font-weight: 600;
        background: #fff;
        padding: 15px 10px;
        text-align: center;
        border: 1px solid #e4e4e4;
        border-bottom: 0
    }

.info-cell h1, .info-cell h3 {
    letter-spacing: .06em;
    font-weight: 400
}

.explore-item .date span {
    color: #fff;
    display: block;
    padding: 8px 10px;
    background: #f2594b
}

.info-cell {
    padding-left: 15px;
    padding-right: 15px
}

    .info-cell h1 {
        font-size: 17px;
        margin: 5px 0 10px;
        color: #337ab7
    }

        .info-cell h1 a:hover {
            text-decoration: underline
        }

    .info-cell h3 {
        font-size: 14px;
        margin: 0 0 15px;
        color: #999;
        opacity: 1
    }

        .info-cell h3 i {
            float: left;
            font-size: 16px;
            margin: -1px 2px 0 0
        }

    .info-cell p {
        font-size: 14px;
        line-height: 19px;
        color: #444;
        margin-bottom: 5px
    }

.explore-item-actions {
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
    padding-bottom: 5px
}

    .explore-item-actions a {
        letter-spacing: .06em;
        color: #969696;
        opacity: .75;
        font-size: 13px
    }

        .explore-item-actions a, .explore-item-actions a i {
            -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
            -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67)
        }

            .explore-info-loader, .explore-item-actions a i {
                transition: all .1s cubic-bezier(.17,.67,.83,.67)
            }

            .explore-item-actions a:hover {
                opacity: 1
            }

            .explore-item-actions a i {
                font-size: 16px;
                float: left;
                margin-right: 2px;
                opacity: .75;
                margin-top: 0
            }

            .explore-item-actions a:hover i {
                color: #00cc52;
                opacity: 1
            }

.image-cell {
    width: 147px;
    height: 147px
}

    .image-cell img {
        width: 147px;
        border-radius: 2px
    }

.explore-info-window {
    background: #fff;
    position: absolute;
    left: 650px;
    top: 127px;
    width: 650px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 25px;
    -webkit-transition: all .2s cubic-bezier(.42,0,1,1);
    -moz-transition: all .2s cubic-bezier(.42,0,1,1);
    transition: all .2s cubic-bezier(.42,0,1,1);
    -webkit-transform: translate3d(-650px,0,0)
}

    .explore-info-window.pulled-state {
        -webkit-transform: translate3d(0,0,0)
    }

.explore-info-loader {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    background: #fff
}

    .explore-info-loader, .explore-info-loader i {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
        -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67)
    }

        .explore-info-loader i {
            top: 50%;
            left: 50%;
            z-index: 1000;
            font-size: 44px;
            margin: -22px 0 0 -22px;
            transition: all .1s cubic-bezier(.17,.67,.83,.67);
            animation: anim-rotate 2s infinite linear
        }

.explore-info-window.loading-state .explore-info-loader, .explore-info-window.loading-state .explore-info-loader i {
    opacity: 1;
    visibility: visible
}

.explore-info-window h1 {
    font-size: 21px;
    color: #337ab7;
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4
}

.explore-info-dates {
    position: relative
}

    .explore-info-dates span {
        display: block;
        margin-bottom: 20px;
        font-size: 15px
    }

        .explore-info-dates span strong {
            font-weight: 600
        }

.explore-info-window .explore-info-image {
    position: absolute;
    top: 0;
    right: 0
}

    .explore-info-window .explore-info-image img {
        max-width: 100%;
        display: block;
        border-radius: 2px
    }

.home-box-content .description {
    margin-top: 35px;
    padding-top: 5px
}

.description p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px
}

.add-event-content .row {
    margin-bottom: 0
}

.event-type-title {
    margin: 40px 0 0
}

    .event-type-title h1 {
        font-size: 27px;
        letter-spacing: .025em;
        margin: 0
    }

        .event-type-title h1 strong {
            font-weight: 600;
            color: #337ab7
        }

.event-type-pick {
    margin: 30px 0
}

.event-type-box {
    border: 1px solid #ededed;
    background: #fff;
    text-align: center;
    font-size: 51px;
    box-shadow: 2px 2px 0 2px rgba(0,0,0,.05)
}

    .event-type-box label {
        display: block;
        padding: 30px 10px 10px;
        margin: 0;
        cursor: pointer;
        position: relative
    }

        .event-type-box label input {
            position: absolute;
            top: 0;
            left: 0;
            visibility: hidden;
            opacity: 0
        }

    .event-type-box i {
        display: block;
        margin-bottom: 25px;
        color: #999
    }

    .event-type-box .btn {
        display: block;
        background: #ededed;
        border-color: #ededed;
        color: #444;
        text-transform: uppercase;
        letter-spacing: .06em
    }

.inline-form-group .form-group:after, .round-robin-box-row:after, .round-robin-box-row:before, .round-robin-box-single:after, .round-robin-box-single:before {
    content: "";
    display: table
}

.event-type-box label input:checked ~ .btn {
    background: #337ab7;
    border-collapse: #337ab7;
    color: #fff
}

.event-type-box label input:checked ~ i {
    color: #40555c !important
}

.event-type-form-container {
    border: 1px solid #ededed;
    background: #fff;
    padding: 20px;
    box-shadow: 2px 2px 0 2px rgba(0,0,0,.05)
}

.inline-form-group .form-group:after {
    clear: both
}

.inline-form-group label:not(.ui-switch) {
    font-weight: 300;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left
}

.inline-form-group label.custom-label {
    width: 200px;
    display: flex;
    align-items: center;
    float: left;
    margin: 0;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px
}

    .inline-form-group label.custom-label i {
        font-size: 18px;
        margin-right: 10px
    }

.inline-form-group .field-input {
    margin-left: 220px;
    position: relative
}

.field-input > i {
    position: absolute;
    top: 15px;
    right: 16px;
    font-size: 16px;
    color: #999;
    -webkit-transition: all .3s cubic-bezier(.17,.67,.83,.67);
    -moz-transition: all .3s cubic-bezier(.17,.67,.83,.67);
    transition: all .3s cubic-bezier(.17,.67,.83,.67)
}

.steps-menu ul li a span, .steps-menu ul li:after {
    transition: all .3s cubic-bezier(.17,.67,.83,.67)
}

.field-input input:focus ~ i {
    color: #444
}

.steps-menu {
    width: 300px;
    background: #fff;
    border: 1px solid #ddd
}

    .steps-menu ul {
        padding: 0;
        margin: 0 0 100px
    }

        .steps-menu ul li {
            display: block;
            float: none;
            margin: 0;
            position: relative
        }

            .steps-menu ul li:after, .steps-menu ul li:before {
                content: "";
                display: block;
                width: 5px;
                background: #ededed;
                position: absolute;
                top: 50%;
                height: 100%;
                left: 43px
            }

            .steps-menu ul li:after {
                height: 0;
                background: #f0c72d
            }

            .steps-menu ul li a span, .steps-menu ul li:after {
                -webkit-transition: all .3s cubic-bezier(.17,.67,.83,.67);
                -moz-transition: all .3s cubic-bezier(.17,.67,.83,.67)
            }

            .steps-menu ul li.finished:after {
                height: 100%
            }

            .steps-menu ul li:last-child:before {
                display: none
            }

            .steps-menu ul li a {
                display: block;
                padding: 30px 25px 28px;
                font-size: 16px;
                letter-spacing: .018em;
                color: #999;
                cursor: default;
                border-radius: 0;
                background: 0 0 !important
            }

.inner-side--menu nav > ul > li > a:active, .inner-side--menu nav > ul > li > a:focus, .logged-in-user .user-name, .reg-header ul.head-ul > li > a:active, .reg-header ul.head-ul > li > a:focus {
    text-decoration: none
}

.steps-menu ul li a:active, .steps-menu ul li.active a:active, .steps-menu ul li:hover a {
    background: 0 0;
    text-decoration: none
}

.steps-menu ul li.active a, .steps-menu ul li.active a:hover {
    font-weight: 400;
    color: #40555c !important;
    background: 0 0
}

.steps-menu ul li a span {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ededed;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    margin-top: -12px;
    margin-right: 15px;
    position: relative;
    z-index: 99
}

.steps-menu ul li.finished span {
    background: #f0c72d;
    color: #fff
}

.steps-menu ul li.active a span {
    background: #00cc52;
    color: #fff
}

.event-type-form-cell {
    padding-left: 30px;
    padding-bottom: 30px
}

.pick-sport {
    font-size: 18px;
    letter-spacing: .06em;
    margin: 0 0 25px;
    cursor: pointer
}

    .pick-sport .chosen-sport {
        padding: 0;
        background: #fff;
        font-size: 18px;
        border: 1px solid #ededed;
        margin: 5px 0 0;
        font-weight: 600;
        padding-left: 60px;
        position: relative;
        -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
        -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67);
        transition: all .1s cubic-bezier(.17,.67,.83,.67)
    }

.chose-sport-backdrop, .datepicker-popup-backdrop {
    opacity: 0;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease
}

.pick-sport .chosen-sport:hover {
    background: #337ab7;
    color: #fff
}

.chosen-icon {
    font-size: 27px;
    display: block;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    bottom: 0;
    line-height: 62px;
    padding-left: 3px
}

.chose-sport-backdrop, .chose-sport-popup {
    top: 0;
    left: 0;
    position: fixed;
    right: 0;
    bottom: 0
}

.pick-sport .chosen-sport span {
    display: block;
    padding: 21px 20px 20px
}

.chose-sport-popup {
    z-index: 1000;
    display: none
}

    .chose-sport-popup * {
        user-select: none
    }

.chose-sport-backdrop {
    z-index: 999;
    background: rgba(0,0,0,.75);
    transition: all 150ms ease
}

    .chose-sport-backdrop.in {
        opacity: 1
    }

.chose-sport-container {
    width: 1000px;
    display: block;
    margin: 0 auto;
    margin-top: 250px
}

.chose-sport-header {
    padding: 0 20px;
    margin-bottom: 10px
}

    .chose-sport-header .close-schose {
        font-size: 31px;
        color: #fff;
        float: right;
        cursor: pointer;
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0)
    }

.chose-sport-container label {
    position: relative;
    width: 300px;
    margin: 15px;
    display: inline-block;
    -webkit-transform: translate3d(0,50px,0);
    opacity: 0;
    transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.chose-sport-container label, .chose-sport-option {
    -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
    -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.chose-sport-option, .css-checkbox > div:before, .css-radio > div:before {
    transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.chose-sport-container label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.chose-sport-option {
    background: #fff;
    padding: 40px 30px 30px;
    border-radius: 2px;
    position: relative;
    display: block;
    cursor: pointer
}

.datepicker-popup, .datepicker-popup-backdrop {
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.chose-sport-option:hover {
    background: #1e8fb1;
    color: #fff
}

.chose-sport-container label input:checked ~ .chose-sport-option {
    background: #4fa973;
    color: #fff
}

.chose-sport-option i {
    font-size: 51px;
    display: block
}

.chose-sport-option h1 {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: .06em;
    margin: 20px 0 0
}

.datepicker-popup {
    display: none;
    z-index: 1050;
    overflow-y: auto
}

.datepicker-popup-backdrop {
    z-index: 1040;
    background-color: rgba(0,0,0,.75);
    transition: all 150ms ease
}

    .datepicker-popup-backdrop.in {
        opacity: 1
    }

.datepicker-popup-main-container {
    width: 850px;
    margin: 0 auto 5%;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    position: relative;
    overflow-y: auto;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

.css-radio > div:after, .help-block-box, .upload-logo-box i {
    transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.datepicker-popup-main-container.single-container {
    width: 730px !important
}

.datepicker-popup-main-container.single-container-notime {
    width: 400px !important
}

.datepicker-popup-main-container .close {
    position: absolute;
    top: 18px;
    right: 15px;
    z-index: 999
}

.datepicker-popup.in .datepicker-popup-main-container {
    -webkit-transform: translate(0,10%);
    -ms-transform: translate(0,10%);
    -o-transform: translate(0,10%);
    transform: translate(0,10%)
}

.datepicker-popup-inner-box {
    padding: 0;
    display: flex;
    flex-direction: row
}

.custom-datepicker-popup {
    border: 1px solid #dedede;
    border-radius: 2px;
    font-size: 15px;
    padding: 0 12px;
    cursor: pointer
}

.datepicker-popup-header {
    padding: 18px 20px;
    margin: 0;
    border-bottom: 1px solid #ccc
}

    .datepicker-popup-header h5 {
        font-size: 21px;
        margin: 0;
        font-weight: 600
    }

.datepicker-popup-footer {
    padding: 14px 20px;
    margin: -2px 0 0;
    border-top: 1px solid #ccc;
    position: relative;
    display: flex;
    align-items: center
}

    .datepicker-popup-footer .btn {
        margin: 0 5px;
        width: 80px;
        justify-content: flex-end
    }

        .datepicker-popup-footer .btn:last-child {
            margin-right: 0
        }

.modal-login .modal-dialog {
    max-width: 500px
}

.modal-dialog .modal-content {
    padding: 25px
}

.modal-login .modal-dialog .modal-content .close {
    position: absolute;
    right: 15px;
    top: 15px
}

.modal-login .modal-dialog .modal-content h1 > span {
    font-weight: 600
}

.modal-login .modal-dialog .modal-content .nav-tabs {
    padding: 0;
    margin: 0 0 30px
}

    .modal-login .modal-dialog .modal-content .nav-tabs > li {
        border: 0;
        padding: 0;
        margin: 0 20px -2px 0;
        background: 0 0;
        float: left
    }

        .modal-login .modal-dialog .modal-content .nav-tabs > li > a {
            display: block;
            border: 0;
            padding: 10px 0;
            margin: 0;
            letter-spacing: .05em;
            background: 0 0;
            font-size: 14px;
            font-weight: 600;
            border-bottom: 3px solid transparent
        }

        .modal-login .modal-dialog .modal-content .nav-tabs > li:hover > a {
            color: #58b6cf
        }

        .modal-login .modal-dialog .modal-content .nav-tabs > li.active > a {
            color: #19738b;
            border-color: #19738b
        }

.modal-login .modal-dialog .modal-content .btn {
    padding-left: 30px;
    padding-right: 30px
}

.modal-login .modal-dialog .modal-content .forgot-password, .modal-login .modal-dialog .modal-content .terms-use {
    margin-top: 10px;
    color: #58b6cf;
    font-size: 14px
}

.modal-login .modal-dialog .modal-content .terms-use {
    color: #444
}

    .modal-login .modal-dialog .modal-content .terms-use a {
        color: #58b6cf
    }

        .modal-login .modal-dialog .modal-content .forgot-password:hover, .modal-login .modal-dialog .modal-content .terms-use a:hover {
            color: #19738b
        }

.dp-preview-from {
    font-size: 19px;
    font-weight: 600;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.dp-preview-to {
    float: left;
    position: absolute;
    top: 28px;
    right: 20px;
    font-size: 19px;
    font-weight: 600
}

.datepicker-row, .datepicker-row label {
    cursor: pointer !important
}

.datepicker-popup-box {
    width: 100%
}

.datepicker-popup-box-double {
    flex: 1 1 50%;
    padding: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .datepicker-popup-box-double .bootstrap-datetimepicker-widget, .datepicker-popup-box-double .bootstrap-datetimepicker-widget .row {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        flex: 1;
        flex-direction: column
    }

.datepicker-popup-box-single {
    padding: 20px
}

.datepicker-popup-box-double .datepicker, .datepicker-popup-box-double .timepicker {
    float: none !important;
    width: 100%
}

.datepicker-popup-box-double .datepicker {
    flex: 1 1 auto
}

.datepicker-popup-box-single .timepicker {
    padding: 80px 20px 80px 0
}

.datepicker-popup-box-double .timepicker {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 0 0 150px
}

    .datepicker-popup-box-double .timepicker .timepicker-picker {
        width: 325px
    }

.box-double-from {
    padding-right: 30px;
    border-right: 2px solid #ccc
}

.box-double-to {
    padding-left: 30px;
    border-left: 2px solid #ccc
}

.grid {
    width: 1140px
}

.grid-item {
    float: left;
    width: 33.333%;
    padding: 5px
}

.grid-item--width2 {
    width: 66.666%
}

.round-robin-content {
    padding: 40px 0 80px
}

.b-title-top {
    font-size: 27px;
    font-weight: 300;
    margin-bottom: 20px;
    border-bottom: 1px solid #095177;
    padding-bottom: 15px
}

.css-checkbox > div > span, .css-radio span {
    font-weight: 400;
    font-size: 14px
}

.round-robin-standing {
    background: #fff
}

    .round-robin-standing > table {
        margin: 0
    }

.round-robin-box {
    border: 1px solid #ccc;
    background: #fff
}

.round-robin-box-inner {
    padding: 6px
}

.round-robin-box-head {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.round-robin-box-row {
    margin-bottom: 10px
}

    .discount-row .form-group, .round-robin-box-row:last-child {
        margin-bottom: 0
    }

    .round-robin-box-row:after, .round-robin-box-single:after {
        clear: both
    }

.round-robin-box-bye, .round-robin-box-vs {
    width: 16%;
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 20px
}

.round-robin-box-bye {
    width: inherit;
    background: #eaebe4;
    text-align: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 46px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.round-robin-box-team {
    float: left;
    width: 42%;
    padding-left: 30px;
    position: relative
}

.full-team {
    width: 100%
}

.team-identity {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 30px;
    text-align: center;
    font-size: 28px
}

.round-robin-box-single span {
    display: block;
    width: 33.333%;
    float: left;
    background: #d9e5ed;
    padding: 5px 0;
    font-weight: 600;
    text-align: center
}

    .round-robin-box-single span:first-child {
        border-radius: 4px 0 0
    }

    .round-robin-box-single span:last-child {
        border-radius: 0 4px 0 0
    }

.round-robin-box-total {
    padding: 5px 0;
    background: #337ab7;
    text-align: center;
    font-weight: 600;
    color: #fff;
    border-radius: 0 0 4px 4px
}

.step-action, .winner-box {
    padding-top: 10px
}

.round-robin-box-winner .round-robin-box-total {
    background: #00cc52;
    color: #fff
}

.step-action {
    border-top: 2px solid #ccc;
    margin-top: 20px
}

.grid-add-row, .helper-chose-box {
    margin-bottom: 10px
}

.league-chose {
    margin-top: 10px;
    padding: 0 10px
}

    .league-chose > div > div {
        padding: 0 5px
    }

.helper-chose-box {
    position: relative;
    display: block;
    cursor: pointer
}

    .helper-chose-box input {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden
    }

.helper-chose-box-content {
    display: block;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
    height: 90px;
    line-height: 90px
}

.helper-type-box .helper-chose-box-content {
    height: auto;
    padding: 25px 0 22px;
    line-height: 20px
}

.helper-box-wrapper.active-wrapper {
    z-index: 150
}

.help-block-backdrop, .help-block-inner-backdrop {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    cursor: default
}

.help-block-backdrop {
    position: fixed;
    background: rgba(0,0,0,.45)
}

.help-block-inner-backdrop {
    position: absolute;
    background: 0 0
}

.helper-box-wrapper .help-block {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    z-index: 99;
    cursor: pointer
}

.help-block-in {
    z-index: 999
}

.help-block-box {
    background: #fff;
    position: absolute;
    top: 100%;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    cursor: default;
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    display: none;
    margin-top: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,.35)
}

.css-checkbox > div:after, .css-checkbox > div:before, .css-radio > div:after, .css-radio > div:before, .help-block-box, .help-section h1, .upload-logo-box i, .upload-logo-box span {
    -webkit-transition: all .1s cubic-bezier(.17,.67,.83,.67);
    -moz-transition: all .1s cubic-bezier(.17,.67,.83,.67)
}

.help-block-in.help-block-box {
    opacity: 1;
    visibility: visible;
    margin-top: 20px
}

.help-block-box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.css-checkbox, .css-radio, .helper-box-wrapper {
    position: relative
}

    .helper-box-wrapper .help-block:hover {
        color: #095177
    }

    .helper-box-wrapper .help-block i {
        font-size: 22px !important;
        margin: 0 !important
    }

.helper-chose-box-content span {
    display: inline-block;
    vertical-align: top
}

.helper-chose-box-content:before {
    content: "\eb94";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    opacity: 0;
    vertical-align: top;
    margin-right: 8px;
    display: none;
    line-height: 90px
}

.helper-chose-box input:checked ~ .helper-chose-box-content {
    color: #fff;
    background: #095177;
    border-color: #095177
}

    .helper-chose-box input:checked ~ .helper-chose-box-content .help-block, .helper-chose-box input:checked ~ .helper-chose-box-content .help-block i {
        color: #fff !important
    }

    .helper-chose-box input:checked ~ .helper-chose-box-content:before {
        opacity: 1;
        display: inline-block
    }

.helper-type-box .helper-chose-box-content:before {
    display: none !important
}

.helper-type-box .helper-chose-box-content i {
    display: block;
    font-size: 32px;
    margin: 0 0 10px
}

.helper-chose-box-content {
    font-size: 18px;
    text-align: center
}

.css-checkbox {
    display: inline-block;
    cursor: pointer;
    min-width: 16px;
    min-height: 16px;
    width: auto !important;
    padding: 2px 0 2px 24px !important;
    margin: 0;
    user-select: none
}

.css-checkbox, .css-radio {
    float: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.check-form-group {
    top: 8px !important
}

.css-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

.css-checkbox > div:before {
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 2px #a2abb4;
    background-color: #fff;
    left: 0;
    top: 4px
}

.css-checkbox input:checked ~ div:before {
    box-shadow: 0 0 0 2px #4caf50;
    background-color: #4caf50;
    border-color: #095177
}

.css-checkbox > div:after, .css-checkbox > div:before {
    content: "";
    display: block;
    position: absolute
}

.css-checkbox > div:after, .option-selected:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c"
}

.css-checkbox input:disabled ~ div:before {
    border-color: #ededed !important
}

.css-checkbox input[disabled] ~ div:before {
    cursor: not-allowed;
    box-shadow: 0 0 0 2px #ededed !important;
    background-color: #ededed !important
}

.css-checkbox > div:after {
    left: 2px;
    top: 10px;
    width: 6px;
    height: 6px;
    opacity: 0;
    visibility: hidden;
    line-height: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.frm-ui-reveal:before, .inner-side--menu nav > ul > li.has-dropdown > a:after, .sponsor-select input:checked ~ div:after {
    font-variant: normal;
    text-transform: none;
    font-family: icomoon
}

.css-checkbox input:checked ~ div:after {
    opacity: 1;
    visibility: visible
}

.css-checkbox input:disabled ~ div:after {
    color: #444 !important;
    opacity: .4
}

.css-checkbox input[disabled] ~ div > span {
    cursor: not-allowed;
    opacity: .5
}

.css-checkbox div > span.checked {
    display: none
}

.css-checkbox div > span.unchecked, .css-checkbox input:checked ~ div > span.checked {
    display: block
}

.css-checkbox input:checked ~ div > span.unchecked {
    display: none
}

.css-checkbox input:disabled ~ div > span {
    background-color: #ededed !important;
    color: #444 !important;
    opacity: .5 !important
}

.inline-block {
    display: inline-block !important
}

.css-radio {
    display: inline-block;
    cursor: pointer;
    width: auto !important;
    min-width: 16px !important;
    min-height: 16px !important;
    user-select: none;
    padding: 0 0 0 24px !important;
    margin-top: 1px
}

.field-value {
    padding: 8px 0;
    display: block
}

.css-radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

.css-radio > div:before {
    width: 16px;
    height: 16px;
    border-radius: 24px;
    box-shadow: 0 0 0 2px #a2abb4;
    left: 0;
    top: 2px
}

.css-radio > div:after, .css-radio > div:before {
    content: "";
    display: block;
    position: absolute
}

.css-radio input:checked ~ div:before {
    border-color: #095177
}

.css-radio > div:after {
    left: 4px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 14px;
    background: #4bc0c0;
    opacity: 0;
    visibility: hidden
}

.css-radio input:disabled ~ div:after, .gender-switch > label > div, .sponsor-select input:checked ~ div {
    background-color: #ededed
}

.css-radio input:checked ~ div:after {
    opacity: 1;
    visibility: visible
}

.css-radio input:disabled ~ div {
    cursor: not-allowed
}

.css-radio span {
    padding: 0;
    display: block
}

.text-danger {
    color: #f04 !important
}

.featured-pack-select {
    position: relative;
    margin: 0 0 25px !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    cursor: pointer !important
}

.sponsor-select, .upload-logo-box {
    text-align: center;
    cursor: pointer
}

.featured-pack-select input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.featured-pack-select div {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 25px 20px 20px !important;
    text-align: center
}

.featured-pack-select input:checked ~ div {
    background: #095177;
    border-color: #095177
}

.featured-pack-select div h2 {
    font-weight: 600;
    font-size: 56px;
    color: #00cc52
}

    .featured-pack-select div h2 .small {
        position: relative;
        top: -14px;
        margin-right: -8px;
        color: #00cc52
    }

.featured-pack-select input:checked ~ div .add-fee, .featured-pack-select input:checked ~ div h2, .featured-pack-select input:checked ~ div h2 .small, .featured-pack-select input:checked ~ div h4, .helper-chose-box input:checked ~ .pricing-reg-box .small, .helper-chose-box input:checked ~ .pricing-reg-box h2 {
    color: #fff
}

.featured-pack-select div .add-fee {
    margin-top: 5px;
    display: block;
    opacity: .75
}

.upload-logo-box {
    display: inline-block !important;
    width: 33.3333% !important;
    padding: 0 5px !important;
    position: relative;
    margin-top: 10px !important;
    margin-left: 0 !important
}

    .upload-logo-box > div {
        border: 2px dashed #ccc;
        padding: 30px 5px !important
    }

    .upload-logo-box input {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden
    }

    .upload-logo-box i {
        display: block !important;
        font-size: 36px;
        margin-bottom: 15px
    }

    .help-section h1, .sponsor-item-slide .sponsor-link .overlay-sponsor, .upload-logo-box span {
        transition: all .1s cubic-bezier(.17,.67,.83,.67)
    }

    .upload-logo-box i, .upload-logo-box span {
        opacity: .5
    }

    .upload-logo-box span {
        line-height: 17px;
        font-size: 15px
    }

    .upload-logo-box:hover i, .upload-logo-box:hover span {
        opacity: .75
    }

.sponsor-select {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important
}

    .sponsor-select > div {
        padding: 20px !important;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .sponsor-select input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden
    }

    .sponsor-select span {
        font-size: 18px;
        display: block;
        margin-top: 10px
    }

    .sponsor-select input:checked ~ div:before {
        content: "";
        display: block;
        border-radius: 26px;
        background: #00cc52;
        width: 26px;
        height: 26px;
        position: absolute;
        bottom: 10px;
        right: 10px
    }

    .sponsor-select input:checked ~ div:after {
        display: block;
        content: "\eda0";
        font-weight: 400;
        line-height: 1;
        position: absolute;
        right: 16px;
        bottom: 15px;
        color: #fff
    }

.sponsor-add-line {
    text-align: center;
    margin-top: 30px
}

.full-wd {
    width: 100% !important;
    display: block !important;
    margin: 0 !important
}

.modal .flex {
    display: flex;
    height: auto
}

    .modal .flex > div {
        margin: auto
    }

.modal-content > .close {
    top: 15px;
    right: 24px
}

.close i {
    top: -1px !important
}

.pricing-box-container {
    display: flex;
    flex-direction: row
}

    .pricing-box-container > div {
        flex: 0 0 33.3333%;
        padding: 0 5px
    }

.pricing-reg-box {
    padding: 30px 10px !important
}

    .pricing-reg-box h2 {
        font-weight: 600;
        font-size: 56px;
        color: #00cc52
    }

    .pricing-reg-box span.up {
        font-weight: 400;
        font-size: 20px;
        display: block;
        vertical-align: middle;
        position: relative;
        margin-top: 5px;
        opacity: .75
    }

    .pricing-reg-box h2 .small {
        position: relative;
        top: 2px;
        margin-right: -8px;
        color: #00cc52;
        font-size: 65%
    }

    .pricing-reg-box span {
        font-size: 16px
    }

.discount-row, .featured-row {
    border-bottom: 2px solid #ccc;
    padding: 20px 0
}

    .discount-row:first-child {
        padding-top: 0
    }

    .discount-row:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

.upload-file-custom {
    position: relative;
    padding: 0 !important;
    width: 100% !important;
    height: 46px;
    cursor: pointer !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    float: none !important;
    justify-content: center
}

    .upload-file-custom input {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        cursor: pointer !important;
        visibility: hidden;
        left: 0;
        z-index: 0
    }

    .upload-file-custom span {
        display: flex;
        flex-direction: row;
        padding: 0 15px;
        align-items: center
    }

        .upload-file-custom span.file-name {
            flex: 1 1 auto;
            border: 1px solid #dedede;
            border-right: 0;
            border-radius: 2px 0 0 2px
        }

span.upload-btn {
    background: #337ab7;
    color: #fff;
    border-radius: 0 2px 2px 0
}

.side--menu {
    display: flex;
    background-color: #0080c3;
    -ms-flex: 0 0 240px;
    -webkit-flex: 0 0 240px;
    flex: 0 0 240px;
    overflow-y: auto;
    z-index: 100;
    width: auto;
    flex-direction: column
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .side--menu {
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;
        width: 200px;
        transition: all .2s ease;
        transform: translate3d(-200px,0,0)
    }

        .side--menu.open {
            transform: translate3d(0,0,0)
        }
}

.side--menu::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 18px
}

.side--menu::-webkit-scrollbar-thumb, .side--menu::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 9px;
    color: #fff
}

.side--menu::-webkit-scrollbar-track {
    background: 0 0;
    box-shadow: inset 0 -4px 0 0,inset 0 4px 0 0
}

.side--menu::-webkit-scrollbar-thumb {
    background: #d9d9de;
    border: 2px solid #fff;
    box-shadow: inset 0 -2px,inset 0 -3px,inset 0 2px,inset 0 3px;
    min-height: 36px
}

.side--menu::-webkit-scrollbar-corner {
    background: #fff
}

.side--menu.compact--menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    -ms-flex: 0 0 60px;
    -webkit-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    transition: all 150ms cubic-bezier(.42,0,.58,1) 350ms
}

.compact--menu.compact--hover:hover {
    -ms-flex: 0 0 260px;
    -webkit-flex: 0 0 260px;
    flex: 0 0 260px;
    width: 260px;
    transition: all .1s cubic-bezier(.42,0,.58,1) .1s
}

.side--menu:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: inherit;
    width: inherit;
    z-index: -10
}

.inner-side--menu {
    padding: 20px 0;
    white-space: nowrap;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.side-menu-brand {
    height: 60px;
    background-color: #073d5a
}

.logged-in-user {
    padding: 20px 30px;
    background: url(../../assets/profile_bg.png);
    background-size: cover;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

    .logged-in-user .user-img {
        width: 50px;
        height: 50px;
        border-radius: 60px;
        position: relative;
        background-color: rgba(0,0,0,.25)
    }

.user-img .no-user-img {
    opacity: .35
}

.compact--hover .logged-in-user, .compact--menu .logged-in-user {
    height: 144px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.compact--menu:not(.compact--hover) .logged-in-user {
    height: auto
}

.compact--hover .logged-in-user .user-img, .compact--menu .logged-in-user .user-img {
    width: 40px;
    height: 40px;
    margin: auto;
    transform: translate(0,0);
    transition: all .1s ease
}

.compact--hover:hover .logged-in-user .user-img {
    width: 80px;
    height: 80px;
    transform: translate(0,-10px);
    transition: all .1s ease;
    transition-delay: 250ms
}

.logged-in-user .user-img:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    background: #00cc52;
    width: 12px;
    height: 12px;
    z-index: 99;
    border-radius: 16px;
    border: 2px solid #fff;
    transition: all .1s ease;
    transition-delay: 0s
}

.compact--hover .logged-in-user .user-img:after, .compact--menu .logged-in-user .user-img:after {
    border: 2px solid #15597d;
    bottom: 1px;
    right: 1px;
    width: 10px;
    height: 10px
}

.compact--hover:hover .logged-in-user .user-img:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 4px solid #15597d;
    bottom: 4px;
    right: 4px;
    transition: all .1s ease;
    transition-delay: 250ms
}

.b-b, .dp-header, .reg-header {
    border-bottom: 1px solid rgba(120,130,140,.2)
}

.logged-in-user .user-name {
    display: block;
    font-size: 16px;
    color: #444;
    margin-top: 20px
}

    .logged-in-user .user-name p {
        margin: 0 0 5px
    }

    .logged-in-user .user-name span {
        font-size: 14px;
        opacity: .7
    }

        .logged-in-user .user-name span > span {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 90%;
            display: block;
            float: left;
            height: 16px
        }

        .logged-in-user .user-name span > i {
            font-size: 10px;
            margin: 2px -4px 0;
            -webkit-transition: all .1s cubic-bezier(.42,0,.58,1);
            transition: all .1s cubic-bezier(.42,0,.58,1);
            transform: rotate(0)
        }

    .logged-in-user .user-name.user-otps-opened span > i {
        transform: rotate(180deg)
    }

.compact--hover .user-name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.compact--menu:not(.compact--hover) .logged-in-user .user-name {
    display: none
}

.compact--hover .logged-in-user .user-name {
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease;
    transition-delay: 0;
    transform: translate(0,10px)
}

.compact--hover:hover .logged-in-user .user-name {
    opacity: 1;
    visibility: visible;
    transform: translate(0,0);
    transition: all .1s ease;
    transition-delay: 250ms
}

.logged-in-user .user-img img {
    max-width: 100%;
    border-radius: 80px;
    overflow-y: hidden
}

.inner-side--menu nav > ul {
    padding: 0;
    margin: 0
}

    .inner-side--menu nav > ul > li {
        display: block;
        list-style: none;
        position: relative;
        padding: 3px 8px 3px 16px
    }

        .inner-side--menu nav > ul > li > a, .inner-side--menu nav > ul > li > a span.icon-box {
            border-radius: 500px
        }

        .inner-side--menu nav > ul > li + li {
            padding: 3px 8px 3px 16px
        }

        .inner-side--menu nav > ul > li.nav-header {
            font-size: 12px;
            padding: 0 16px;
            line-height: 32px;
            font-weight: 400;
            margin-top: 16px;
            color: rgba(225,235,245,.87);
            opacity: 1
        }

        .inner-side--menu nav > ul > li > a {
            align-items: center;
            line-height: 28px;
            color: #fff;
            display: flex;
            font-weight: 400;
            padding: 0 8px 0 0
        }

        .inner-side--menu nav > ul > li:not(.nav-open) > a:hover {
            background-color: rgba(255,255,255,.2)
        }

        .inner-side--menu nav > ul > li.has-dropdown > a:after {
            content: "\edfa";
            font-weight: 400;
            line-height: 1;
            font-size: 14px;
            margin: auto;
            opacity: .85
        }

        .inner-side--menu nav > ul > li.has-dropdown.nav-open > a:after {
            transform: rotate(90deg)
        }

        .inner-side--menu nav > ul > li > a span.icon-box {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 0 0 42px;
            height: 42px;
            margin-right: 16px;
            background-color: rgba(0,0,0,.15)
        }

            .inner-side--menu nav > ul > li > a span.icon-box i.icon-tree6 {
                position: relative;
                top: 1px;
                left: 2px
            }

            .inner-side--menu nav > ul > li > a span.icon-box i {
                font-size: 24px;
                opacity: 1
            }

                .inner-side--menu nav > ul > li > a span.icon-box i.icon {
                    font-size: 16px
                }

            .inner-side--menu nav > ul > li.nav-open > a span.icon-box i, .inner-side--menu nav > ul > li > a span.icon-box.bg-danger i, .inner-side--menu nav > ul > li > a span.icon-box.bg-info i, .inner-side--menu nav > ul > li > a span.icon-box.bg-primary i, .inner-side--menu nav > ul > li > a span.icon-box.bg-success i, .inner-side--menu nav > ul > li > a span.icon-box.bg-warning i, .inner-side--menu nav > ul > li > a:hover span.icon-box i {
                opacity: 1
            }

            .inner-side--menu nav > ul > li > a span.icon-box:before {
                display: none
            }

.primary-nav, .sub-menu > ul > li {
    display: block
}

.primary-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all 150ms ease
}

.main-nav-hidden .primary-nav {
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0);
    visibility: hidden;
    opacity: 0
}

.user-options {
    visibility: hidden;
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(100px,0,0);
    transform: translate3d(100px,0,0);
    transition: all 150ms ease
}

.user-opts-visible .user-options {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: visible;
    opacity: 1
}

.compact--hover .inner-side--menu nav > ul > li > a span.icon-box, .compact--menu .inner-side--menu nav > ul > li > a span.icon-box {
    flex: 0 0 60px !important
}

.compact--hover .sub-menu {
    max-height: 0 !important;
    transition: all 150ms cubic-bezier(.42,0,.58,1) 0s
}

.compact--hover:hover .nav-open .sub-menu {
    max-height: 50rem !important;
    transition: all 150ms cubic-bezier(.42,0,.58,1) 250ms
}

.inner-side--menu nav > ul > li > a span.item-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    font-size: 16px;
    opacity: 1;
    padding-top: 1px;
    line-height: 1
}

.inner-side--menu nav > ul > li.nav-open > a span.item-name, .inner-side--menu nav > ul > li > a:hover span.item-name {
    opacity: 1
}

.sub-menu {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 350ms cubic-bezier(.17,.67,.83,.67) 0s;
    -moz-transition: all 350ms cubic-bezier(.17,.67,.83,.67) 0s;
    transition: all 350ms cubic-bezier(.17,.67,.83,.67) 0s
}

.compact--menu:not(.compact--hover) .inner-side--menu nav > ul > li, .compact--menu:not(.compact--hover) .inner-side--menu nav > ul > li > a {
    width: 60px !important
}

    .compact--menu:not(.compact--hover) .inner-side--menu nav > ul > li > a .item-name, .compact--menu:not(.compact--hover) .inner-side--menu nav > ul > li > a:after {
        display: none
    }

.compact--menu:not(.compact--hover) .sub-menu {
    max-height: 50rem;
    overflow-y: auto;
    position: absolute;
    left: 60px;
    top: 0;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    width: 240px;
    padding-left: 12px;
    transform: translate(20px,0);
    -webkit-transition: all 150ms cubic-bezier(.17,.67,.83,.67) 0s;
    -moz-transition: all 150ms cubic-bezier(.17,.67,.83,.67) 0s;
    transition: all 150ms cubic-bezier(.17,.67,.83,.67) 0s
}

    .compact--menu:not(.compact--hover) .sub-menu ul {
        position: relative;
        border-radius: 4px
    }

        .compact--menu:not(.compact--hover) .sub-menu ul:after {
            content: "";
            position: absolute;
            top: 16px;
            left: -6px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 6px 7px 0;
            border-color: transparent #095177 transparent transparent
        }

.compact--menu:not(.compact--hover) .inner-side--menu nav > ul > li:hover > .sub-menu {
    transform: translate(0,0);
    opacity: 1;
    pointer-events: initial;
    cursor: default
}

.inner-side--menu nav > ul > li.nav-open > .sub-menu {
    max-height: 50rem
}

.sub-menu > ul {
    padding: 0;
    margin: 0
}

    .sub-menu > ul > li > a {
        font-size: 14px;
        line-height: 24px;
        font-weight: 300;
        color: rgba(225,235,245,.87);
        opacity: .85;
        padding: 3px 0 3px 50px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .sub-menu > ul > li:hover > a {
        opacity: 1
    }

@media only screen and (min-width: 320px) and (max-width:768px) {
    .reg-content {
        display: block !important;
        overflow: inherit !important
    }
}

.compact-menu--hover .reg-content {
    padding-left: 60px
}

.dp-header, .reg-header {
    height: 70px;
    position: relative;
    z-index: 100;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.08);
    background: #006ba2;
    background: -moz-linear-gradient(45deg,#006ba2 0,#0081c3 100%);
    background: -webkit-linear-gradient(45deg,#006ba2 0,#0081c3 100%);
    background: linear-gradient(45deg,#006ba2 0,#0081c3 100%)
}

.dp-header {
    z-index: 1010
}

.reg-header-inner {
    height: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: flex
}

.reg-header-brand {
    -ms-flex: 0 0 240px;
    -webkit-flex: 0 0 240px;
    flex: 0 0 240px;
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    padding: 0 10px;
    color: rgba(225,235,245,.87);
    display: flex;
    align-items: center
}

    .reg-header-brand img {
        max-width: 100%
    }

.head-user-nav {
    height: 70px !important;
    padding: 0 10px !important
}

    .head-user-nav > li {
        display: flex;
        height: 70px !important
    }

.head-nav-item > a {
    border-left: 1px solid rgba(255,255,255,.15);
    margin: 0;
    padding: 0 20px 0 10px !important;
    height: 70px !important;
    position: relative;
    color: #fff
}

.head-user-nav > li:last-child > a {
    border-right: 1px solid rgba(255,255,255,.15)
}

.head-nav-item > a:after, .head-nav-item > a:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #2196f3;
    display: none
}

.head-nav-item > a:after {
    left: auto;
    right: -1px
}

.head-nav-item:hover {
    position: relative;
    z-index: 100
}

    .head-nav-item.active > a, .head-nav-item:hover > a {
        background-color: #2196f3;
        color: #fff
    }

        .head-nav-item:hover > a:after, .head-nav-item:hover > a:before {
            display: block
        }

.head-nav-item.dropdown:hover > .dropdown-menu {
    display: block !important
}

.angle-icon {
    padding-top: 1px
}

    .angle-icon > i {
        font-size: 14px
    }

@media only screen and (min-width: 320px) and (max-width:768px) {
    .reg-header-brand {
        -ms-flex: 0 0 70px;
        -webkit-flex: 0 0 70px;
        flex: 0 0 70px
    }
}

.reg-header-search {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: flex;
    align-items: center
}

    .reg-header-search > input {
        height: 60px;
        border-radius: 0;
        margin: 0 auto;
        border: 0;
        background-color: rgba(255,255,255,.1);
        padding: 0 25px;
        font-size: 20px;
        font-weight: 400;
        color: rgba(255,255,255,.75)
    }

        .reg-header-search > input::-webkit-input-placeholder {
            color: rgba(255,255,255,.75);
            text-shadow: none;
            -webkit-text-fill-color: initial
        }

.reg-header-left {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px;
    display: flex;
    align-items: center
}

.reg-header-flex {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px;
    display: flex;
    align-items: center
}

.reg-header ul.head-ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex: 1;
    height: 60px
}

.reg-header-brand ul.head-ul {
    display: none
}

.reg-header ul.head-ul > li {
    height: 60px;
    display: flex;
    align-items: center
}

    .reg-header ul.head-ul > li > a {
        display: flex;
        align-items: center;
        height: 40px;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 5px;
        font-size: 16px;
        color: #fff
    }

.reg-header-flex ul.head-ul > li > a {
    -ms-flex: 0 0 40px;
    -webkit-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    width: 40px;
    border-radius: 40px
}

.reg-header-flex ul.head-ul > li.active > a, .reg-header-flex ul.head-ul > li:hover > a {
    background: rgba(255,255,255,.25)
}

.reg-header-brand ul.head-ul > li > a {
    color: rgba(0,0,0,.87)
}

.reg-header ul.head-ul > li > a > span {
    background: 0 0;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    display: flex;
    justify-content: center;
    align-items: center
}

.anchor-link, .more-link, .terms-service a, .underline {
    text-decoration: underline !important
}

.bootstrap-notify {
    border-radius: 2px
}

.toast-notify-icon-container {
    padding-left: 50px;
    padding: 14px 30px 15px 50px
}

    .toast-notify-icon-container [data-notify=icon] {
        font-size: 22px;
        position: absolute;
        left: 15px;
        top: 15px
    }

.bootstrap-notify .close {
    background: 0;
    border: 0;
    color: #444;
    font-size: 32px;
    font-weight: 700;
    top: 9px !important;
    position: absolute;
    right: 6px;
    opacity: .65
}

.h-separator, .winner-box {
    border-top: 1px solid #ededed
}

.bootstrap-notify .close:hover {
    opacity: 1
}

.bootstrap-notify [data-notify=title] {
    font-size: 18px;
    display: block;
    margin-bottom: 5px
}

.bootstrap-notify [data-notify=message] {
    font-size: 14px
}

.bootstrap-notify [data-notify=progressbar] {
    background-color: #ebccd1;
    position: absolute;
    bottom: -1px;
    right: -1px;
    left: -1px;
    margin: 0;
    height: 6px;
    border-radius: 0 !important
}

.toast-backdrop {
    position: fixed;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: rgba(0,0,0,.45);
    z-index: 1030 !important;
    -webkit-transition: none !important;
    transition: none !important
}

.is-winner-block {
    padding: 30px 0 !important;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    position: relative
}

.is-winner-or-not {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ededed;
    z-index: 0
}

    .is-winner-block > div:after, .is-winner-block > div:before, .is-winner-or-not div:after, .is-winner-or-not div:before {
        display: none
    }

.is-winner-block > div {
    position: relative;
    z-index: 10
}

.is-winner-block input:checked ~ div {
    color: #fff
}

[data-score-team][readonly] {
    background: #ededed !important
}

.is-winner-or-not i {
    position: absolute;
    bottom: 12px;
    font-size: 24px;
    left: 50%;
    margin-left: -12px
}

    .is-winner-or-not i.fa-check {
        z-index: 99;
        display: none;
        margin-left: -14px;
        color: #fff
    }

.is-winner-block input:checked ~ .is-winner-or-not i.fa-check {
    display: block
}

.is-winner-block input:checked ~ .is-winner-or-not:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00cc52
}

.grid-filter, .grid-l {
    background-color: #fff
}

.hover-click {
    cursor: pointer
}

.score-modal h1 {
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed
}

.score-modal .close {
    padding-bottom: 2px;
    top: 24px;
    right: 20px;
    width: 30px !important;
    height: 30px !important
}

    .score-modal .close i {
        top: 0 !important
    }

.grid-l {
    display: flex;
    padding: 15px;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.grid-filter {
    display: flex;
    padding: 25px;
    width: 300px
}

    .grid-filter > div {
        width: 100%
    }

.grid-list {
    display: flex;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 15px 30px
}

.grid-add-row .grid-row {
    margin: 0
}

.grid-row {
    display: flex;
    border-radius: 4px;
    margin-bottom: 5px;
    border: 1px solid #ededed
}

    .frm-ui-group label.css-radio, .grid-column, .grid-row .grid-action-btn, .sponsor-name {
        display: inline-block
    }

    .grid-row:last-child {
        margin-bottom: 0
    }

    .grid-row .grid-action-btn {
        border-radius: 4px 0 0 4px;
        overflow-y: hidden;
        width: 120px
    }

        .grid-row .grid-action-btn .btn {
            align-items: center;
            justify-content: center;
            font-size: 16px
        }

.add-new-head {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.grid-add-row, .grid-row-head {
    position: relative
}

.add-new-head .btn {
    display: flex;
    padding: 0 15px;
    align-items: center;
    border-radius: 0
}

.grid-add-row, .grid-add-row .close-btn span {
    display: none
}

    .grid-add-row .close-btn {
        width: 30px;
        height: 30px;
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -16px;
        opacity: .65;
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        transition: all 350ms ease
    }

        .grid-add-row .close-btn:hover {
            opacity: 1
        }

        .grid-add-row .close-btn:before {
            position: absolute;
            transition: all 350ms ease;
            transform: rotate(-45deg)
        }

        .grid-add-row .close-btn:after, .grid-add-row .close-btn:before {
            top: 0;
            left: 0;
            content: "";
            display: block;
            width: 1px;
            height: 30px;
            background: #444;
            -webkit-transition: all 350ms ease;
            -moz-transition: all 350ms ease
        }

        .grid-add-row .close-btn:after {
            transition: all 350ms ease;
            transform: rotate(45deg)
        }

.grid-row .grid-action-btn .btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%
}

    .grid-row .grid-action-btn .btn:not(.btn-success) {
        border-radius: 4px 0 0 4px !important;
        border: 0 !important;
        outline: 0 !important;
        background-color: rgba(0,0,0,.1);
        color: inherit
    }

        .grid-row .grid-action-btn .btn:not(.btn-success):hover {
            color: #fff;
            background-color: #068499
        }

.grid-column {
    padding: 10px 20px;
    border-right: 1px solid #ddd
}

.box-ov-loader, .loader-wrapper {
    display: none;
    transition: all 250ms cubic-bezier(.455,.03,.515,.955);
    visibility: visible;
    background-color: #fff;
    -webkit-transition: all 250ms cubic-bezier(.455,.03,.515,.955);
    -moz-transition: all 250ms cubic-bezier(.455,.03,.515,.955);
    -o-transition: all 250ms cubic-bezier(.455,.03,.515,.955)
}

.frm-ui-control[readonly=readonly], .option-selected {
    background-color: #fff !important
}

.grid-column:last-child {
    padding-right: 200px
}

.grid-column.top-alg {
    align-items: flex-start
}

.grid-column.bot-alg {
    align-items: flex-end
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10999;
    opacity: 0;
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    pointer-events: none !important
}

.loading-visible .loader-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto !important
}

.loader-box {
    position: relative;
    top: 50%;
    margin: -80px 0 0
}

.loader {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.loader-fact {
    text-align: center
}

.loader-fact-text {
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
    color: #dadada
}

.loader:before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

.loader:after, .loader:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.loader:after {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.box-ov-loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    -moz-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

.load-visible .box-ov-loader {
    opacity: 1;
    visibility: visible
}

.box-ov-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px
}

.frm-ui-group {
    margin: 0 0 20px !important;
    position: relative
}

    .frm-ui-group.row {
        margin: 0 -15px 20px !important;
        padding: 0 !important
    }

    .frm-ui-group:last-child {
        margin-bottom: 0 !important
    }

.frm-ui-control {
    border: 0;
    outline: 0;
    border-radius: 0;
    border-bottom: 1px solid #bcbcbc;
    transition: all .3s
}

.required-control .frm-ui-control {
    border-color: #c59191
}

.frm-ui-control:focus {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a
}

.box, .nav-tabs {
    box-shadow: 0 1px 2px rgba(0,0,0,.15),0 -1px 0 rgba(0,0,0,.02)
}

.frm-ui-group label:not(.css-radio) {
    position: absolute;
    top: 24px;
    left: 12px;
    pointer-events: none;
    opacity: .7;
    font-size: 16px;
    transition: .2s ease-out
}

.frm-ui-group.required-control > label:not(.css-radio) {
    color: #c59191;
    opacity: 1
}

.frm-ui-group.required-control > label b {
    font-size: 34px;
    position: absolute;
    right: -16px;
    top: 4px;
    font-weight: 400
}

.frm-ui-clear, .frm-ui-reveal {
    cursor: pointer;
    right: 10px;
    top: 50%;
    z-index: 99
}

.frm-ui-group label.active {
    transform: translateY(-26px)
}

.frm-ui-group label.activePermanent {
    transform: translateY(-26px) !important
}

.frm-ui-clear {
    display: block;
    width: 24px;
    margin-top: -7px;
    opacity: .65;
    transform: scale(.8);
    transition: all 350ms ease
}

    .frm-ui-clear span, .frm-ui-reveal span {
        display: none
    }

    .frm-ui-clear, .frm-ui-clear:before {
        position: absolute;
        height: 24px;
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease
    }

        .frm-ui-clear:after, .frm-ui-clear:before {
            content: "";
            width: 1px;
            background: #444;
            top: 0;
            left: 0
        }

        .frm-ui-clear:hover {
            opacity: 1;
            transform: scale(1)
        }

        .frm-ui-clear:before {
            display: block;
            transition: all 350ms ease;
            transform: rotate(-45deg) translate(8px,8px)
        }

        .frm-ui-clear:after {
            transition: all 350ms ease;
            transform: rotate(45deg) translate(8px,-8px)
        }

        .frm-ui-clear:after, .frm-ui-reveal {
            display: block;
            height: 24px;
            -webkit-transition: all 350ms ease;
            -moz-transition: all 350ms ease
        }

.frm-ui-reveal {
    width: 24px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    margin-top: -8px;
    opacity: .65;
    transition: all 350ms ease
}

    .frm-ui-reveal:hover {
        opacity: 1
    }

    .frm-ui-reveal:before {
        speak: none;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        font-size: 16px;
        content: "\eb20"
    }

    .frm-ui-reveal.revealed:before {
        content: "\eb1d"
    }

.gender-switch {
    display: flex
}

    .gender-switch > label {
        margin: 0;
        height: 36px;
        border-radius: 4px;
        display: flex;
        cursor: pointer;
        align-items: center;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        padding: 0 12px
    }

        .gender-switch > label > input {
            position: absolute;
            visibility: hidden;
            opacity: 0
        }

        .gender-switch > label > div {
            position: relative;
            border-radius: 4px;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 36px;
            align-items: center
        }

        .gender-switch > label div.switch-inner {
            position: relative;
            z-index: 10;
            display: flex;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 36px
        }

        .gender-switch > label > input:checked ~ div {
            color: #fff
        }

            .gender-switch > label > input:checked ~ div:after {
                z-index: 0;
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #068499;
                border-radius: 4px
            }

        .gender-switch > label div .icon {
            display: flex;
            height: 36px;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            border-right: 1px solid rgba(0,0,0,.1);
            -ms-flex: 0 0 46px;
            -webkit-flex: 0 0 46px;
            flex: 0 0 46px
        }

        .gender-switch > label div .label-name {
            -ms-flex: 1 1 auto;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px
        }

.user-profile-area {
    min-width: 1600px
}

.user-screen {
    width: 280px
}

    .user-screen .user-profile-img {
        width: 128px;
        height: 128px;
        margin: 0 auto
    }

        .user-screen .user-profile-img img {
            border-radius: 128px;
            max-width: 100%
        }

.user-profile-title {
    margin: 20px 0 0
}

.user-profile-name {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #5a7391
}

.user-profile-buttons {
    text-align: center;
    margin: 25px 0 0
}

.admin-wrapper .pointer {
    cursor: pointer
}

.admin-wrapper .side--menu:after {
    position: absolute
}

.box, .box-header, .box-header > a, sup {
    position: relative
}

.admin-wrapper .side-menu-brand {
    background-color: #26a69a
}

.admin-wrapper .logged-in-user {
    background-color: rgba(0,0,0,.15)
}

.admin-wraper-content {
    padding: 30px
}

.scroll-inner {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .admin-wrapper {
        overflow: auto !important
    }

    .admin-wraper-content {
        min-width: auto !important
    }
}

td[valign=bottom] {
    vertical-align: bottom !important
}

td[valign=middle] {
    vertical-align: middle !important
}

.min-input {
    height: 28px
}

.navbar {
    border-radius: 0;
    background-color: #fff
}

.navbar-nav > li:hover > a {
    background: #f8f9f7 !important
}

.dropdown-hover > .dropdown-menu {
    display: none !important
}

.dropdown-hover:hover > .dropdown-menu, .fixed-buttons .title-scroll {
    display: block !important
}

.flex {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important
}

.flex-start {
    align-items: flex-start
}

.flex .inline-flex {
    display: inline-flex
}

.flex-col {
    flex-direction: column
}

.flex-auto {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: auto !important
}

.flex .flex-start {
    align-items: flex-start
}

.flex-wrap {
    flex-wrap: wrap
}

.icon-xxl, .icon-xxl i {
    font-size: 30px !important
}

.icon-xl, .icon-xl i {
    font-size: 24px !important
}

.flex-center {
    justify-content: center
}

.app-footer, .flex-middle {
    align-items: center
}

.flex .flex-end {
    align-items: flex-end
}

.flex-right {
    justify-content: flex-end
}

.alert-overlay .alert {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important
}

.input-group-addon > a {
    margin-top: 0
}

.admin-wrapper .input-group-addon > a > i, .admin-wrapper a.input-group-addon > span > i {
    position: relative;
    top: 2px
}

.admin-wrapper .input-group-addon > a:hover, .admin-wrapper a.input-group-addon:hover {
    color: #337ab7
}

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

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

.box-header, .box-header > a {
    padding: 15px
}

sup {
    font-size: 22px;
    font-weight: 300;
    top: -16px;
    margin-right: -6px
}

.text-light {
    opacity: .25
}

    .text-light:hover {
        opacity: .45
    }

.box {
    background-color: #fff;
    margin-bottom: 25px;
    width: 100%;
    margin-top: 20px
}

    .box:hover {
        box-shadow: 0 1px 10px rgba(0,0,0,.45),0 -1px 0 rgba(0,0,0,.02) !important
    }

.box-header > a {
    display: block;
    overflow: hidden;
    margin: -15px
}

    .box-header > a:before {
        content: "";
        width: 40px;
        height: 100%;
        background: #095177;
        top: 0;
        right: 0;
        display: block;
        opacity: 0;
        visibility: hidden;
        -ms-transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
        -webkit-transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
    }

    .box-header > a:after, .box-header > a:before {
        -mot-transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
        position: absolute;
        transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
    }

    .box-header > a:after, .event-box .flex-up-content:before {
        -ms-transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
    }

    .box-header > a:after {
        font-family: icomoon !important;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: "\ee0f";
        top: 50%;
        right: 9px;
        font-size: 24px;
        color: #fff;
        margin-top: -4px;
        transform: translate3d(100px,0,0);
        -ms-transform: translate3d(100px,0,0);
        -moz-transform: translate3d(100px,0,0);
        -webkit-transform: translate3d(100px,0,0);
        -webkit-transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
    }

    .box-header > a:hover:before {
        opacity: 1;
        visibility: visible
    }

    .box-header > a:hover:after {
        transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

.box-header .box-edit {
    position: absolute;
    right: 50px;
    top: -5px;
    margin-top: -16px
}

.box-header.accent {
    color: #fff;
    background-color: #00d2ff
}

.box-header.blue {
    color: #fff;
    background-color: #2196f3
}

.act-number, .box-body {
    background-color: #fff
}

.box-header h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px
}

.box-header .attr-id {
    font-size: 12px;
    font-weight: 400;
    margin: -6px 0 0
}

.box-header small {
    display: block;
    opacity: .8;
    font-size: 14px;
    margin-top: 2px
}

.act-number {
    top: 5px;
    right: 5px;
    position: absolute;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 4px;
    color: #444;
    font-size: 12px;
    font-weight: 400
}

.box-body {
    padding: 15px
}

    .box-body h6 {
        text-transform: uppercase;
        font-size: 18px;
        margin: 10px 0 5px
    }

.featured-choice-box .btn:before, .pricing-option-label input:checked ~ span.btn:before {
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-family: icomoon !important;
    font-weight: 400;
    text-transform: none
}

.box-body h3 {
    font-size: 50px;
    margin: 0
}

    .box-body h3 .text-xs {
        font-size: 14px;
        margin-left: -6px
    }

.list {
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px
}

    .list.no-border {
        padding-top: 8px;
        padding-bottom: 8px
    }

.list-item {
    display: block;
    position: relative;
    padding: 12px 16px
}

    .list-item::after {
        display: table;
        clear: both
    }

    .list-item .list-left {
        float: left
    }

    .list-item .list-body {
        margin-left: 56px
    }

    .list-item:last-child .list-body:after {
        border: none
    }

.list-left > span {
    vertical-align: middle
}

.sponsor-box {
    text-align: center;
    padding: 20px 0 5px
}

    .sponsor-box img {
        max-width: 160px
    }

.sponsor-name {
    margin: 0 0 25px;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 50px;
    background-color: #ededed
}

.app-footer, .app-footer-action {
    height: 60px
}

.app-footer {
    display: flex;
    padding: 0;
    background-color: #f7f8f9
}

.app-footer-action {
    padding: 0 20px;
    display: flex;
    align-items: center
}

.app-footer.sticky .app-footer-action {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #2196f3
}

.app-footer-action .btn + .btn {
    margin-left: 10px
}

.app-footer-right {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: right
}

    .app-footer-right.text-center {
        text-align: center !important
    }

.pricing-option-label {
    position: relative;
    display: block;
    margin: 0
}

    .pricing-option-label input {
        position: absolute;
        opacity: 0;
        visibility: hidden
    }

        .pricing-option-label input:checked ~ span.btn:before {
            display: inline-block;
            position: relative;
            top: -2px;
            margin-right: 6px;
            content: "\eda0";
            line-height: 1
        }

.required-control {
    background-color: #f6d4d4;
    border-color: 1px solid #ec9898
}

.alert-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.65);
    z-index: 10999;
    padding-top: 110px;
    display: none;
    font-size: 13px
}

    .alert-overlay .alert strong {
        font-size: 14px
    }

    .alert-overlay .alert .buttons {
        margin-top: 14px;
        margin-bottom: 3px !important
    }

.discount-wrapper, .featured-wrapper, .shirt-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -20px -20px
}

.discount-box, .featured-box, .shirt-box {
    width: 50%;
    padding: 0 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.discount-box-inner, .featured-box-inner, .shirt-box-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #095177;
    color: #fff;
    position: relative;
    padding: 50px 75px 25px 30px;
    border-radius: 10px
}

.featured-box-inner {
    padding: 25px 30px
}

.discount-add-box .discount-box-inner, .featured-add-box .featured-box-inner, .shirt-add-box .shirt-box-inner {
    background: 0 0;
    border: 1px dashed #ccc;
    color: #444;
    align-items: center;
    padding: 20px;
    justify-content: center;
    cursor: pointer
}

    .discount-add-box .discount-box-inner span, .featured-add-box .featured-box-inner span, .shirt-add-box .shirt-box-inner span {
        font-size: 24px;
        display: block;
        margin-bottom: 10px;
        opacity: .25
    }

    .discount-add-box .discount-box-inner i, .featured-add-box .featured-box-inner i, .shirt-add-box .shirt-box-inner i {
        font-size: 80px;
        opacity: .25
    }

    .discount-add-box .discount-box-inner:hover i, .discount-add-box .discount-box-inner:hover span, .featured-add-box .featured-box-inner:hover i, .featured-add-box .featured-box-inner:hover span, .shirt-add-box .shirt-box-inner:hover i, .shirt-add-box .shirt-box-inner:hover span {
        opacity: .45
    }

.discount-head-box, .featured-head-box {
    display: flex;
    margin: -36px -60px 10px 0;
    align-items: center;
    justify-content: flex-end
}

.featured-head-box {
    margin: -15px -15px -10px
}

    .discount-head-box .type, .featured-head-box .type {
        flex: 1 1 auto;
        font-size: 18px
    }

.discount-used-issued, .featured-used-issued {
    background-color: #00bfff;
    padding: 4px 14px 3px;
    border-radius: 4px
}

.discount-edit, .featured-edit {
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -35px
}

    .dates-edit .btn-icon, .discount-edit .btn-icon, .featured-edit .btn-icon {
        width: 48px;
        height: 48px;
        line-height: 48px
    }

        .dates-edit .btn-icon i, .discount-edit .btn-icon i, .featured-edit .btn-icon i {
            font-size: 18px !important
        }

.discount-content, .featured-content {
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

.featured-content {
    flex-direction: column
}

    .discount-content h1, .featured-content h1 {
        font-size: 60px;
        display: flex;
        margin: 0
    }

        .discount-content h1 span, .featured-content h1 span {
            font-size: 26px;
            margin-right: 6px
        }

    .discount-content > div > span, .featured-content > div > span {
        font-size: 22px;
        line-height: 30px;
        margin-left: 20px;
        display: block
    }

    .featured-content > div > span {
        margin-bottom: 10px;
        margin-left: 0
    }

        .discount-content > div > span.type, .featured-content > div > span.type {
            display: block;
            margin-top: -35px;
            margin-bottom: 20px
        }

.discount-date, .featured-date {
    margin-top: 15px;
    display: block;
    text-align: center;
    margin-right: -45px
}

.featured-date {
    margin-right: 0
}

.featured-choice-box {
    cursor: pointer;
    position: relative;
    display: block;
    float: none !important;
    width: inherit;
    padding: 0 !important;
    margin-bottom: 20px
}

    .featured-choice-box > div {
        background: #faf8f9;
        border: 1px solid #ededed;
        padding: 15px 20px !important;
        text-align: center
    }

    .featured-choice-box input {
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

    .featured-choice-box span.note, .text-muted {
        opacity: .65
    }

    .featured-choice-box > div:before {
        content: "";
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

.amount-fee {
    display: flex;
    align-items: center;
    justify-content: center
}

    .amount-fee .note {
        font-size: 16px;
        margin-left: 10px
    }

.featured-choice-box .btn {
    display: block;
    border-radius: 48px;
    background-color: #e2dfdf;
    color: #444;
    border: 0;
    padding: 8px 12px
}

    .featured-choice-box .btn:before {
        display: none;
        position: relative;
        top: -2px;
        margin-right: 6px;
        content: "\eda0";
        line-height: 1
    }

.featured-choice-box input:checked ~ div .btn:before {
    display: inline-block
}

.featured-choice-box input:checked ~ div .btn, .featured-choice-box:hover .btn {
    background-color: #fff;
    color: #444
}

, .featured-choice-box input:checked ~ div, .featured-choice-box:hover > div {
    border: 1px solid #095177
}

    .featured-choice-box input:checked ~ div > div, .featured-choice-box:hover > div {
        color: #fff
    }

.featured-choice-box > div > div {
    position: relative;
    z-index: 10
}

.featured-choice-box input:checked ~ div:before, .featured-choice-box:hover > div:before {
    background: #095177
}

.featured-choice-box span.duration {
    font-size: 18px
}

.featured-choice-box h1 {
    font-size: 42px;
    font-weight: 600;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    color: inherit
}

    .featured-choice-box h1 span {
        font-size: 22px;
        margin-right: 6px
    }

.sponsors-wrapper {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -20px -20px
}

    .sponsors-wrapper .box-outer {
        width: 50%;
        padding: 0 20px;
        display: flex
    }

        .sponsors-wrapper .box-outer .box {
            width: 100%;
            background-color: #f3f3f3;
            border: 1px solid #ededed;
            border-top: 0;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

.sponsor-head {
    background-color: #858585;
    padding: 10px 15px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin: 0 -1px
}

.sponsor-used-issued {
    background-color: #00bfff;
    padding: 4px 14px 3px;
    border-radius: 4px;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px
}

.sponsor-content {
    flex: 1 1 auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center
}

    .sponsor-content .sponsor-box {
        padding-top: 0
    }

.sponsor-text {
    margin: -5px 0 10px
}

.box-silver {
    background-color: #858585
}

.box-partner {
    background-color: #f37221
}

.box-bronze {
    background-color: #d08438
}

.box-gold {
    background-color: #fab215
}

.box-platinum {
    background-color: #a4a083
}

.sponsor-edit {
    position: absolute;
    right: -20px;
    top: 50%
}

    .dates-edit .btn-danger, .dates-edit .btn-warning, .discount-edit .btn-danger, .discount-edit .btn-warning, .featured-edit .btn-danger, .featured-edit .btn-warning, .sponsor-edit .btn-danger, .sponsor-edit .btn-warning {
        display: block;
        margin-top: 10px
    }

        .dates-edit .btn-danger i, .discount-edit .btn-danger i, .featured-edit .btn-danger i, .sponsor-edit .btn-danger i {
            font-size: 24px !important
        }

            .dates-edit .btn-danger i.simcon-trash, .discount-edit .btn-danger i.simcon-trash, .featured-edit .btn-danger i.simcon-trash, .sponsor-edit .btn-danger i.simcon-trash, .team-ddl {
                font-size: 20px !important
            }

        .dates-edit .btn-warning i, .discount-edit .btn-warning i, .featured-edit .btn-warning i, .sponsor-edit .btn-warning i {
            font-size: 24px !important
        }

    .sponsor-edit .btn-icon {
        width: 48px;
        height: 48px;
        line-height: 48px
    }

        .sponsor-edit .btn-icon i {
            font-size: 18px
        }

.sponsors-wrapper .box-outer .box h1 {
    margin: 0;
    color: #20629e
}

.sponsors-wrapper .box-outer .box .sponsor-link {
    margin: -20px 0 10px;
    font-size: 16px
}

.sponsors-wrapper .box-outer.sponsor-add-box .box {
    background: 0 0;
    border: 1px dashed #ccc;
    color: #444;
    align-items: center;
    padding: 20px;
    justify-content: center;
    cursor: pointer
}

    .sponsors-wrapper .box-outer.sponsor-add-box .box span {
        font-size: 24px;
        display: block;
        margin-bottom: 10px;
        opacity: .25
    }

    .sponsors-wrapper .box-outer.sponsor-add-box .box i {
        font-size: 80px;
        opacity: .25
    }

    .sponsors-wrapper .box-outer.sponsor-add-box .box:hover i {
        opacity: .45
    }

.file-uploader {
    display: block;
    padding: 30px 50px 25px !important;
    border: 2px dashed #ddd;
    position: relative;
    text-align: center;
    max-width: 100%
}

    .file-uploader form, .file-uploader label {
        top: 0;
        left: 0;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .file-uploader > div span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .file-uploader form {
        z-index: 10
    }

    .file-uploader:hover {
        border: 2px dashed #aaa
    }

    .file-uploader label {
        cursor: pointer;
        z-index: 20;
        margin: 0
    }

    .file-uploader.file-uploaded label, .file-uploader.file-uploading label {
        display: none
    }

    .file-uploader input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden
    }

.download-file, .remove-file, .undo-file {
    cursor: pointer;
    text-align: center;
    color: #fff;
    position: absolute;
    top: -2px;
    z-index: 50;
    border-radius: 0 0 2px 2px
}

.file-uploader i {
    display: block;
    text-align: center;
    font-size: 42px;
    margin: 0 0 10px;
    opacity: .5
}

.remove-file {
    right: -2px !important;
    left: auto !important;
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    background: #f14c4c
}

    .remove-file i {
        font-size: 16px;
        opacity: 1;
        margin: 0;
        display: inline-block
    }

.download-file, .undo-file {
    left: -2px;
    right: auto;
    font-size: 16px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 46px !important;
    background: #aaa
}

.download-file {
    background: #58bd77 !important
}

    .download-file ~ .remove-file, .download-file ~ .undo-file, .undo-file ~ .remove-file {
        right: 29px
    }

    .download-file i, .undo-file i {
        font-size: 22px;
        opacity: 1;
        margin: 0;
        display: inline-block
    }

    .download-file:hover i {
        color: #fff
    }

.allowed-files {
    color: red !important;
    font-size: 14px;
    margin-top: 5px
}

.file-uploader.file-uploaded .allowed-files, .file-uploader.file-uploading .allowed-files {
    display: none !important
}

.bracket-format {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px
}

.bracket-format-box {
    display: flex;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    flex: 0 0 50%;
    margin-bottom: 20px
}

.activity-ddl .select2-selection__arrow b, .team-ddl .select2-selection__arrow b {
    display: none
}

.bracket-format-box input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.bracket-box-inner {
    border: 1px solid #ccc;
    padding: 20px 20px 30px;
    border-radius: 10px;
    position: relative
}

.bracket-format-box input:checked ~ .bracket-box-inner {
    background-color: #095177;
    border-color: #095177;
    color: #fff
}

.bracket-box-inner > i {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 40px;
    font-size: 20px;
    line-height: 40px;
    background-color: #095177;
    color: #fff;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    display: none
}

.bracket-box-inner h1 {
    font-size: 20px;
    margin: 0 0 10px;
    height: 44px
}

.bracket-format-box input:checked ~ .bracket-box-inner i {
    display: block
}

.help-section {
    padding: 15px;
    border-radius: 4px
}

    .help-section + .help-section {
        margin-top: 40px
    }

    .help-section h1 {
        font-size: 24px;
        padding: 10px 40px;
        margin: 0 -40px 10px;
        background-color: transparent
    }

        .help-section h1.highlight {
            background-color: #1174a9;
            color: #fff
        }

    .help-section h3 {
        font-size: 20px
    }

.dates-wrapper {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -20px -20px
}

.dates-box {
    width: 50%;
    padding: 0 20px;
    display: flex;
    margin-bottom: 40px
}

.dates-box-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #faf8f9;
    border: 1px solid #ededed;
    position: relative;
    border-radius: 10px;
    padding: 25px 30px
}

.dates-add-box .dates-box-inner {
    background: 0 0;
    border: 1px dashed #ccc;
    color: #444;
    align-items: center;
    padding: 20px;
    justify-content: center;
    cursor: pointer
}

    .dates-add-box .dates-box-inner span {
        font-size: 24px;
        display: block;
        margin-bottom: 10px;
        opacity: .25
    }

    .dates-add-box .dates-box-inner i {
        font-size: 80px;
        opacity: .25
    }

    .dates-add-box .dates-box-inner:hover i, .dates-add-box .dates-box-inner:hover span {
        opacity: .45
    }

.dates-box-inner h3 {
    font-size: 20px;
    margin: 0 0 15px
}

.dates-box-inner .inline-form-group {
    padding: 0 15px
}

.dates-box-inner .form-group {
    margin-bottom: 0 !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

    .dates-box-inner .form-group + .form-group {
        border-top: 1px dashed #ccc;
        margin-top: 8px !important;
        padding-top: 8px !important
    }

    .dates-box-inner .form-group label {
        padding: 0 !important;
        margin: 0 !important;
        flex: 0 0 160px;
        font-weight: 400 !important
    }

    .dates-box-inner .form-group .field-label {
        flex: 1 1 auto
    }

.dates-edit {
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -35px
}

    .dates-edit .btn-icon {
        width: 48px;
        height: 48px;
        line-height: 48px
    }

        .dates-edit .btn-icon i {
            font-size: 18px
        }

input[date-target=from], input[date-target=to] {
    min-width: 88px !important
}

.review-box h2 {
    font-size: 42px
}

.review-box i {
    display: block;
    font-size: 60px;
    margin-bottom: 20px
}

.review-box span {
    font-size: 20px;
    display: block;
    margin-top: 10px
}

.selected-value {
    background-color: #faf8f9;
    border: 1px solid #ededed;
    padding: 10px 15px;
    color: #444;
    font-size: 18px;
    border-radius: 4px
}

    .selected-value .label {
        font-size: 16px
    }

.activities-added-preview {
    font-size: 18px;
    text-align: center
}

    .activities-added-preview > span {
        display: block;
        font-size: 60px;
        font-weight: 600;
        margin: -10px 0
    }

.nav-tabs {
    border: 0;
    padding: 10px !important;
    background-color: #fff
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .nav-tabs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        padding: 0 !important
    }
}

.nav-tabs > li, .nav-tabs > li.active > a, .nav-tabs > li:hover, .nav-tabs > li:hover > a, .nav-tabs > li > a {
    outline: 0 !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: 0 !important
}

.swal2-modal:focus, a:focus {
    outline: 0
}

.nav-tabs > li > a {
    padding: 10px 20px !important
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .nav-tabs > li, .nav-tabs > li.active > a, .nav-tabs > li:hover, .nav-tabs > li:hover > a, .nav-tabs > li > a {
        border-bottom: 0 !important
    }

    .event-details .event-detail-content .event-detail-content-inner {
        background: 0 0 !important
    }

    .nav-tabs > li {
        flex: 1 1 auto;
        margin-bottom: 0 !important
    }

        .nav-tabs > li > a {
            display: block;
            padding: 10px 0 6px !important;
            text-align: center !important;
            font-size: 12px
        }

            .nav-tabs > li > a > i {
                font-size: 18px;
                display: block;
                margin-bottom: 6px
            }

    .modal > .modal-right .form-group label {
        width: 100% !important
    }

    .modal-inner--custom .form-group {
        display: block !important;
        margin-bottom: 5px !important
    }

        .modal-inner--custom .form-group > div, .modal-inner--custom .form-group > label {
            display: block !important;
            width: 100% !important
        }
}

.nav-tabs > li.active > a, .nav-tabs > li:hover > a {
    border-bottom: 2px solid #1174a9 !important
}

.nav-tabs > li > a > i {
    position: relative;
    top: 1px;
    margin-right: 4px
}

.sponsor-item-slide {
    border-radius: 4px;
    background-color: #fff
}

    .sponsor-item-slide .sponsor-link {
        position: relative;
        height: 140px;
        padding: 20px;
        border: 1px solid #ededed;
        display: flex !important;
        flex-direction: column
    }

.br-2x, .select2-container--default.select2-container--open.select2-container--below .ddl-partner-search.select2-selection--single {
    border-width: 2px !important
}

.sponsor-item-slide .sponsor-link .sponsor-image {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.sponsor-item-slide .sponsor-link .overlay-sponsor i {
    margin-bottom: 10px;
    font-size: 24px
}

.sponsor-item-slide .sponsor-link .overlay-sponsor {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: rgba(9,81,119,.75);
    z-index: 10;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    visibility: hidden;
    opacity: 0
}

.loading-redirect, .relative {
    position: relative
}

.sponsor-item-slide .sponsor-link:hover .overlay-sponsor {
    opacity: 1;
    visibility: visible
}

.sponsor-item-slide img {
    display: flex;
    max-width: 80px
}

.loading-redirect:after {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 100%;
    margin: 0 0 0 10px;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) .9s infinite;
    animation: ellipsis steps(4,end) .9s infinite;
    content: "\2026";
    width: 0
}

@keyframes ellipsis {
    to {
        width: 20px
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 20px
    }
}

.bg-danger-l {
    background: #ffd1d6
}

.br-success {
    border-color: #4caf50 !important
}

a > .panel {
    border: 2px solid #ededed
}

a:hover > .panel {
    border: 2px solid #095177
}

@font-face {
    font-family: pbicons;
    src: url(../../fonts/pb_sidemenu.eot?26uqb9);
    src: url(../../fonts/pb_sidemenu.eot?26uqb9#iefix) format("embedded-opentype"),url(../../fonts/pb_sidemenu.ttf?26uqb9) format("truetype"),url(../../fonts/pb_sidemenu.woff?26uqb9) format("woff"),url(../../fonts/pb_sidemenu.svg?26uqb9#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.group[title="Winner's Bracket"] .round:last-child .bracket-box:after {
    content: "";
    height: 1px;
    width: 150px;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -1px;
    border-top: 2px solid #ccc
}

[class*=" sidemenu-"], [class^=sidemenu-] {
    font-family: pbicons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sidemenu-ladder:before {
    content: "\e90e"
}

.sidemenu-settings:before {
    content: "\e900"
}

.sidemenu-advertise:before {
    content: "\e901"
}

.sidemenu-places:before {
    content: "\e902"
}

.sidemenu-map:before {
    content: "\e903"
}

.sidemenu-sales2:before {
    content: "\e904"
}

.sidemenu-sales:before {
    content: "\e905"
}

.sidemenu-award:before {
    content: "\e906"
}

.sidemenu-user-minus:before {
    content: "\e907"
}

.sidemenu-user-plus:before {
    content: "\e908"
}

.sidemenu-user:before {
    content: "\e909"
}

.sidemenu-home:before {
    content: "\e90a"
}

.sidemenu-brackets:before {
    content: "\e90b"
}

.sidemenu-clinics:before {
    content: "\e90c"
}

.sidemenu-tournament:before {
    content: "\e90d"
}

.activity-ddl .select2-selection__arrow:before, .team-ddl .select2-selection__arrow:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\e07b";
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    top: 50%;
    margin-top: -10px
}

.team-ddl {
    height: 60px !important;
    border: 4px solid #2196f3 !important;
    font-weight: 600 !important
}

    .team-ddl .select2-selection__rendered {
        font-size: 24px !important;
        line-height: 52px !important
    }

.select2-container:not(.select2) {
    z-index: 10999 !important
}

.select2-container--default.select2-container--open .team-ddl {
    border: 4px solid #2196f3 !important;
    background: #2196f3 !important;
    color: #fff !important
}

    .select2-container--default.select2-container--open .team-ddl .select2-selection__rendered {
        color: #fff !important
    }

.team-ddl .select2-selection__arrow {
    height: 60px !important;
    width: 36px !important
}

    .team-ddl .select2-selection__arrow:before {
        font-weight: 400;
        line-height: 1;
        font-size: 20px
    }

.team-ddl-list li {
    font-size: 18px !important
}

.team-ddl-list .select2-search--dropdown {
    padding: 5px !important
}

.team-ddl-list .select2-results > .select2-results__options {
    padding-top: 0 !important
}

.activity-ddl {
    height: 38px !important;
    border: 2px solid #2196f3 !important;
    font-size: 16px !important;
    font-weight: 600 !important
}

    .activity-ddl .select2-selection__rendered {
        font-size: 16px !important;
        font-weight: 400;
        line-height: 36px !important
    }

.select2-container--default.select2-container--open .activity-ddl .select2-selection__rendered {
    color: #fff !important
}

.select2-container--default.select2-container--open .activity-ddl {
    border: 4px solid #2196f3 !important;
    background: #2196f3 !important;
    color: #fff !important
}

.activity-ddl .select2-selection__arrow {
    height: 38px !important;
    width: 36px !important
}

    .activity-ddl .select2-selection__arrow:before {
        font-weight: 400;
        line-height: 1;
        font-size: 20px
    }

.browse-wrapper .rank-pick div:before, .event-box .flex-up-content:after {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none
}

.social-icons, .social-icons li {
    display: inline-block
}

.activity-ddl-list li {
    font-size: 16px !important;
    opacity: 1 !important
}

    .activity-ddl-list li ul {
        padding-left: 15px !important
    }

    .activity-ddl-list li strong {
        font-weight: 600;
        margin-bottom: -10px
    }

.activity-ddl-list .select2-search--dropdown {
    padding: 5px !important
}

.activity-ddl-list .select2-results > .select2-results__options {
    padding-top: 0 !important
}

.coming-soon-wrap {
    padding: 80px 0;
    text-align: center;
    color: #969696
}

    .coming-soon-wrap h1 {
        font-size: 42px
    }

.social-icons li {
    list-style: none;
    margin-right: 4px !important
}

    .social-icons li:after {
        display: none !important
    }

    .social-icons li a {
        display: block;
        width: 40px;
        height: 40px;
        font-size: 18px;
        border-radius: 40px;
        line-height: 46px;
        background-color: rgba(0,0,0,.25)
    }

        .social-icons li a i {
            font-size: 18px
        }

.price-line {
    font-size: 56px;
    font-weight: 400
}

    .price-line span {
        font-size: 24px
    }

.calculator-price {
    background-color: #30373b;
    color: #fff;
    text-align: center;
    padding: 50px 0
}

.fee-total-price, .fee-total-registrant .total {
    background-color: rgba(255,255,255,.15)
}

.fee-total-registrant {
    border-top: 1px solid rgba(255,255,255,.15)
}

.per-single-reg-head {
    border-bottom: 1px solid rgba(255,255,255,.15)
}

.calculator-form .btn-default {
    padding: 8px 10px 4px;
    border-bottom: 4px solid transparent
}

    .calculator-form .btn-default.active {
        border-bottom: 4px solid #2196f3
    }

.features-nav a {
    color: #337ab7
}

    .features-nav a:hover {
        color: #1d517d
    }

.activity-jump-content {
    max-width: 600px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    overflow: auto;
    top: 0 !important;
    transform: none !important
}

[data-notify] .close {
    border: 0 !important;
    background: 0 0 !important;
    font-size: 32px !important;
    color: #444 !important;
    top: 50% !important;
    margin-top: -14px !important
}

.badPass, .goodPass, .shortPass, .text-white {
    color: #fff
}

.testresult {
    position: absolute;
    left: 100%;
    display: inline-block;
    height: 46px;
    top: 0;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 46px;
    background: #ededed;
    margin: 0 0 0 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600
}

.text-lt, .text-md {
    font-weight: 300
}

.admin-wrapper .testresult, .reg-users .testresult {
    top: 8px
}

.testresult:before {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #f04 transparent transparent
}

.flx-row, .flx-row > div {
    display: flex
}

.shortPass {
    background: #f04
}

.badPass {
    background: #f0c72d
}

    .badPass:before {
        border-color: transparent #f0c72d transparent transparent
    }

.goodPass {
    background: #4bb5c1
}

    .goodPass:before {
        border-color: transparent #4bb5c1 transparent transparent
    }

.strongPass {
    color: #fff;
    background: #00cc52
}

    .strongPass:before {
        border-color: transparent #00cc52 transparent transparent
    }

.text-md {
    font-size: 18px
}

.badge-lg, .font-sm, h6 {
    font-size: 16px
}

.m-b-n-30 {
    margin-bottom: -30px !important
}

.wd-35 {
    width: 35px
}

.no-wrap {
    white-space: nowrap
}

.flx-row > div {
    flex-direction: column;
    justify-content: center
}

h6 {
    margin: 0 0 10px
}

strong {
    font-weight: 600
}

.t-auto {
    top: auto !important
}

.t-5 {
    top: 5px !important
}

.t-10 {
    top: 10px !important
}

.t-15 {
    top: 15px !important
}

.t-20 {
    top: 20px !important
}

.t-25 {
    top: 25px !important
}

.b-auto {
    bottom: auto !important
}

.b-5 {
    bottom: 5px !important
}

.b-10 {
    bottom: 10px !important
}

.b-15 {
    bottom: 15px !important
}

.b-20 {
    bottom: 20px !important
}

.b-25 {
    bottom: 25px !important
}

.l-auto {
    left: auto !important
}

.l-5 {
    left: 5px !important
}

.l-10 {
    left: 10px !important
}

.l-15 {
    left: 15px !important
}

.l-20 {
    left: 20px !important
}

.l-25 {
    left: 25px !important
}

.r-auto {
    right: auto !important
}

.r-5 {
    right: 5px !important
}

.r-10 {
    right: 10px !important
}

.r-15 {
    right: 15px !important
}

.r-20 {
    right: 20px !important
}

.r-25 {
    right: 25px !important
}

.m-l-a {
    margin-left: auto !important
}

.m-r-a {
    margin-right: auto !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-t-2 {
    padding-top: 2px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-b-2 {
    padding-bottom: 2px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.checkout, .p-b-10 {
    padding-bottom: 10px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.txt-fld {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.b {
    border-color: rgba(120,130,140,.2);
    background-clip: padding-box
}

.b-a {
    border: 1px solid rgba(120,130,140,.2)
}

.b-t {
    border-top: 1px solid rgba(120,130,140,.2)
}

.b-r-4 {
    border-right: 4px solid rgba(120,130,140,.53) !important
}

.b-f-2 {
    border: 2px solid #2196f3 !important
}

.b-c-w {
    border-color: rgba(255,255,255,.45) !important
}

td.b-r-4, th.b-r-4 {
    border-right: 4px solid rgba(120,130,140,.53) !important
}

.b-b-4, td.b-b-4, th.b-b-4 {
    border-bottom: 4px solid rgba(120,130,140,.53) !important
}

.b-l {
    border-left: 1px solid rgba(120,130,140,.2)
}

.b-2x {
    border-width: 2px
}

.b-3x {
    border-width: 3px
}

.b-4x {
    border-width: 4px
}

.b-5x {
    border-width: 5px
}

.b-t-2x {
    border-top-width: 2px !important
}

.b-t-3x {
    border-top-width: 3px !important
}

.b-t-4x {
    border-top-width: 4px !important
}

.b-t-5x {
    border-top-width: 5px !important
}

.b-r-2x {
    border-right-width: 2px !important
}

.b-r-3x {
    border-right-width: 3px !important
}

.b-r-4x {
    border-right-width: 4px !important
}

.b-r-5x {
    border-right-width: 5px !important
}

.b-b-2x {
    border-bottom-width: 2px !important
}

.b-b-3x {
    border-bottom-width: 3px !important
}

.b-b-4x {
    border-bottom-width: 4px !important
}

.b-b-5x {
    border-bottom-width: 5px !important
}

.b-l-2x {
    border-left-width: 2px !important
}

.b-l-3x {
    border-left-width: 3px !important
}

.b-l-4x {
    border-left-width: 4px !important
}

.b-l-5x {
    border-left-width: 5px !important
}

.b-primary {
    border-color: #4bc0c0
}

.b-t-primary {
    border-top-color: #4bc0c0
}

.b-r-primary {
    border-right-color: #4bc0c0
}

.b-b-primary {
    border-bottom-color: #4bc0c0
}

.b-l-primary {
    border-left-color: #4bc0c0
}

.b-accent {
    border-color: #00d2ff
}

.b-t-accent {
    border-top-color: #00d2ff
}

.b-r-accent {
    border-right-color: #00d2ff
}

.b-b-accent {
    border-bottom-color: #00d2ff
}

.b-l-accent {
    border-left-color: #00d2ff
}

.b-warn {
    border-color: #b07cdd
}

.b-t-warn {
    border-top-color: #b07cdd
}

.b-r-warn {
    border-right-color: #b07cdd
}

.b-b-warn {
    border-bottom-color: #b07cdd
}

.b-l-warn {
    border-left-color: #b07cdd
}

.b-t-success {
    border-top-color: #22b66e
}

.b-r-success {
    border-right-color: #22b66e
}

.b-b-success {
    border-bottom-color: #22b66e
}

.b-l-success {
    border-left-color: #22b66e
}

.b-info {
    border-color: #2196f3
}

.b-t-info {
    border-top-color: #2196f3
}

.b-r-info {
    border-right-color: #2196f3
}

.b-b-info {
    border-bottom-color: #2196f3
}

.b-l-info {
    border-left-color: #2196f3
}

.b-warning {
    border-color: #f3c111
}

.b-t-warning {
    border-top-color: #f3c111
}

.b-r-warning {
    border-right-color: #f3c111
}

.b-b-warning {
    border-bottom-color: #f3c111
}

.b-l-warning {
    border-left-color: #f3c111
}

.b-danger {
    border-color: #ef193c
}

.b-t-danger {
    border-top-color: #ef193c
}

.b-r-danger {
    border-right-color: #ef193c
}

.b-b-danger {
    border-bottom-color: #ef193c
}

.b-l-danger {
    border-left-color: #ef193c
}

.b-light {
    border-color: #f6fafb
}

.b-t-light {
    border-top-color: #f6fafb
}

.b-r-light {
    border-right-color: #f6fafb
}

.b-b-light {
    border-bottom-color: #f6fafb
}

.b-l-light {
    border-left-color: #f6fafb
}

.b-grey {
    border-color: #354255
}

.b-t-grey {
    border-top-color: #354255
}

.b-r-grey {
    border-right-color: #354255
}

.b-b-grey {
    border-bottom-color: #354255
}

.b-l-grey {
    border-left-color: #354255
}

.b-dark {
    border-color: #263449
}

.b-t-dark {
    border-top-color: #263449
}

.b-r-dark {
    border-right-color: #263449
}

.b-b-dark {
    border-bottom-color: #263449
}

.b-l-dark {
    border-left-color: #263449
}

.b-black {
    border-color: #16202f
}

.b-t-black {
    border-top-color: #16202f
}

.b-r-black {
    border-right-color: #16202f
}

.b-b-black {
    border-bottom-color: #16202f
}

.b-l-black {
    border-left-color: #16202f
}

.b-white {
    border-color: #fff
}

.b-t-white {
    border-top-color: #fff
}

.b-r-white {
    border-right-color: #fff
}

.b-b-white {
    border-bottom-color: #fff
}

.b-l-white {
    border-left-color: #fff
}

.b-blue {
    border-color: #2196f3
}

.b-t-blue {
    border-top-color: #2196f3
}

.b-r-blue {
    border-right-color: #2196f3
}

.b-b-blue {
    border-bottom-color: #2196f3
}

.b-l-blue {
    border-left-color: #2196f3
}

.b-default {
    border-color: rgba(120,130,140,.2)
}

.b-t-default {
    border-top-color: rgba(120,130,140,.2)
}

.b-r-default {
    border-right-color: rgba(120,130,140,.2)
}

.b-b-default {
    border-bottom-color: rgba(120,130,140,.2)
}

.b-l-default {
    border-left-color: rgba(120,130,140,.2)
}

.no-b-t {
    border-top-width: 0
}

.no-b-r {
    border-right-width: 0
}

.no-b-b {
    border-bottom-width: 0
}

.no-b-l {
    border-left-width: 0
}

.b-dashed {
    border-style: dashed !important
}

.b-transparent {
    border-color: transparent !important
}

.bg-white {
    background-color: #fff
}

.bg-light2x {
    background-color: #f4f4f4
}

.ptr {
    cursor: pointer
}

.bg-black {
    background-color: #16202f;
    color: rgba(225,235,245,.87)
}

.light-hover:hover {
    background-color: #f8f8f8 !important
}

.b-success {
    border-color: #22b66e
}

.ht-80 {
    height: 80px;
    flex: 0 0 80px
}

.wd-40 {
    flex: 0 0 40px;
    width: 40px !important
}

.wd-45 {
    flex: 0 0 45px;
    width: 45px !important
}

.close.ht-40, .ht-40 {
    height: 40px !important
}

.wd-60 {
    flex: 0 0 60px;
    width: 60px !important
}

.wd-80 {
    flex: 0 0 80px;
    width: 80px !important
}

.wd-100 {
    flex: 0 0 100px;
    width: 100px !important
}

.wd-120 {
    flex: 0 0 120px;
    width: 120px !important
}

.m-l-80 {
    margin-left: 80px
}

.p-l-80 {
    padding-left: 80px
}

.wd-140 {
    flex: 0 0 140px;
    width: 140px
}

.wd-160 {
    flex: 0 0 160px;
    width: 160px
}

.wd-180 {
    flex: 0 0 180px;
    width: 180px
}

.wd-md {
    width: 200px;
    min-width: 200px
}

.m-l-wd {
    margin-left: 200px
}

.m-l-140 {
    margin-left: 140px
}

.m-l-120 {
    margin-left: 120px
}

.wd-lg {
    min-width: 250px
}

.wd-lg-2x {
    width: 350px;
    min-width: 350px
}

.m-l-lg {
    margin-left: 250px
}

.wd-xxl {
    min-width: 200px
}

.badge-lg {
    width: 34px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    border-radius: 34px;
    padding: 0;
    font-weight: 400
}

.wd-long {
    width: 550px;
    min-width: 550px
}

.wd-long-2x {
    width: 600px;
    min-width: 600px
}

.m-t-n-30 {
    margin-top: -30px
}

.m-t-n-20 {
    margin-top: -20px
}

.m-n-20 {
    margin: 0 -20px
}

.m-n-h-20 {
    margin-left: -20px;
    margin-right: -20px
}

.m-n-25 {
    margin: 0 -25px
}

.m-l-xxl {
    margin-left: 350px
}

.w-40 {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px
}

.block {
    display: block
}

.text-sm {
    font-weight: 300;
    font-size: 14px
}

.b-r {
    border-right: 1px solid rgba(120,130,140,.2)
}

a.text-muted:focus, a.text-muted:hover {
    opacity: 1
}

.font-600 {
    font-weight: 600 !important
}

.font-400 {
    font-weight: 400 !important
}

.font-300 {
    font-weight: 300 !important
}

.paypal-logo img {
    max-width: 100%
}

.paypal-cl {
    color: #0070ba
}

.font-xxl-2 {
    font-size: 36px !important
}

.font-xxl {
    font-size: 30px !important
}

.font-xl {
    font-size: 26px !important
}

.font-lg {
    font-size: 22px !important
}

.font-md {
    font-size: 18px !important
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .font-md {
        font-size: 14px !important
    }
}

.font-xs {
    font-size: 14px !important
}

.absolute {
    position: absolute;
    z-index: 20
}

.t-0 {
    top: 0 !important
}

.b-0 {
    bottom: 0 !important
}

.r-0 {
    right: 0 !important
}

.l-0 {
    left: 0 !important
}

.modal .loader-box, .modal .loader-box:after {
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.modal .loader-box {
    margin: auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 8px solid rgba(0,0,0,.25);
    border-right: 8px solid rgba(0,0,0,.25);
    border-bottom: 8px solid rgba(0,0,0,.25);
    border-left: 8px solid #1174a9;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -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 {
        position: relative;
        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;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .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 {
        -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 .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 img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    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%
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .impressions-block, .tournament-head {
        border-bottom: 1px solid #ededed !important
    }

    .impressions-block, .tournament-reg-block {
        margin-top: 15px !important
    }

    .event-tab-content .inline-form-group > .flex, .page-header > .flex {
        display: block
    }

        .event-tab-content .inline-form-group > .flex > div {
            margin-left: 0 !important;
            padding-left: 0 !important;
            border-left: 0 !important;
            margin-bottom: 20px !important;
            width: 200px !important
        }

    .page-header {
        padding-right: 0 !important
    }

    .tournament-head-box {
        display: block !important
    }

    .tournament-head {
        width: inherit !important;
        padding-bottom: 15px !important
    }

    .impressions-block {
        display: flex !important;
        margin-left: 0 !important
    }

        .impressions-block > span {
            flex: 1 1 auto;
            margin-left: 0 !important;
            margin-right: 20px
        }

            .impressions-block > span:last-child {
                text-align: right !important;
                margin-right: 0 !important
            }

    .tournament-reg-block .reg-number {
        flex: 1 1 auto;
        padding: 0 !important;
        margin-left: 0 !important;
        border-left: 0 !important;
        font-size: 12px !important
    }

        .tournament-reg-block .reg-number i {
            font-size: 20px !important
        }

        .tournament-reg-block .reg-number:last-child {
            justify-content: flex-end
        }

    .form-group label.custom-label {
        float: none !important;
        display: block !important;
        width: inherit !important;
        padding-bottom: 0 !important
    }

    .form-group .field-input {
        margin-left: 0 !important;
        padding-top: 0 !important
    }

    .form-group + .form-group {
        margin-top: 10px
    }
}

.browse-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .browse-wrapper .browse-filter-pub {
        flex: 0 0 325px;
        width: 325px
    }

@media only screen and (min-width: 1025px) {
    .browse-wrapper .browse-filter-pub {
        transform: translate3d(0,0,0) !important
    }

    .filter-backdrop, .show-mobile-filter {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .browse-wrapper .browse-content {
        margin-right: 40px !important
    }

    .event-info-expanded.col-md-9.flex.flex-col.flex-auto.p-r-25.m-r-25 {
        min-width: 100% !important
    }
}

@media only screen and (min-width: 320px) and (max-width:1025px) {
    .browse-wrapper {
        padding-top: 0 !important
    }

        .browse-wrapper .browse-filter-pub {
            width: 80% !important;
            transform: translate3d(-100%,0,0);
            display: block !important;
            background: #fff;
            z-index: 1030;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            -webkit-overflow-scrolling: touch !important;
            overflow-y: scroll !important
        }

        .browse-wrapper .browse-filter .browse-filter--inner .filter-area.expanded .filter-area-content {
            max-height: 500rem !important
        }

        .browse-wrapper .browse-filter .row {
            margin: 0 !important
        }

        .browse-wrapper .browse-filter .col-md-12, .browse-wrapper .browse-filter .col-md-6 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }
}

.browse-wrapper .browse-filter .browse-filter--inner {
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #ededed;
    border-radius: 4px;
    max-width: 320px
}

    .browse-wrapper .browse-filter .browse-filter--inner .filter-content {
        margin: 0 -20px 15px;
        padding: 0 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ededed
    }

        .browse-wrapper .browse-filter .browse-filter--inner .filter-content input {
            height: 46px;
            font-size: 16px;
            font-weight: 500
        }

    .browse-wrapper .browse-filter .browse-filter--inner .filter-area h3 {
        cursor: pointer;
        color: #0278b8;
        font-size: 16px;
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px solid #ededed
    }

        .browse-wrapper .browse-filter .browse-filter--inner .filter-area h3 i {
            font-size: 14px
        }

        .browse-wrapper .browse-filter .browse-filter--inner .filter-area h3:hover {
            color: #23b0fd
        }

    .browse-wrapper .browse-filter .browse-filter--inner .filter-area.expanded h3 i.icon-arrow-down4:before {
        position: relative;
        top: 2px;
        content: "\edeb"
    }

    .browse-wrapper .browse-filter .browse-filter--inner .filter-area .filter-area-content {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s;
        -moz-transition: max-height .2s;
        transition: max-height .2s
    }

        .browse-wrapper .browse-filter .browse-filter--inner .filter-area .filter-area-content .filter-area-content--inner {
            padding: 10px 0
        }

    .browse-wrapper .browse-filter .browse-filter--inner .filter-area.expanded .filter-area-content {
        max-height: 200px
    }

    .browse-wrapper .browse-filter .browse-filter--inner .filter-area:last-child {
        margin-bottom: 15px
    }

.browse-wrapper .rank-pick {
    cursor: pointer;
    display: block;
    background-color: #ededed;
    border-radius: 4px;
    position: relative
}

    .browse-wrapper .rank-pick input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden
    }

    .browse-wrapper .rank-pick div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        font-weight: 600
    }

        .browse-wrapper .rank-pick div:before {
            border-radius: 4px 0 0 4px;
            color: #fff;
            margin-right: 8px;
            background-color: #e25362;
            padding: 5px 8px;
            display: inline-block;
            font-weight: 400;
            line-height: 1;
            content: "\ed9e"
        }

    .browse-wrapper .rank-pick input:checked ~ div:before {
        content: "\eda2";
        background-color: #4caf50
    }

.browse-wrapper .browse-content {
    margin-left: 40px;
    flex: 1 1 auto
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .browse-wrapper .browse-content {
        margin: 10px
    }
}

.browse-wrapper .browse-content h1 {
    font-size: 30px;
    margin: 0 0 30px !important
}

.event-box {
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column
}

    .event-box > a {
        flex: 1
    }

@media only screen and (max-width: 768px) {
    .event-box {
        height: auto
    }

        .event-box, .event-box .flex-down-content, .event-box .flex-up-content, .register-now > .flex {
            display: block !important
        }

    .register-now > .flex {
        padding-left: 0 !important
    }

        .register-now > .flex > div > span > i {
            min-width: 24px !important
        }

    .event-details .anchor-link, .event-details .event-detail-content .event-details-info-head .event-details-main .listing-date span {
        font-size: 14px !important
    }

    .register-now .event-location {
        display: flex !important
    }

        .register-now .event-location .event-address {
            font-size: 14px !important
        }

    .event-details .event-detail-content .event-details-info-head .event-details-main .register-now-btn {
        letter-spacing: .1px !important;
        font-size: 14px !important;
        padding: 8px 10px !important;
        margin-top: 20px !important
    }

    .listing-body > .flex {
        margin-top: 0 !important
    }

    .event-details .event-detail-content .details-tabs li a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important
    }
}

.event-box .event-media {
    flex: 0 0 220px
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-box .event-media {
        display: block
    }
}

.prices-grid {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10999;
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    padding: 20px 0;
    overflow: auto
}

    .prices-grid.in {
        transition: all .4 ease
    }

    .prices-grid > div {
        width: 80%;
        padding: 0 !important;
        margin: 0 auto
    }

        .prices-grid > div > div.flex {
            background: #fff
        }

.event-box .event-media img {
    max-width: 100%;
    display: block
}

.event-box .event-box-content {
    padding: 15px 20px
}

    .event-box .event-box-content h1 {
        font-size: 20px;
        font-weight: 600;
        margin: 0 !important
    }

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-box .event-box-content h1 {
        font-size: 18px;
        margin: 0 0 10px !important
    }
}

.event-box .event-box-content .event-address, .event-box .event-box-content .event-date {
    display: block;
    font-size: 16px;
    color: #45494e
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-box .event-box-content .event-address, .event-box .event-box-content .event-date {
        font-size: 12px
    }
}

.event-box .event-box-content .event-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 5px;
    letter-spacing: .5px
}

    .event-box .event-box-content .event-date i {
        font-size: 16px
    }

.event-box .event-price {
    flex: 0 0 220px;
    height: 36px;
    background-color: #095177;
    color: #fff;
    padding: 0 15px;
    line-height: 36px;
    font-weight: 600;
    font-size: 16px
}

.social-links li, .social-links li a {
    width: 50px;
    height: 50px;
    border-radius: 50px
}

.event-box .event-actions {
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #ccc
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-box .event-box-content .event-address {
        font-size: 16px
    }

    .event-box .event-price {
        text-align: center
    }

    .event-box .event-actions {
        justify-content: center
    }
}

.event-box .event-actions a {
    padding: 0 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    border-left: 1px solid #eff2f5
}

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-box .event-actions a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
        padding: 10px 0;
        font-size: 12px
    }
}

.event-box .event-actions a i {
    font-size: 16px;
    margin-right: 6px;
    color: #0278b8
}

    .event-box .event-actions a i.icon-more2 {
        margin-right: 2px
    }

.event-box .event-actions a span {
    position: relative
}

.event-box .event-actions a.expanded {
    background-color: #0278b8;
    color: #fff !important
}

    .event-box .event-actions a.expanded i {
        color: #fff !important
    }

.event-box .venue-location i {
    font-size: 16px;
    position: relative;
    top: -1px
}

.event-box .expand-more-info {
    display: none;
    padding: 20px;
    font-size: 16px
}

    .event-box .expand-more-info .form-group-box--row + .form-group-box--row, .event-box .expand-more-info .row + .row {
        margin-top: 30px
    }

    .event-box .expand-more-info .form-group-box--row .label-title {
        padding-right: 15px;
        font-weight: 600;
        flex: 0 0 130px
    }

.event-box.expanded .expand-more-info {
    display: block
}

.social-links {
    text-align: center
}

    .social-links li {
        list-style: none;
        display: inline-block
    }

        .social-links li a {
            display: block;
            line-height: 54px;
            color: #fff
        }

            .social-links li a i {
                font-size: 16px
            }

        .social-links li.facebook {
            background: #3b5998
        }

        .social-links li.linkedin {
            background: #0077b5
        }

        .social-links li.twitter {
            background: #55acee
        }

        .social-links li.google {
            background: #d34836
        }

        .social-links li.email {
            background: #ffdb00
        }

        .social-links li:hover {
            opacity: .75
        }

.modal-auto {
    top: 50%;
    margin: 0 auto;
    transform: translate(0,-50%)
}

.close-abs {
    position: absolute;
    right: 12px;
    top: 11px;
    margin: 0 !important
}

.event-box {
    border: 1px solid transparent
}

    .event-box:hover {
        border: 1px solid #095177;
        box-shadow: 1px 1px 10px rgba(0,0,0,.25) !important
    }

    .event-box .flex-up-content:hover {
        background-color: #faf8f9
    }

    .event-box .flex-up-content {
        position: relative;
        overflow: hidden
    }

        .event-box .flex-up-content:before {
            content: "";
            width: 60px;
            height: 100%;
            right: 0;
            top: 0;
            background: #095177;
            opacity: 0;
            visibility: hidden;
            -mot-transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
            -webkit-transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
        }

        .event-box .flex-up-content:after, .event-box .flex-up-content:before {
            position: absolute;
            transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
        }

        .event-box .flex-up-content:after {
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\ee0f";
            top: 50%;
            right: 12px;
            font-size: 30px;
            color: #fff;
            margin-top: -15px;
            transform: translate3d(100px,0,0);
            -ms-transform: translate3d(100px,0,0);
            -moz-transform: translate3d(100px,0,0);
            -webkit-transform: translate3d(100px,0,0);
            -ms-transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
            -mot-transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
            -webkit-transition: all .5s cubic-bezier(.68,-.55,.265,1.55)
        }

.event-details .anchor-link:hover, .event-details .event-address:hover {
    color: #4480de
}

.event-box > a:hover .flex-up-content:before {
    opacity: 1;
    visibility: visible
}

.event-box > a:hover .flex-up-content:after {
    transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.event-details .event-address {
    cursor: pointer;
    text-decoration: underline
}

.event-details .anchor-link {
    cursor: pointer
}

.event-details .event-details-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    overflow: hidden;
    min-height: 580px
}

    .event-details .event-details-header .blurry-background {
        position: absolute;
        top: 0;
        left: 0;
        height: 580px;
        width: 100%;
        animation-delay: .4s;
        animation-duration: .7s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-name: fadeIn;
        -webkit-animation-name: fadeIn;
        opacity: 0
    }

    .event-details .event-detail-content .event-details-info-head .event-details-media, .event-details .event-details-header .blurry-background {
        -webkit-animation-delay: .4s;
        -webkit-animation-duration: .7s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards
    }

    .event-details .event-details-header img {
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-filter: blur(50px) brightness(.9);
        -ms-filter: blur(50px) brightness(.9);
        filter: blur(50px) brightness(.9);
        display: inline-block;
        width: 200%;
        position: relative;
        top: 50%;
        left: 50%
    }

.event-details .event-detail-content {
    max-width: 1170px;
    margin: 25px auto;
    position: relative;
    color: rgba(95,95,95,.87)
}

    .event-details .event-detail-content h3 {
        color: #333
    }

    .event-details .event-detail-content .event-detail-content-inner {
        background-color: #f6fafb
    }

    .event-details .event-detail-content .details-tabs li a {
        border-radius: 6px;
        padding: 10px 20px
    }

    .event-details .event-detail-content .details-tabs li.active a {
        background: #095177;
        color: #fff
    }

    .event-details .event-detail-content .event-details-info-head {
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-size: 16px
    }

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-details .event-detail-content .event-details-info-head {
        display: block
    }
}

.event-details .event-detail-content .event-details-info-head .event-details-media {
    animation-delay: .4s;
    animation-duration: .7s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    opacity: 0
}

    .event-details .event-detail-content .event-details-info-head .event-details-media img {
        max-width: 100%
    }

.event-details .event-detail-content .event-details-info-head .event-details-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

@media only screen and (min-device-width: 320px) and (max-device-width:768px) {
    .event-details .event-detail-content .event-details-info-head .event-details-main > div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .event-details .event-detail-content .event-details-info-head .event-details-main > div .event-location {
            margin-top: 20px !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            align-items: flex-start !important
        }
}

.event-details .event-detail-content .event-details-info-head .event-details-main .listing-date {
    margin-bottom: 15px
}

    .event-details .event-detail-content .event-details-info-head .event-details-main .event-location i, .event-details .event-detail-content .event-details-info-head .event-details-main .listing-date i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        font-size: 18px;
        width: 24px;
        height: 24px
    }

    .event-details .event-detail-content .event-details-info-head .event-details-main .listing-date span {
        font-size: 16px
    }

.event-details .event-detail-content .event-details-info-head .event-details-main .listing-body {
    flex: 1 1 auto;
    padding: 0 80px 0 40px
}

    .event-details .event-detail-content .event-details-info-head .event-details-main .listing-body h1 {
        font-weight: 600;
        font-size: 24px;
        margin: 0 0 20px
    }

    .event-details .event-detail-content .event-details-info-head .event-details-main .listing-body .event-location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-start
    }

        .event-details .event-detail-content .event-details-info-head .event-details-main .listing-body .event-location .event-address {
            display: block
        }

.event-details .event-detail-content .event-details-info-head .event-details-main .register-now-btn {
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center
}

.event-details .event-details-content-info {
    padding: 25px
}

@media only screen and (min-device-width: 320px) and (max-device-width:768px) {
    .event-details .event-detail-content .event-details-info-head .event-details-main .register-now-btn {
        font-size: 16px
    }

    .event-details .activity-row .more-info-details {
        display: none !important
    }

    .event-details .event-details-content-info {
        padding: 0;
        margin: 20px 0 0 !important
    }

        .event-details .event-details-content-info .event-info-expanded {
            margin-right: 0 !important
        }

            .event-details .event-details-content-info .event-info-expanded .event-info-row, .event-details .event-details-content-info .event-info-expanded .event-info-row > div {
                display: block
            }

                .event-details .event-details-content-info .event-info-expanded .event-info-row .event-info-arrow:after {
                    content: "↓"
                }
}

.map-container {
    position: relative
}

    .map-container .map-directions {
        margin: 0;
        padding: 0;
        z-index: 20;
        position: absolute;
        bottom: 40px;
        left: 50px;
        right: 50px;
        list-style: none;
        display: flex;
        justify-content: center
    }

        .map-container .map-directions li + li {
            margin-left: 15px
        }

        .map-container .map-directions li a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            border-radius: 60px;
            background-color: #fff;
            text-align: center;
            position: relative
        }

            .map-container .map-directions li a:active, .map-container .map-directions li a:focus {
                color: inherit
            }

            .map-container .map-directions li a:before {
                border-radius: 500px;
                content: "";
                position: absolute;
                top: -4px;
                left: -4px;
                width: 68px;
                height: 68px;
                background-color: rgba(0,0,0,.25);
                -webkit-transition: all .2s cubic-bezier(.175,.885,.32,1.275);
                transition: all .2s cubic-bezier(.175,.885,.32,1.275)
            }

            .map-container .map-directions li a:hover:before {
                top: -8px;
                left: -8px;
                width: 76px;
                height: 76px
            }

            .map-container .map-directions li a span {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 20;
                width: 60px;
                height: 60px;
                border-radius: 60px;
                background-color: #fff;
                -webkit-transition: all .1s ease;
                transition: all .1s ease
            }

                .map-container .map-directions li a span i {
                    font-size: 32px;
                    opacity: .75;
                    -webkit-transition: all .1s ease;
                    transition: all .1s ease
                }

                    .map-container .map-directions li a span i.icon-car {
                        margin-bottom: 5px
                    }

            .map-container .map-directions li a:hover span {
                color: #fff;
                background-color: #095177
            }

                .map-container .map-directions li a:hover span i {
                    color: #fff;
                    opacity: 1
                }

.map-venue-location {
    padding: 0 50px
}

@media only screen and (min-device-width: 320px) and (max-device-width:768px) {
    .map-venue-location h3 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 10px
    }

    .map-venue-location h4 {
        font-size: 14px
    }
}

.date-row:nth-child(odd) {
    background: #ededed
}

.terms-service {
    max-width: 1170px;
    margin: 0 auto;
    padding: 40px 0;
    background-color: #fff
}

.terms-service__head {
    background-color: #30373b;
    color: #fff;
    text-align: center;
    padding: 50px 0;
    font-size: 32px;
    font-weight: 600
}

@media only screen and (max-device-width: 768px) {
    .terms-service__head {
        padding: 50px 20px;
        font-size: 24px
    }

    .features-head > h3 {
        font-size: 14px;
        line-height: 24px !important;
        text-align: left !important;
        padding: 0 !important
    }

    .terms-service__head .font-md {
        margin: 15px 0 0 !important
    }

    .features-content, .topic-tabs .collapse {
        display: block !important
    }

        .features-content > div {
            padding: 0 20px !important
        }

        .features-content .nav > li > a {
            padding-left: 0 !important
        }

    .breadcrumb, .nav > li > a {
        padding: 2px 15px !important;
        font-size: 14px !important
    }

    .features-nav {
        margin: -10px 0 0 !important
    }

    .breadcrumb, .nav > li strong {
        display: block;
        padding-top: 15px !important
    }

    .topic-tabs .navbar-nav > li > a {
        padding: 0 5px !important
    }
}

.terms-service__intro {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    padding-top: 40px;
    background-color: #fff
}

    .terms-service__intro .terms-inner {
        max-width: 1170px;
        margin: 0 auto;
        font-size: 18px
    }

.terms-service a {
    color: #095177
}

.terms-service > h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px
}

.cart-list > li, .terms-service .marketing-markdown {
    font-size: 18px
}

.terms-service .terms__section {
    display: flex;
    margin: 0 0 30px
}

    .terms-service .terms__section .marketing-markdown {
        margin: 0 40px 0 0
    }

.terms-service ol {
    margin: 0 0 15px;
    padding: 0 0 0 20px
}

    .terms-service ol li {
        margin-bottom: 10px
    }

.terms-service .segment--section {
    flex: 0 0 400px
}

    .terms-service .segment--section .segment-heading {
        margin-top: 5px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
        color: #095177
    }

    .terms-service .segment--section .marketing-markdown {
        font-weight: 600;
        margin: 0
    }

.cart-list {
    padding: 0 0 0 25px;
    margin: 0
}

    .cart-list > li {
        margin: 0;
        list-style: none;
        font-weight: 400
    }

.active-payment, .cart-number, .swal2-modal .swal2-title {
    text-align: center;
    font-weight: 600
}

.cart-number {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
    font-size: 14px
}

.cart-image img {
    max-width: 100%
}

.payment-container {
    flex-wrap: wrap;
    margin: 0 -1%
}

    .payment-container > label {
        cursor: pointer
    }

.payment-option {
    position: relative
}

    .payment-option input {
        position: absolute;
        opacity: 0;
        visibility: hidden
    }

    .payment-option .checked-icon {
        border: 2px solid #286090;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        position: relative
    }

        .payment-option .checked-icon:after {
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 24px;
            display: none;
            background: #286090;
            position: absolute;
            left: 3px;
            top: 3px
        }

    .payment-option input:checked ~ div .checked-icon:after {
        display: block
    }

    .payment-option input:checked ~ div {
        border-radius: 4px !important;
        border: 1px solid #286090 !important;
        background-color: #f8f7f8
    }

.modal-backdrop + .modal-backdrop {
    z-index: 1050
}

.checkout {
    padding-top: 10px !important;
    font-size: 30px !important
}

@media only screen and (max-device-width: 768px) {
    .checkout {
        font-size: 20px !important
    }
}

.active-wrapper {
    margin-top: 30px
}

.active-payment {
    font-size: 18px;
    color: #22b66e;
    margin-top: 20px
}

.sortable li .main-sort-wrap > div:before, .sortable li .sorting-item-active:before {
    text-transform: none;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.active-payment.not-active {
    color: #444;
    opacity: .25
}

.active-payment i {
    display: block;
    font-size: 32px;
    margin-bottom: 5px
}

.sortable.sorting-manual li {
    opacity: .45 !important;
    cursor: default !important
}

    .sortable.sorting-manual li:hover {
        opacity: .9 !important
    }

    .sortable.sorting-manual li.sort-active {
        opacity: 1 !important
    }

.sortable li {
    margin-bottom: 5px;
    padding: 0;
    border: 0;
    cursor: move
}

    .sortable li .main-sort-wrap {
        display: flex;
        align-items: center;
        padding: 0
    }

    .sortable li .numberItem {
        flex: 0 0 25px;
        text-align: right;
        margin-right: 20px
    }

    .sortable li .main-sort-wrap > div {
        flex: 1 1 auto;
        position: relative;
        display: flex;
        align-items: center;
        border: 1px solid #ededed;
        border-radius: 2px;
        padding: 5px 5px 5px 45px
    }

    .sortable li.sortable-placeholder {
        border-radius: 2px;
        border: 1px dashed #ccc
    }

        .sortable li.sortable-placeholder:before {
            display: none !important
        }

    .sortable li.sort-active > div {
        border-color: #0080c3
    }

    .sortable li .sorting-item-active {
        display: flex;
        align-items: center
    }

        .sortable li .sorting-item-active:before {
            margin-right: 8px;
            margin-left: -4px;
            content: "\eda0"
        }

    .sortable li .main-sort-wrap > div:before {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -8px;
        opacity: .25;
        font-size: 16px;
        content: "\ec8e"
    }

    .sortable li:hover:before {
        opacity: .45
    }

.nav-wrapper {
    display: flex
}

.m-l-auto {
    margin-left: auto
}

.m-r-auto {
    margin-right: auto
}

.m-t-auto {
    margin-top: auto
}

.m-b-auto {
    margin-bottom: auto
}

.c-hamburger {
    display: none
}

.show-mobile, .show-mobile-flex {
    display: none !important
}

.separator {
    border-top: 1px solid #ccc;
    height: 1px
}

@media only screen and (max-width: 768px) {
    .nav-wrapper, .reg-header-wrap {
        left: 0;
        opacity: 0;
        visibility: hidden
    }

    .top-bar {
        padding: 10px 15px;
        position: relative;
        z-index: 10
    }

    .public-logo img {
        max-height: 50px
    }

    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 36px;
        height: 36px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        z-index: 10999;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .modal-right .m-r-20.m-l-0 {
        width: 100% !important;
        flex: 1 1 auto !important
    }

    .modal-right .flex.flex-wrap {
        flex-wrap: nowrap !important
    }

    .c-hamburger:focus {
        outline: 0
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 17px;
        left: 8px;
        right: 8px;
        height: 2px;
        background: #fff
    }

    .nav-wrapper, .reg-header-wrap {
        right: 0;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.08)
    }

    .c-hamburger span::after, .c-hamburger span::before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        content: ""
    }

    .c-hamburger span::before {
        top: -8px
    }

    .c-hamburger span::after {
        bottom: -8px
    }

    .c-hamburger--htx {
        background-color: #095177
    }

        .c-hamburger--htx span {
            -webkit-transition: background 0s .3s;
            transition: background 0s .3s
        }

            .c-hamburger--htx span::after, .c-hamburger--htx span::before {
                -webkit-transition-duration: .3s,.3s;
                transition-duration: .3s,.3s;
                -webkit-transition-delay: .3s,0s;
                transition-delay: .3s,0s
            }

            .c-hamburger--htx span::before {
                -webkit-transition-property: top,-webkit-transform;
                transition-property: top,transform
            }

            .c-hamburger--htx span::after {
                -webkit-transition-property: bottom,-webkit-transform;
                transition-property: bottom,transform
            }

        .c-hamburger--htx.is-active {
            background-color: #083a54
        }

            .c-hamburger--htx.is-active span {
                background: 0 0
            }

                .c-hamburger--htx.is-active span::before {
                    top: 0;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .c-hamburger--htx.is-active span::after {
                    bottom: 0;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

                .c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {
                    -webkit-transition-delay: 0s,.3s;
                    transition-delay: 0s,.3s
                }

    .nav-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        display: none;
        align-items: flex-start;
        transition: all .2s ease;
        flex-direction: column;
        background: #f5f5f5;
        padding: 70px 0 0 !important;
        margin: 0 !important
    }

        .nav-wrapper.open {
            opacity: 1;
            visibility: visible
        }

        .nav-wrapper ul.main-nav {
            display: block;
            padding: 0 !important;
            margin: 0 !important
        }

    .top-bar ul.main-nav li a {
        font-size: 16px;
        padding: 15px 20px !important;
        border-bottom: 1px solid #ededed;
        line-height: 1 !important;
        font-weight: 500
    }

    .top-bar ul.main-nav li:first-child a {
        border-top: 1px solid #ededed
    }

    .modal-head--custom h4, .public-top-buttons .btn {
        font-size: 14px !important
    }

    .nav-wrapper ul.main-nav li {
        text-align: left !important;
        margin: 0 !important;
        float: none !important;
        display: block !important
    }

    .nav-wrapper ul.user-actions-menu {
        display: block !important;
        float: none !important;
        text-align: center !important;
        margin-top: 25px !important
    }

        .nav-wrapper ul.user-actions-menu li {
            float: none !important;
            text-align: center
        }

            .nav-wrapper ul.user-actions-menu li:last-child {
                margin-right: 0 !important
            }

    .hide_small {
        display: none !important
    }

    .modal > .modal-right {
        width: 100% !important
    }

        .modal > .modal-right .form-group label {
            display: block !important;
            width: 100% !important;
            flex: 0 0 80px !important;
            margin-right: 15px;
            float: none !important;
            padding: 0 !important
        }

    .nav-wrapper ul.user-actions-menu {
        margin: 0 5px !important;
        padding: 20px !important
    }

    .user-actions-menu > li > a, .user-actions-menu > li > a:active, .user-actions-menu > li > a:focus {
        border: 2px solid rgba(255,255,255,.5) !important;
        color: #fff !important
    }

    .register-now {
        margin-top: 20px
    }

        .register-now div:first-child {
            display: block;
            padding-left: 0 !important
        }

            .register-now div span, .register-now div:first-child div {
                padding-left: 0 !important
            }

    .filter-pane {
        width: 100%;
        display: block;
        margin: 20px 0 0 !important
    }

        .fee-calculation, .filter-pane input {
            width: 100% !important
        }

    .page-wrap .beta-info .row {
        display: block;
        padding: 5px 15px
    }

        .page-wrap .beta-info .row strong {
            margin: 0 !important
        }

    .footer-inline ul li {
        display: block !important;
        margin: 0 !important
    }

        .footer-inline ul li:after {
            display: none
        }

        .footer-inline ul li + li {
            margin: 10px 0 0 !important
        }

    .footer-light h3 {
        margin-bottom: 5px !important
    }

    footer .col-md-3 {
        margin-bottom: 25px
    }

        footer .col-md-3:last-child {
            margin-bottom: 0 !important
        }

    .event-box > a:hover .flex-up-content:after, .event-box > a:hover .flex-up-content:before {
        display: none !important
    }

    .footer-light {
        padding: 30px 5px !important;
        text-align: center;
        display: none
    }

    .public-top-buttons .btn {
        padding-left: 5px !important;
        padding-right: 5px !important;
        flex: 1 1 auto
    }

    .fee-calculation {
        margin: 40px 0 0 !important;
        padding: 0 !important;
        min-width: 100% !important
    }

    .services-price > div {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important
    }

        .services-price > div:first-child {
            margin-bottom: 20px !important
        }

        .services-price > div:last-child {
            margin-top: 20px !important
        }

    .calculator-form .btn-default {
        font-size: 12px !important
    }

    .features-head {
        padding: 0 !important;
        margin: 0 !important
    }

    .features-content {
        display: block
    }

    .features-links {
        width: 100%;
        padding: 0 10px
    }

    .features-list {
        width: 100%;
        padding: 0;
        margin: 30px 0 0 !important
    }

    .rr-rounds {
        margin: 0 10px
    }

    .rr-match-box > div {
        display: block !important
    }

        .rr-match-box > div > div {
            width: 100% !important;
            display: flex
        }

            .rr-match-box > div > div > .col-md-3 {
                flex: 1 1 auto
            }

    .reg-header-brand ul.head-ul {
        display: block !important
    }

    .reg-header-wrap {
        position: ABSOLUTE;
        top: 71px;
        background: #fff;
        display: none;
        -webkit-transition: all 250ms cubic-bezier(.47,0,.745,.715);
        transition: all 250ms cubic-bezier(.47,0,.745,.715)
    }

        .reg-header-wrap.open {
            opacity: 1;
            visibility: visible
        }

    .reg-header-left {
        padding: 15px 0 !important;
        display: block
    }

        .reg-header-left > ul {
            display: block !important
        }

    .reg-header-wrap .reg-header-flex {
        display: none
    }

    .head-user-nav {
        height: auto !important
    }

        .head-nav-item > a, .head-user-nav > li:last-child > a {
            border: 0 !important
        }

    .head-nav-item > a, .reg-header ul.head-ul > li {
        height: 46px !important
    }

        .reg-header ul.head-ul > li > a > span {
            margin-right: 1rem
        }

    .angle-icon {
        margin-left: auto !important
    }

    .show-mobile {
        display: block !important
    }

    .show-mobile-flex {
        display: flex !important
    }
}

.swal2-container, body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

body.swal2-in {
    overflow-y: hidden
}

.swal2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060
}

.swal2-modal, .swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea {
    display: none
}

.swal2-container.swal2-fade {
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}

.swal2-container.swal2-in {
    background-color: rgba(0,0,0,.4)
}

.swal2-modal {
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-y: auto;
    position: relative
}

    .swal2-modal.swal2-loading {
        overflow-y: hidden
    }

    .swal2-modal .swal2-title {
        color: #595959;
        font-size: 30px;
        text-transform: none;
        position: relative;
        margin: 0 0 .4em;
        padding: 0;
        display: block
    }

    .swal2-modal .swal2-spacer {
        height: 10px;
        color: transparent;
        border: 0
    }

    .swal2-modal .swal2-styled {
        border: 0;
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        cursor: pointer;
        font-size: 17px;
        font-weight: 500;
        margin: 0 5px;
        padding: 10px 32px
    }

        .swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
            opacity: .4;
            cursor: no-drop
        }

        .swal2-modal .swal2-styled.swal2-loading {
            box-sizing: border-box;
            border: 4px solid transparent;
            border-color: transparent;
            width: 40px;
            height: 40px;
            padding: 0;
            margin: -2px 30px;
            vertical-align: top;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            border-radius: 100%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            user-select: none
        }

    .mv-wrap, .swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span, .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span {
        vertical-align: middle
    }

    .swal2-icon, .swal2-modal .swal2-styled.swal2-loading {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

    .swal2-modal .swal2-image {
        margin: 20px auto;
        max-width: 100%
    }

    .swal2-modal .swal2-close {
        font-size: 36px;
        line-height: 36px;
        font-family: serif;
        position: absolute;
        top: 5px;
        right: 13px;
        cursor: pointer;
        color: #ccc;
        -webkit-transition: color .1s ease;
        transition: color .1s ease
    }

        .swal2-modal .swal2-close:hover {
            color: #d55
        }

    .swal2-modal .swal2-content {
        font-size: 18px;
        text-align: center;
        font-weight: 400;
        position: relative;
        float: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        color: #545454
    }

    .swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea {
        margin: 20px auto
    }

    .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        font-size: 18px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        -webkit-transition: border-color box-shadow .3s;
        transition: border-color box-shadow .3s
    }

        .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror {
            border-color: #f06e57
        }

        .swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5;
            border: 1px solid #b4dbed
        }

            .swal2-modal .swal2-file:focus::-webkit-input-placeholder, .swal2-modal .swal2-input:focus::-webkit-input-placeholder, .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
                -webkit-transition: opacity .3s 30ms ease;
                transition: opacity .3s 30ms ease;
                opacity: .8
            }

            .swal2-modal .swal2-file:focus::-moz-placeholder, .swal2-modal .swal2-input:focus::-moz-placeholder, .swal2-modal .swal2-textarea:focus::-moz-placeholder {
                -webkit-transition: opacity .3s 30ms ease;
                transition: opacity .3s 30ms ease;
                opacity: .8
            }

            .swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
                -webkit-transition: opacity .3s 30ms ease;
                transition: opacity .3s 30ms ease;
                opacity: .8
            }

            .swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder {
                -webkit-transition: opacity .3s 30ms ease;
                transition: opacity .3s 30ms ease;
                opacity: .8
            }

        .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder {
            color: #e6e6e6
        }

        .swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder {
            color: #e6e6e6
        }

        .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder {
            color: #e6e6e6
        }

        .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder {
            color: #e6e6e6
        }

    .swal2-modal .swal2-range input {
        float: left;
        width: 80%
    }

    .swal2-modal .swal2-range output {
        float: right;
        width: 20%;
        font-size: 20px;
        font-weight: 600;
        text-align: center
    }

    .swal2-modal .swal2-range input, .swal2-modal .swal2-range output {
        height: 43px;
        line-height: 43px;
        vertical-align: middle;
        margin: 20px auto;
        padding: 0
    }

    .swal2-modal .swal2-input {
        height: 43px;
        padding: 0 12px
    }

        .swal2-modal .swal2-input[type=number] {
            max-width: 150px
        }

    .swal2-modal .swal2-file {
        font-size: 20px
    }

    .swal2-modal .swal2-textarea {
        height: 108px;
        padding: 12px
    }

    .swal2-modal .swal2-select {
        color: #545454;
        font-size: inherit;
        padding: 5px 10px;
        min-width: 40%;
        max-width: 100%
    }

    .swal2-modal .swal2-radio {
        border: 0
    }

        .swal2-modal .swal2-radio label:not(:first-child) {
            margin-left: 20px
        }

        .swal2-modal .swal2-radio input {
            margin: 0 3px 0 0
        }

    .swal2-modal .swal2-checkbox {
        color: #545454
    }

.no-overflow {
    overflow: hidden
}

.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}

    .swal2-modal .swal2-validationerror::before {
        content: "!";
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #ea7d7d;
        color: #fff;
        line-height: 24px;
        text-align: center;
        margin-right: 10px
    }

.swal2-icon.swal2-info, .swal2-icon.swal2-question, .swal2-icon.swal2-warning {
    text-align: center;
    font-size: 60px;
    line-height: 80px
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    cursor: default;
    user-select: none
}

    .swal2-icon.swal2-error {
        border-color: #f27474
    }

        .swal2-icon.swal2-error .x-mark {
            position: relative;
            display: block
        }

        .swal2-icon.swal2-error .line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #f27474;
            display: block;
            top: 37px;
            border-radius: 2px
        }

            .swal2-icon.swal2-error .line.left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px
            }

            .swal2-icon.swal2-error .line.right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px
            }

    .swal2-icon.swal2-warning {
        color: #f8bb86;
        border-color: #facea8
    }

    .swal2-icon.swal2-info {
        font-family: "Open Sans",sans-serif;
        color: #3fc3ee;
        border-color: #9de0f6
    }

    .swal2-icon.swal2-question {
        color: #87adbd;
        border-color: #c9dae1
    }

    .swal2-icon.swal2-success {
        border-color: #a5dc86
    }

        .swal2-icon.swal2-success::after, .swal2-icon.swal2-success::before {
            content: "";
            position: absolute;
            width: 60px;
            height: 120px;
            background: #fff
        }

.court-box:before, .court-match-row:before, .daily-single-hour:before, .partner-selection .selection:before {
    content: ""
}

.swal2-icon.swal2-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.swal2-icon.swal2-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.swal2-icon.swal2-success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165,220,134,.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.swal2-icon.swal2-success .fix {
    width: 7px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

    .swal2-icon.swal2-success .line.tip {
        width: 25px;
        left: 14px;
        top: 46px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .swal2-icon.swal2-success .line.long {
        width: 47px;
        right: 8px;
        top: 38px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        background: #3085d6;
        border-radius: 2em;
        color: #fff;
        height: 2em;
        line-height: 2em;
        text-align: center;
        width: 2em;
        z-index: 20
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle, .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6
            }

    .swal2-progresssteps .swal2-progressline {
        background: #3085d6;
        height: .4em;
        margin: 0 -1px;
        z-index: 10
    }

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

.swal2-show {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-hide {
    -webkit-animation: hideSweetAlert .15s forwards;
    animation: hideSweetAlert .15s forwards
}

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

@-webkit-keyframes animate-success-tip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-tip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animate-success-long {
    0%,65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animate-success-long {
    0%,65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0%,5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%,5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.animate-success-tip {
    -webkit-animation: animate-success-tip .75s;
    animation: animate-success-tip .75s
}

.animate-success-long {
    -webkit-animation: animate-success-long .75s;
    animation: animate-success-long .75s
}

.swal2-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

.animate-error-icon {
    -webkit-animation: animate-error-icon .5s;
    animation: animate-error-icon .5s
}

@-webkit-keyframes animate-x-mark {
    0%,50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animate-x-mark {
    0%,50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animate-x-mark {
    -webkit-animation: animate-x-mark .5s;
    animation: animate-x-mark .5s
}

@-webkit-keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

@keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

.pulse-warning {
    -webkit-animation: pulse-warning .75s infinite alternate;
    animation: pulse-warning .75s infinite alternate
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.m-t-10.m-b-10.fixed-buttons {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #eaeaea;
    padding: 10px 20px;
    z-index: 99;
    margin: 0 !important
}

.daily-hours, .partner-search-opened {
    z-index: 1000
}

.align-flex-start {
    align-items: flex-start
}

.ddl-partner-search.select2-selection--single {
    border: 2px solid #dadada;
    height: 70px
}

.ddl-partner-search .select2-selection__placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #444 !important
}

.text-white, .text-white:hover {
    color: #fff !important
}

.ddl-partner-search .select2-selection__rendered {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    color: #444 !important;
    height: 66px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center
}

    .ddl-partner-search .select2-selection__rendered span:not(.select2-selection__clear) {
        display: block !important;
        font-size: 14px !important;
        line-height: 1;
        margin-top: 1px
    }

.partner-dropdown-search ul li span, .partner-selection .selection span {
    display: block
}

.ddl-partner-search .select2-selection__rendered span.name {
    font-size: 16px !important;
    margin-bottom: 4px;
    line-height: 1
}

.ddl-partner-search .select2-selection__arrow {
    height: 70px !important
}

.ddl-partner-search-dropdown .select2-search__field {
    border: 2px solid #dadada !important;
    padding: 8px 12px !important;
    font-size: 16px;
    font-weight: 600
}

.ddl-partner-search-dropdown .select2-search--dropdown {
    padding: 10px 10px 5px !important
}

.ddl-partner-search-dropdown {
    border-color: #a2a2a2 !important
}

    .ddl-partner-search-dropdown .select2-results__option {
        font-weight: 400;
        font-size: 16px !important
    }

    .ddl-partner-search-dropdown .select2-results {
        padding: 0 !important
    }

.partner-option .partner-option-name {
    font-size: 16px;
    font-weight: 600
}

.partner-option .partner-option-email, .partner-option .partner-option-phone {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    margin-top: 2px
}

.ddl-partner-search-dropdown .select2-results__option {
    opacity: 1 !important;
    padding: 5px 10px 10px !important
}

.select2-results__option--highlighted {
    background: #006ba2 !important;
    color: #fff !important
}

.select2-selection__clear {
    position: absolute !important;
    right: 30px;
    top: 50%;
    margin-top: -14px !important;
    font-size: 24px !important;
    width: 30px;
    height: 30px;
    line-height: 26px;
    background: #ededed;
    border-radius: 30px;
    text-align: center
}

.partner-selection, .partner-spinner {
    position: relative
}

    .partner-selection .selection {
        border: 2px solid #ededed;
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 600;
        border-radius: 4px;
        cursor: pointer
    }

        .partner-selection .selection:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 8px 0;
            border-color: #b3b3b3 transparent transparent;
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -4px
        }

.partner-search-opened .selection {
    border-radius: 4px 4px 0 0
}

.partner-dropdown-search {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -2px;
    padding: 10px;
    border: 2px solid #ededed;
    background: #fff
}

    .partner-dropdown-search input {
        border-width: 2px !important
    }

.search-message {
    margin-top: 8px;
    font-weight: 600
}

.partner-dropdown-search ul {
    padding: 0;
    margin: 0;
    max-height: 350px;
    overflow: auto
}

    .partner-dropdown-search ul li {
        list-style: none;
        padding: 6px 8px;
        border-radius: 2px;
        cursor: pointer
    }

        .partner-dropdown-search ul li + li {
            border-top: 1px solid #ededed
        }

        .partner-dropdown-search ul li:hover {
            background: #0081c3;
            color: #fff
        }

.partner-spinner {
    width: 26px;
    height: 26px;
    margin: 20px auto 5px
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0278b8;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.select2-selection__rendered {
    font-weight: 600 !important
}

.select2-results__options {
    padding-top: 0 !important
}

.select2-container--default .select2-results__option {
    border-radius: 4px !important;
    padding: 4px 10px !important
}

.overflow-x {
    overflow-x: auto
}

.daily-calendar {
    background: #fff;
    overflow: auto
}

.daily-hours {
    display: flex;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.daily-single-hour {
    background: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    padding: 5px 0 25px;
    height: 80px
}

.h-24, .w-24 {
    padding: 0 1px 0 0
}

.daily-single-date {
    font-size: 14px;
    margin-bottom: -8px;
    margin-top: 2px
}

.daily-single-hour > span {
    font-size: 16px;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.daily-single-hour:before {
    width: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.minute-split {
    width: 1px;
    height: 10px;
    background: #ededed;
    position: absolute
}

    .minute-split span {
        font-size: 10px;
        font-weight: 400;
        width: 20px;
        text-align: center;
        top: -100%;
        position: absolute;
        left: -10px;
        margin-top: -5px
    }

.court-box {
    position: absolute;
    height: 100px;
    background: #fff;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600
}

.match-box {
    height: 101px;
    display: inline-block;
    position: absolute;
    border: 1px solid #ddd;
    top: -1px;
    vertical-align: top;
    margin-right: -1px
}

.court-box:before {
    display: block;
    min-width: 60px;
    min-height: 40px;
    max-width: 60px;
    max-height: 40px;
    background: url(../../assets/game.svg) center no-repeat;
    margin: 0 15px 0 20px
}

.court-matches {
    display: block;
    font-size: 12px
}

.court-match-row {
    height: 100px;
    background: #fff;
    position: relative;
    border-top: 1px solid #ddd;
    margin-top: -2px
}

    .court-match-row:before {
        width: 1px;
        background: #ccc;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

.grid-split {
    width: 1px;
    height: 100%;
    background: #ededed;
    position: absolute
}

.w-24 {
    width: 26px
}

.h-24 {
    height: 26px
}

.b-w {
    border: 2px solid #fff
}

.rad-50 {
    border-radius: 50%
}

.daily-hours {
    position: relative
}

.court-box, .daily-search-options {
    z-index: 99;
    border-right: 1px solid #ccc
}

.daily-search-options {
    background: #fff;
    position: absolute;
    border-bottom: 1px solid #ccc
}

.match-box {
    background: #fdfdfd;
    padding: 8px 8px 8px 18px;
    cursor: move
}

    .match-box > div > strong {
        font-size: 14px !important
    }

.court-not-used {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

    .court-not-used i {
        font-size: 32px;
        color: #ec7272
    }

.pb-progress, .pb-progress--inner {
    height: 4px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    background-color: #eff2f5
}

.pb-progress--inner {
    background-color: #6aedc7
}

    .pb-progress--inner[data-type=type_0], .pb-progress--inner[data-type=type_1] {
        background-color: #ff584c
    }

    .pb-progress--inner[data-type=type_2] {
        background-color: #ffce00
    }

.cancel-login {
    position: fixed;
    top: 20px;
    right: 20px;
    text-transform: none !important;
    font-size: 12px !important;
    letter-spacing: 1px
}

*, body, html {
    -webkit-overflow-scrolling: touch !important
}

.dropdown-menu > .dropdown-menu {
    margin: 0 5px !important;
    display: block !important;
    position: relative !important;
    background: 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important
}

    .dropdown-menu > .dropdown-menu > li {
        padding: 0 !important
    }

.dropdown-menu::-webkit-scrollbar {
    width: 6px
}

.dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background: #006ba2;
    border-radius: 100px
}

.dropdown-menu > li > a {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px !important
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #555
}

@media only screen and (max-width: 640px) {
    .login-standalone h1, .modal-content h1 {
        font-size: 26px !important
    }

    .login-standalone {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

        .login-standalone .flex {
            display: block !important
        }

        .login-standalone .flex-auto.m-l-10, .login-standalone .flex-auto.m-r-10 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .login-standalone .form-group .flex {
            display: flex !important
        }

        .login-standalone .form-group .flex-auto.m-l-10 {
            margin-left: 10px !important
        }

        .login-standalone .form-group .flex-auto.m-r-10 {
            margin-right: 10px !important
        }

    .auth-login-wrap {
        display: block !important
    }

    .cancel-login-box {
        margin-top: 40px;
        margin-bottom: 20px !important
    }

    .cancel-login {
        position: relative;
        top: auto;
        right: auto
    }
}

@media only screen and (max-width: 1024px) {
    .user-area-grid-nav {
        flex-wrap: wrap !important;
        display: block !important
    }

        .user-area-grid-nav > a {
            margin-bottom: 10px
        }

    .user-grid-box {
        flex: 1 1 100% !important
    }

    .user-area-grid .user-grid-box .dropdown-menu {
        padding-right: 22px !important
    }

    .user-grid-box .dropdown-menu .col-md-6 {
        display: flex !important;
        align-items: center !important
    }

    .user-area-dash-info {
        width: inherit !important;
        min-width: inherit !important
    }

    .user-area-dash {
        display: block !important
    }

    .user-area-dash-info > div {
        display: block !important;
        text-align: center !important
    }

    .user-profile {
        margin: 0 auto !important
    }

    .user-grid-box .icon-xxl {
        margin-bottom: 10px
    }

    .user-grid-box div.h4 {
        margin: 8px 0 !important
    }

    .btn-icon {
        width: 26px !important;
        height: 26px !important;
        line-height: 26px !important
    }

    .user-area-dash-tiles a.block .flex-auto {
        display: flex !important;
        align-items: center !important;
        border: 0 !important
    }

        .user-area-dash-tiles a.block .flex-auto .h3 {
            margin: 0 0 0 auto !important;
            text-align: center
        }

    .user-grid-box .more-link {
        font-size: 16px !important
    }

    .user-grid-box .icon-xxl {
        margin-right: 10px !important
    }

        .user-grid-box .icon-xxl i {
            font-size: 18px !important
        }

    .user-grid-box .dropdown {
        padding-left: 5px !important
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .user-area-dash-tiles .col-md-6 {
        width: 50% !important
    }
}

@media only screen and (max-width: 768px) {
    .reg-header .reg-header-wrap {
        display: block !important;
        background: #006ba2 !important
    }

    .reg-header-flex {
        display: block !important;
        padding: 0 23px !important
    }
}

.user-grid-box {
    flex: 1 1 20%;
    margin: 0 10px 20px
}

    .user-grid-box .dropdown {
        position: inherit !important
    }

    .user-grid-box .close-ddl {
        width: 32px;
        height: 32px;
        position: absolute;
        right: 10px;
        top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10999
    }

    .user-grid-box .dropdown-menu {
        border-radius: 0 !important;
        padding-right: 52px !important;
        border: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        position: absolute;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: 0 0 !important
    }

        .user-grid-box .dropdown-menu .col-md-6 {
            padding: 0 5px !important
        }

        .user-grid-box .dropdown-menu.bg-danger {
            background: #ef193c !important
        }

        .user-grid-box .dropdown-menu.bg-info {
            background: #2196f3 !important
        }

        .user-grid-box .dropdown-menu.bg-success {
            background: #22b66e !important
        }

            .user-grid-box .dropdown-menu.bg-danger a, .user-grid-box .dropdown-menu.bg-info a, .user-grid-box .dropdown-menu.bg-success a {
                color: #fff !important
            }

                .user-grid-box .dropdown-menu.bg-danger a:hover, .user-grid-box .dropdown-menu.bg-info a:hover, .user-grid-box .dropdown-menu.bg-success a:hover {
                    color: #444 !important
                }

@media only screen and (max-width: 768px) {
    .activity-row > .flex .flex-auto, .partner-manual > .font-600, .search-partner-info {
        text-align: center
    }

    .buttons-header .flex, .shirts-container {
        display: block !important
    }

    #tbAttendeeActivities .partner-row > div, #tbAttendeeActivities .partner-row > div.full-h > div h4, .top-banner-area h1 span {
        font-size: 14px !important
    }


    #dvTeamEvents .partner-row > div, #dvTeamEvents .partner-row > div.full-h > div h4, .top-banner-area h1 span {
        font-size: 14px !important
    }

    .top-banner-area {
        padding: 15px 20px !important
    }

    .buttons-header {
        padding-left: 0 !important;
        height: auto !important
    }

        .buttons-header > div {
            padding: 0 !important;
            position: relative !important;
            background: 0 0 !important
        }

        .buttons-header .flex .m-r-25.m-l-25 {
            margin: 15px 0 !important;
            padding: 0 !important
        }

    .shirts-container > div {
        margin: 0 0 20px !important
    }

    .activity-row, .flex.wd-xs {
        margin: 0 0 10px !important
    }

        .activity-row > .flex {
            flex-direction: column !important;
            align-items: center !important
        }

    .flex.wd-xs {
        flex: 1 !important;
        padding: 0 !important
    }

    .activity-row {
        border: 1px solid #ededed !important
    }

        .activity-row > .flex .icon-xxl {
            margin: 10px 0 20px !important
        }

    #tbAttendeeActivities .partner-row > div, #tbAttendeeActivities .partner-row > div.full-h > div, .search-partner-box .selection {
        display: block !important;
        text-align: center !important
    }
    #dvTeamEvents .partner-row > div, #dvTeamEvents .partner-row > div.full-h > div, .search-partner-box .selection {
        display: block !important;
        text-align: center !important
    }
    


    .activity-row > .flex .flex-auto .flex {
        display: block !important;
        align-items: center
    }

        .activity-row > .flex .flex-auto .flex .flex {
            justify-content: center !important
        }

    .partner-row-head {
        display: none !important
    }

    

    #tbAttendeeActivities .partner-row {
        display: block !important;
        margin-bottom: 20px !important;
        border: 2px solid #b9b9b9 !important;
        border-radius: 4px !important
    }

        #tbAttendeeActivities .partner-row > div {
            width: inherit !important;
            max-width: inherit !important
        }

            #tbAttendeeActivities .partner-row > div > label, #tbAttendeeActivities .partner-row > div > span {
                margin: 0 auto !important
            }

            #tbAttendeeActivities .partner-row > div.full-h > div > .icon-xxl {
                margin: 0 auto 15px !important
            }



    #dvTeamEvents .partner-row {
        display: block !important;
        margin-bottom: 20px !important;
        border: 2px solid #b9b9b9 !important;
        border-radius: 4px !important
    }

        #dvTeamEvents .partner-row > div {
            width: inherit !important;
            max-width: inherit !important
        }

            #dvTeamEvents .partner-row > div > label, #dvTeamEvents .partner-row > div > span {
                margin: 0 auto !important
            }

            #dvTeamEvents .partner-row > div.full-h > div > .icon-xxl {
                margin: 0 auto 15px !important
            }



    .search-partner-box .selection {
        font-size: 13px !important
    }

    .partner-selection .selection {
        font-size: 14px !important
    }

        .partner-selection .selection:before {
            border-width: 6px 4px 0 !important;
            margin-top: -2px !important
        }

    .search-partner-box .selection .icon-xl {
        margin-top: 10px !important
    }

    .search-partner-info {
        margin-bottom: 10px
    }

    #tbAttendeeActivities .partner-row > div > span.show-only-mobile {
        display: inline-block !important;
        margin-right: 10px !important;
        font-weight: 600
    }

    #dvTeamEvents .partner-row > div > span.show-only-mobile {
        display: inline-block !important;
        margin-right: 10px !important;
        font-weight: 600
    }


    
    .buttons-footer .btn-round, .buttons-header .btn-round {
        padding: 6px 16px !important
    }

    .flex.cart-wrapper {
        padding: 0 !important;
        display: block !important
    }

        .flex.cart-wrapper .wd-long {
            display: block !important;
            width: 100% !important;
            min-width: 100% !important
        }

            .flex.cart-wrapper .wd-long .btn-round {
                padding: 10px !important;
                font-size: 16px !important
            }

        .flex.cart-wrapper > div {
            display: block !important;
            padding: 0 !important;
            width: auto !important;
            margin: 0 0 15px !important
        }

    .cart-list li, .payment-container.full-w > label > div > div {
        padding: 10px !important
    }

    .shopping-list > div {
        display: none !important
    }

    .cart-list li {
        border: 1px solid #bdbdbd;
        margin: 0 0 10px;
        border-radius: 4px
    }

        .cart-list li div {
            display: block !important
        }

            .cart-list li div > div {
                text-align: left !important;
                width: 100% !important
            }

                .cart-list li div > div.checkout-cell {
                    display: flex !important;
                    align-items: center
                }

    #dvApplyDiscountCodes, #dvApplyDiscountCodes > div, #dvApplyDiscountCodes > div > .btn, .flex-start, .payment-container.full-w > label > div > .flex {
        display: block !important
    }

    .cart-list li div > div.checkout-cell .show-only-mobile {
        font-size: 14px !important;
        font-weight: 600
    }

    .cart-list li div > div.checkout-cell:first-child {
        margin-top: 10px
    }

    #dvApplyDiscountCodes > div > input {
        width: 100% !important
    }

    #dvApplyDiscountCodes > div > .btn {
        margin: 10px 0 0 !important;
        width: 100% !important
    }

    .modal {
        overflow: auto !important
    }

    .payment-container.full-w > label > div {
        display: block !important;
        border: 1px solid #8a8a8a !important;
        border-radius: 4px !important
    }

    .vcell.v-top .vcell.v-top, a.hidden-print {
        padding: 0 !important
    }

    .payment-container.full-w > label > div div {
        text-align: center !important
    }

    .payment-container.full-w > label > div img, .payment-option .checked-icon {
        margin: 0 auto !important
    }

    .modal-dialog {
        width: inherit !important;
        max-width: inherit !important;
        min-width: inherit !important
    }

    .receipt-wrapper .row > div {
        width: 100% !important;
        text-align: left !important
    }

        .receipt-wrapper .row > div > .panel {
            border: 1px solid #ddd;
            border-radius: 4px
        }

    a.hidden-print {
        float: none !important;
        margin: 0 15px 0 0 !important
    }

    .receipt-head {
        margin: 20px 0 10px !important;
        text-align: left !important
    }

        .receipt-head h2 {
            font-size: 20px !important;
            margin: 0 !important
        }

    .reg-header ul.head-ul > li.active > a, .reg-header ul.head-ul > li > a {
        color: #fff !important
    }

    .reg-header-wrap.is-opened {
        opacity: 1 !important;
        visibility: visible !important
    }

    .tab-pane .flex-start {
        display: flex !important
    }

    .flex-start > div {
        margin-left: 0 !important
    }

    .flex-start .panel {
        width: inherit !important
    }

        .flex-start .panel .flex.m-b-20 {
            display: block !important
        }

        .flex-start .panel .flex.flex-middle div {
            margin-left: 0 !important;
            padding-left: 0 !important
        }

        .flex-start .panel .flex.flex-middle .m-l-25.p-l-25 {
            margin-top: 20px
        }

        .flex-start .panel .flex.flex-middle > .select2 {
            margin-top: 10px
        }

    .panel {
        padding: 10px !important
    }

    .page-header {
        display: flex !important;
        align-items: center !important
    }

        .page-header h3 {
            font-size: 16px !important
        }

        .page-header .btn {
            font-size: 12px !important
        }
}

.brackets-match-box, .head-column > div, .singles-brackets .bracket-head, .singles-brackets .brackets-match-box {
    min-width: 260px;
    max-width: 260px
}

.menu-mobile {
    color: #fff
}

.show-only-mobile {
    display: none
}

.search-partner-box .selection > .flex-auto {
    overflow: hidden;
    text-overflow: ellipsis
}

    .search-partner-box .selection > .flex-auto > div {
        overflow: hidden;
        display: block;
        text-overflow: ellipsis
    }

.proceed-paypal #form1 {
    height: auto !important
}

.proceed-paypal #form2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

    .proceed-paypal #form2 img {
        width: 100px;
        display: block;
        margin: 0 auto
    }

    .proceed-paypal #form2 h3 {
        width: auto;
        width: 100%;
        text-align: center;
        position: relative;
        display: inline-block
    }

.logged-in-user-link {
    border: 0;
    height: auto !important
}

    .logged-in-user-link > a {
        display: flex !important;
        align-items: center;
        height: auto !important;
        padding: 0 10px !important
    }

        .logged-in-user-link > a:after, .logged-in-user-link > a:before {
            display: none !important
        }

.brackets-match-box {
    margin: 10px 0;
    background: #fff;
    border-radius: 4px;
    min-height: 64px;
    position: relative
}

.double-brackets .brackets-match-box {
    min-height: 106px !important
}

.brackets-match-box > div:first-child {
    border-radius: 4px 4px 0 0
}

.no-border {
    border: 0 !important;
    background: 0 0 !important
}

.brackets-match-box.right:after {
    position: absolute;
    content: "";
    right: -25px;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 20px;
    background: #444
}

.brackets-match-box.bottom:before, .brackets-match-box.top:before {
    position: absolute;
    content: "";
    right: -25px;
    height: 37px;
    width: 2px;
    background: #444
}

.brackets-match-box.top:before {
    top: -5px
}

.brackets-match-box.bottom:before {
    bottom: -5px
}

.match-box-inner > div {
    min-height: 32px !important
}

    .match-box-inner > div:first-child {
        border-width: 1px 1px 0;
        border-color: #ddd;
        border-style: solid;
        border-radius: 4px 4px 0 0
    }

    .match-box-inner > div:last-child {
        border-width: 0 1px 1px;
        border-color: #ccc;
        border-style: solid;
        border-radius: 0 0 4px 4px
    }

.brackets-match-box .match-box-inner > div:hover {
    cursor: pointer;
    background: #ededed
}

.brackets-match-box.connect .match-box-inner:after {
    position: absolute;
    content: "";
    right: -43px;
    top: 0;
    margin-top: -7px;
    height: 2px;
    width: 20px;
    background: #444
}

.brackets-match-box:not(.no-border).bottom.connect .match-box-inner:after {
    top: auto !important;
    bottom: -6px
}

div.winner {
    border-color: gold !important;
    background: gold !important
}

div.silver {
    border-color: silver !important;
    background: silver !important
}

div.bronze {
    border-color: #cd7f32 !important;
    background: #cd7f32 !important;
    color: #fff
}

.no-border.bottom:after, .no-border.top:before {
    content: "";
    right: -25px;
    height: 42px;
    width: 2px;
    background: #444
}

.middle.connect .match-box-inner:after {
    top: 50%;
    margin-top: -1px
}

.no-border {
    position: relative
}

    .no-border.top:before {
        position: absolute;
        top: -10px
    }

    .no-border.bottom:after {
        position: absolute;
        bottom: -10px
    }

.brackets-match-number {
    font-weight: 600;
    position: absolute;
    left: -28px;
    top: 50%;
    margin: -12px 0 0
}

.head-column > div {
    background: #ededed;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: 600;
    text-transform: uppercase
}

.third-place-match {
    position: absolute
}

.bracket-head, .brackets-match-box {
    min-width: 280px;
    max-width: 280px
}

.seed-number {
    width: 20px;
    justify-content: center
}

.font-xxs {
    font-size: 12px
}

.match-box-menu-overlay {
    display: none;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background: #006ba2;
    border-radius: 4px !important
}

    .match-box-menu-overlay > div {
        min-height: 64px
    }

    .match-box-menu-overlay a {
        color: #fff;
        font-size: 12px
    }

        .match-box-menu-overlay a + a {
            margin-top: 5px
        }

        .match-box-menu-overlay a:hover {
            text-decoration: underline !important
        }

    .match-box-menu-overlay > div > div {
        border-right: 1px solid rgba(255,255,255,.5)
    }

        .match-box-menu-overlay > div > div:last-child {
            border-right: 0
        }

.checkin-page-wrapper {
    min-height: 100%
}

    .checkin-page-wrapper h1 {
        letter-spacing: 1px;
        font-size: 48px;
        line-height: 58px
    }

    .checkin-page-wrapper input {
        background: rgba(0,0,0,.65);
        padding: 20px;
        font-size: 16px;
        color: #fff
    }

.checkin-registration-rows > div {
    border-bottom: 2px solid rgba(255,255,255,.45);
    padding: 15px 0
}

    .checkin-registration-rows > div:first-child {
        border-top: 2px solid rgba(255,255,255,.45)
    }

.medal-choice {
    color: #fff;
    cursor: pointer
}

    .medal-choice:hover {
        background: #1781d6 !important
    }

    .medal-choice .fa-check-circle, .medal-choice-rbn:checked ~ .medal-choice .fa-circle {
        display: none
    }

.medal-choice-rbn:checked ~ .medal-choice {
    background-color: #4caf50 !important
}

    .medal-choice-rbn:checked ~ .medal-choice .fa-check-circle {
        display: block
    }

.pool-panel {
    min-width: auto !important
}

@media only screen and (max-device-width: 768px) {
    .keys-order, .pool-panel > div {
        display: block !important
    }

    .pool-panel .bg-info {
        margin-bottom: 0 !important
    }

    .pool-area-body-row {
        flex-flow: wrap row
    }

    .pool-column-data {
        width: auto !important
    }

    .pool-area-body-row > .flex {
        flex-wrap: wrap;
        width: auto !important;
        min-width: auto !important
    }

    .pool-area-body-row .flex > .pool-column-data {
        width: 20% !important;
        flex: 0 0 20% !important
    }

    .pool-area-body-row > .flex:not(.pool-column-data) {
        flex-grow: 0;
        flex-basis: 100%;
        margin-top: 10px;
        padding-bottom: 15px;
        border-bottom: 2px solid #ccc
    }

    .panel-heading .btn {
        margin-top: 10px
    }

    .pool-area-body {
        margin-top: 15px
    }

    .keys-order > div, .navbar-nav {
        margin: 0 !important
    }

    .keys-order > div {
        padding: 0 !important
    }

    .navbar-nav > li > a {
        padding: 0 30px !important
    }

    .dropdown-hover:hover > .dropdown-menu {
        display: inherit !important
    }

    .navbar-nav .open .dropdown-menu {
        display: block !important;
        padding: 0 20px !important
    }

    .navbar-brand, .navbar-item, .navbar-nav > .nav-item > .nav-link, .navbar-nav > .nav-link, .navbar-nav > li > a {
        line-height: 34px !important
    }
}

.scrollable-brackets {
    overflow: auto;
    width: 100%;
    position: relative;
    padding-bottom: 50px
}

.external {
    padding: 0;
    margin: 10px 0 0
}

    .external li {
        list-style: none;
        display: block;
        padding: 10px 15px;
        border: 1px solid #ccc;
        margin-bottom: 5px;
        position: relative
    }

        .external li .color-line {
            padding: 0 !important;
            top: 2px;
            left: 2px
        }

.dailyplanner-source {
    border-right: 1px solid #ccc
}

.dp-match-box {
    max-width: 100%;
    white-space: normal
}

    .dp-match-box > div {
        padding: 0 10px 0 14px !important
    }

.dp-mb-head {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 5px
}

.dp-mb-title {
    font-size: 14px;
    font-weight: 600
}

.dp-box-teams {
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0 0
}

.dp-match-box > div.line-color {
    padding: 0 !important;
    top: 5px
}

.mv-wrap {
    width: 32px;
    height: 32px;
    display: inline-block
}

    .mv-wrap + .mv-wrap {
        margin-left: 10px
    }

.q-row:first-child .up-move, .q-row:last-child .dw-move {
    display: none !important
}

@media only screen and (max-width: 768px) {
    .dbalance-row > div {
        flex-wrap: wrap
    }

        .dbalance-row > div > .action, .dbalance-row > div > .amount {
            padding: 0 0 10px !important
        }

        .dbalance-row > div > .action {
            margin: 0 0 0 auto !important;
            text-align: right !important
        }

    .calculator-price .inline-block > .flex {
        display: block !important
    }

        .calculator-price .inline-block > .flex > div {
            margin: 0 !important
        }

        .calculator-price .inline-block > .flex > .icon-xxl {
            margin-bottom: 15px !important
        }

    .fee-earn-total {
        text-align: left !important;
        padding: 0 !important
    }

        .fee-earn-total + .fee-earn-total {
            padding-top: 25px !important
        }

    .fee-calculation > div:last-child {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .fee-calculation > div:last-child .font-md, .fee-calculation > div:last-child .font-xs {
            font-size: 12px !important
        }

        .fee-calculation > div:last-child .flex-auto {
            width: 160px !important
        }

        .fee-calculation > div:last-child .flex.font-md {
            margin-bottom: 10px
        }

    .fee-total-registrant {
        padding-top: 5px !important;
        margin-top: 0 !important
    }

    .calculator-price .wd-long-2x {
        width: auto !important;
        min-width: auto !important
    }

    .price-line {
        width: auto !important
    }
}

.linked-add .added, .linked-add .ver-move, .linked-added .add, .linked-added .link-row:first-child .ver-move .link-up, .linked-added .link-row:last-child .ver-move .link-down {
    display: none
}

.address-ddl {
    height: 60px !important
}

.bottom-mobile-actions, .mobile-submenu > h4 {
    height: 50px !important
}

.address-line {
    line-height: 18px !important
}

.address-ddl span {
    padding-top: 10px
}

.flex-rows-grid > div:nth-child(even) {
    background: #ececec
}

@media only (max-width: 480px) and (min-width:320px) {
    .no-hover .flex-up-content:hover {
        background: 0 0 !important
    }

    .event-box-content > div.flex-auto > div {
        display: flex !important;
        flex-direction: column
    }

    .event-box-content > div > div .dropdown-container {
        order: 1 !important;
        margin-bottom: 15px;
        display: inline-block !important
    }

        .event-box-content > div > div .dropdown-container .dropdown-menu {
            margin: 10px 0 0 !important
        }

    .event-box-content > div > div .flex-auto {
        order: 2 !important
    }
}

@media (max-width: 768px) {
    .break-mobile, .total-mobile > div {
        text-align: center !important
    }

    .break-mobile, .dashboard-row {
        display: block !important
    }

        .dashboard-row + .dashboard-row {
            margin: 10px 0 0 !important
        }

        .dashboard-row > .dashboard-box {
            width: 100% !important;
            margin: 0 0 10px !important
        }

        .break-mobile > div {
            margin-right: 0 !important
        }

            .break-mobile > div .font-md {
                font-size: 20px !important
            }

        .dashboard-row > div {
            width: 100% !important
        }

    .total-mobile > div {
        margin: 0 auto !important
    }

    .total-mobile div {
        margin: 0 auto 15px !important;
        padding: 0 !important
    }

    .total-mobile .b-r {
        border: 0 !important
    }
}

@media only screen and (max-width: 768px) {
    .event-reg-row > .flex, .volunteer {
        display: block !important
    }

    .no-print, .top-user-info {
        padding: 0 !important
    }

    .event-reg-row {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .event-reg-row > .flex > div {
            margin: 0 auto !important
        }

            .event-reg-row > .flex > div:first-child {
                margin: -15px auto 15px !important
            }

            .event-reg-row > .flex > div.flex-auto .flex {
                font-size: 12px !important;
                font-weight: 400
            }

                .event-reg-row > .flex > div.flex-auto .flex span {
                    font-size: 12px !important;
                    font-weight: 400;
                    margin: 0 0 0 5px !important
                }

    .volunteer > div > .font-sm {
        width: 80px
    }

    .buttons-header .text-info {
        display: flex !important;
        align-items: center;
        line-height: 1;
        margin-bottom: 5px
    }

    .top-user-info {
        display: flex !important;
        flex-wrap: wrap;
        margin: 10px 0 0 !important
    }

        .top-user-info > div {
            font-size: 14px;
            flex: 1 1 auto
        }

            .top-user-info > div span {
                display: block !important;
                font-weight: 600
            }

            .top-user-info > div.withdraw-container > a {
                display: flex !important;
                align-items: center;
                justify-content: center;
                margin-top: 10px;
                margin-bottom: 20px;
                background: #ededed;
                border-radius: 500px;
                padding: 8px 10px;
                text-align: center
            }

            .top-user-info > div.withdraw-container a {
                text-decoration: none !important;
                font-weight: 600;
                text-transform: uppercase;
                font-size: 12px !important;
                letter-spacing: 1px
            }

    .search-partner-box > .alert {
        text-align: left;
        margin-right: 5px
    }

        .search-partner-box > .alert i {
            margin-right: 10px !important
        }

    .need-a-partner-rbn > div {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .need-a-partner-rbn > div > div {
            display: flex;
            align-items: center;
            margin: 0 !important
        }

            .need-a-partner-rbn > div > div > div {
                margin: 0 0 0 10px !important
            }

    .text-info.flex.flex-middle > div {
        position: relative;
        top: 1px !important
    }

    .buttons-footer .btn-round i, .buttons-header .btn-round i {
        margin-left: -2px;
        top: 0;
        font-size: 12px
    }

    .head-actions, .head-menu {
        display: none !important
    }

    .nav-wrapper .main-nav li a {
        padding: 0 !important
    }

    .logged-in-menu > li > a {
        line-height: 36px !important
    }

        .logged-in-menu > li > a .angle-icon {
            margin-left: 10px !important
        }

        .logged-in-menu > li > a i {
            color: #fff !important
        }

    .mobile-menu-scroll {
        overflow: auto !important;
        padding: 0 0 40px !important;
        -webkit-overflow-scrolling: touch
    }
}

.logged-in-menu > li > a {
    line-height: 30px !important
}

.mobile-submenu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: all .2s ease
}

    .mobile-submenu.open {
        transform: translateY(0)
    }

    .mobile-submenu > h4 {
        border-top: none;
        border-bottom: none;
        transform: translateY(-100%)
    }

.top-bar .mobile-submenu ul.main-nav {
    background: #fff;
    margin-top: -50px !important
}

    .top-bar .mobile-submenu ul.main-nav li:first-child a {
        border-top: 0 !important
    }

    .top-bar .mobile-submenu ul.main-nav li:last-child a {
        border-bottom: 0 !important
    }

.mobile-heading-menu {
    position: absolute;
    top: 0;
    left: 0
}

.top-bar .mobile-submenu .balance {
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    height: 40px;
    border-bottom: 0;
    background: #fff;
    padding: 0 !important;
    font-weight: 600
}

    .top-bar .mobile-submenu .balance div:first-child {
        border-top: 1px solid #ededed
    }

    .top-bar .mobile-submenu .balance .bg-danger {
        margin-top: -1px !important;
        margin-bottom: -1px !important
    }

.language-dropdown {
    position: relative
}

.language-selection {
    position: relative;
    padding: 5px 0
}

.language-options {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff
}

.drop-out .triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -8px;
    left: 50%;
    margin-left: -8px
}

.dropdown-contain {
    position: absolute;
    z-index: 2;
    right: 0;
    margin-left: -80px;
    top: -1000px
}

.drop-out {
    width: 200px;
    background: #fff;
    float: left;
    position: relative;
    margin-top: 0;
    opacity: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
    box-shadow: 0 1px 6px rgba(0,0,0,.15);
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

    .drop-out, .drop-out ul li {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px
    }

        .drop-out ul {
            float: left;
            padding: 10px 0;
            margin: 0
        }

            .drop-out ul li {
                list-style: none;
                text-align: left;
                margin: 0;
                color: #777;
                border-radius: 4px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out
            }

                .drop-out ul li a {
                    display: block;
                    padding: 3px 6px
                }

                .drop-out ul li:hover {
                    background: #f6f6f6
                }

.language-dropdown:hover .drop-out {
    opacity: 1
}

.language-dropdown:hover .dropdown-contain {
    top: 100%
}

.nav-wrapper .dropdown-contain {
    position: fixed;
    left: 0;
    right: 0
}

    .nav-wrapper .dropdown-contain .drop-out {
        width: 100%;
        max-height: 280px;
        overflow: auto
    }

.nav-wrapper .language-dropdown:hover .dropdown-contain {
    top: 70px;
    margin: 0 5% !important
}

.doubles-brackets .brackets-match-box.bottom:before, .doubles-brackets .brackets-match-box.top:before {
    height: 59px !important
}

.doubles-brackets .match-box-inner > div {
    min-height: 53px !important;
    max-height: 53px;
}

.doubles-brackets .brackets-match-box, .doubles-brackets .match-box-menu-overlay > div {
    min-height: 106px !important
}

.doubles-brackets .no-border.bottom:after, .doubles-brackets .no-border.top:before {
    height: 57px !important
}

.doubles-brackets .no-border.bottom:after {
    bottom: -5px !important
}

.doubles-brackets .no-border.top:before {
    top: -5px !important
}

.icon-circled {
    background: #eaeaea;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    line-height: 36px
}

a:hover .icon-circled {
    background: #337ab7;
    color: #fff
}

.side-link-actions {
    position: absolute;
    left: -100px
}

@media screen and (max-width: 991px) {
    .side-link-actions {
        position: relative;
        display: flex;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 -15px 25px
    }

        .side-link-actions > div {
            flex: auto
        }

    .details-anchor-links {
        margin: 0 -15px;
        font-size: 14px !important;
        flex-wrap: wrap
    }

        .details-anchor-links a {
            font-size: 14px !important;
            flex: 0 0 50%
        }

    .event-info-expanded {
        margin: 0 !important
    }

    .event-details .event-detail-content .event-details-info-head .event-details-main .listing-body, .event-details .event-detail-content .event-details-info-head .event-details-main .listing-date {
        padding-left: 15px !important
    }
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    border: 1px solid rgba(0,0,0,.45);
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df
}

.StripeElement--invalid {
    border-color: #fa755a
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important
}

.clubs-fnl-page {
    height: calc(100vh - 100px)
}

@media (max-width: 768px) {
    .cl-add-g {
        text-align: center !important
    }

    .club-add-new {
        flex-wrap: wrap
    }

        .club-add-new > div {
            flex: 0 0 100% !important;
            margin: 0 0 15px !important
        }

            .club-add-new > div .flex.flex-row {
                padding: 15px 0 0 !important;
                margin: 0 !important
            }

    .club-btns {
        text-align: right
    }

    .club-player {
        flex: 0 0 100% !important;
        margin: 0 0 25px !important
    }

    .clubs-fnl-page {
        display: block;
        height: auto !important
    }

        .clubs-fnl-page .flex.m-t-15 {
            display: block !important
        }

            .clubs-fnl-page .flex.m-t-15 > div {
                margin: 0 0 10px !important
            }
}

.club_member_wrapper {
    display: flex;
    flex: 1
}

.club_member_filter {
    max-width: 320px;
    width: 320px
}

.mbl_change_player {
    display: none
}

@media screen and (max-width: 768px) {
    .club_member_filter {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 320px;
        background: #fff;
        z-index: 10999;
        padding: 20px;
        flex-direction: column;
        transform: translateX(-100%);
        transition: all .2s ease
    }

    .club_heading > div:last-child .btn, .club_player_heading > div:last-child .btn {
        width: 100%
    }

    .club_member_filter.is--active {
        transform: translateX(0)
    }

    .filter__backdrop {
        background: rgba(0,0,0,.65);
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10098
    }

    .filter_scrollable {
        overflow-y: auto
    }

    .club_member_info {
        padding: 0 20px !important;
        margin: 0 !important
    }

    .club_heading, .club_player_heading {
        display: block !important;
        padding: 20px 0 !important
    }

        .club_heading > div:last-child {
            margin-top: 10px !important
        }

    .club_player_heading {
        margin-top: 0 !important
    }

        .club_player_heading > div:last-child, .club_players_stats {
            margin-top: 10px !important
        }

    .club_players_stats {
        flex-wrap: wrap
    }

        .club_players_stats > div {
            max-width: 48% !important;
            min-width: 48% !important;
            margin-right: 2% !important;
            width: 48% !important;
            margin-bottom: 15px !important;
            padding: 10px !important;
            border-radius: 4px;
            background: #eaeaea
        }

            .club_players_stats > div > div {
                margin-top: 0 !important
            }

    .club_box_stats > div {
        padding: 0 !important;
        margin-bottom: 10px !important
    }

    .club_player_actions {
        display: none
    }

    .mbl_change_player {
        display: block
    }
}

.btn-circle, .element-to-rotate {
    display: flex;
    align-items: center
}

.flex-heading {
    position: relative
}

.rotation-wrapper-outer {
    height: 80px
}

.element-to-rotate {
    transform-origin: top left;
    transform: rotate(-90deg) translateX(-10px);
    white-space: nowrap;
    height: 32px;
    position: absolute;
    bottom: -20px;
    opacity: 0;
    transition: all .3s ease-in-out
}

    .element-to-rotate.in {
        opacity: 1;
        transform: rotate(-90deg) translateX(0)
    }

.btn-circle {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    padding: 0;
    justify-content: center
}

    .btn-circle > i {
        margin: 0 !important
    }

.league_players__container {
    overflow: auto;
    white-space: nowrap
}

.mobile-actions-leagues {
    background: #fff;
    padding: 5px 8px 5px 0;
    display: flex;
    align-items: center;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    min-width: 65px !important
}

.leagues-players-row:first-of-type .mobile-actions-leagues .move-up, .leagues-players-row:last-of-type .mobile-actions-leagues .move-down {
    display: none !important
}

.leagues-players-row:first-of-type .mobile-actions-leagues .move-down {
    margin-left: 28px
}

@media screen and (max-width: 768px) {
    .mobile-actions-leagues {
        background: #fff;
        padding: 5px 8px 5px 0;
        display: flex;
        align-items: center;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
        position: fixed !important;
        left: 15px !important;
        bottom: inherit !important;
        z-index: 20
    }

    .flex-heading .mobile-actions-leagues {
        height: 100px;
        margin-top: 0
    }

    .leagues-players-row {
        margin-bottom: 5px
    }
}

.leagues-step {
    border: 1px solid #ccc;
    margin: 0 -26px 20px;
    padding: 10px 25px;
    position: relative;
    z-index: 99
}

    .leagues-step span.flex {
        padding: 0 0 0 1px !important
    }

@media only screen and (min-width: 800px) {
    .league-row {
        text-align: left !important
    }

    .desktop-form {
        max-width: 640px;
        padding: 20px !important;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 20px
    }
}

.mobile-header-menu {
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: 0;
    width: 260px;
    box-shadow: -2px 2px 4px 0 rgba(0,0,0,.15);
    transition: all 1s ease-out;
    max-width: 0;
    max-height: 0
}

.show-mobile-flex.active .mobile-header-menu {
    max-width: 1000px;
    max-height: 1000px
}

.csm-toggle input {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.csm-toggle > .csm-toggle-inner {
    width: 90px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #ddd;
    position: relative
}

.csm-toggle.csm-md > .csm-toggle-inner {
    width: 74px !important
}

.csm-toggle > .csm-toggle-inner:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #4caf50;
    border-radius: 30px;
    transition: all .2s ease
}

.csm-toggle > input:checked ~ .csm-toggle-inner:before {
    opacity: 0
}

.csm-toggle > .csm-toggle-inner:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    top: 2px;
    height: 24px;
    left: 2px;
    border-radius: 30px;
    background: #fff;
    transition: all .2s ease
}

.csm-toggle .checked, .csm-toggle .unchecked {
    position: absolute;
    top: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px
}

.csm-toggle > input:checked ~ .csm-toggle-inner:after {
    transform: translateX(60px);
    background: #ddd
}

.csm-toggle.csm-md > input:checked ~ .csm-toggle-inner:after {
    transform: translateX(44px) !important
}

.csm-toggle .checked {
    right: 16px;
    color: #fff;
    transition: all .2s ease
}

.csm-toggle > input:checked ~ .csm-toggle-inner .checked {
    opacity: 0
}

.csm-toggle .unchecked {
    left: 16px;
    color: grey;
    opacity: 0
}

.csm-toggle > input:checked ~ .csm-toggle-inner .unchecked {
    opacity: 1
}

.res-ui {
    position: relative;
    overflow: auto;
    display: flex;
    flex-direction: row;
    box-shadow: inset 1px 0 0 1px #dedede
}

.hours-column {
    flex: 0 0 120px;
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 110
}

.hour-column-row {
    width: 120px;
    min-width: 120px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: #fff
}

.cont-column {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap
}

.browse-filter-pub, .reserved-ui {
    flex-direction: column;
    height: 100%
}

.cont-grid-lines {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #dedede
}

.reserved-ui {
    padding: 50px 10px 10px;
    align-items: center;
    text-align: center;
    display: flex;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto !important;
    white-space: pre-wrap
}

.area-column-outer {
    position: relative
}

.area-column-title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #55b1dd;
    border-left: 1px solid #dedede;
    font-weight: 600;
    font-size: 14px;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100;
    color: #fff
}

@media screen and (max-width: 767px) {
    .create-new-res > a {
        position: fixed;
        right: 20px;
        bottom: 20px;
        border-radius: 500rem;
        width: 48px;
        height: 48px !important
    }

        .create-new-res > a > span {
            display: none !important
        }

        .create-new-res > a > i {
            margin: 0 !important;
            font-size: 16px !important
        }
}

.event-details .event-detail-content .event-details-title h1 {
    font-size: 22px
}

.event-details .event-detail-content .event-details-info-head .event-details-main {
    padding: 20px !important
}

    .event-details .event-detail-content .event-details-info-head .event-details-main .listing-date {
        padding: 0 !important
    }

@media only screen and (min-width: 320px) and (max-width:768px) {
    .event-details .event-detail-content {
        padding: 15px;
        margin-top: 0;
        margin-bottom: 0
    }

        .event-details .event-detail-content .event-details-title {
            padding: 0 0 20px !important
        }

            .event-details .event-detail-content .event-details-title h1 {
                font-size: 24px
            }
}

.event-details .event-detail-content .event-details-info-head .event-details-media {
    flex: 0 0 50%
}

    .event-details .event-detail-content .event-details-info-head .event-details-media img {
        width: 100%
    }

.event-details .event-detail-content .event-details-info-head .event-details-main .register-now-btn {
    margin: 0;
    padding: 14px 15px;
    font-size: 16px
}

.browse-wrapper-pub {
    display: block !important;
    max-width: 1170px;
    margin: 0 auto
}

.browse-wrapper-content {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 992px) and (max-width:1023px) {
    .browse-wrapper-pub {
        padding-left: 0
    }
}

@media (min-width: 1751px) {
    .browse-wrapper-content {
        padding: 20px 0 !important
    }

    .browse-row {
        flex-basis: 25%
    }
}

@media (min-width: 1025px) and (max-width:1750px) {
    .browse-row {
        flex-basis: 25%
    }
}

@media (min-width: 992px) and (max-width:1024px) {
    .browse-row {
        flex-basis: 33.3333% !important
    }
}

@media (min-width: 648px) and (max-width:991px) {
    .browse-row {
        flex-basis: 50%
    }
}

@media (max-width: 648px) {
    .browse-row {
        flex-basis: 100%
    }
}

.browse-row-inner {
    padding: 10px
}

.browse-row-box {
    box-shadow: 0 16px 64px -16px rgba(46,55,77,.24)
}

    .browse-row-box:hover {
        box-shadow: 0 16px 64px -16px rgba(46,55,77,.64)
    }

.browse-row img {
    max-width: 100%;
    width: 100%
}

.browse-row-ad img {
    max-width: 100%;
    width: 100%
}

.browse-row-ad {
    flex-basis: 100%;
}

.browse-content {
    padding: 15px !important;
    margin: 10px 0 0 !important
}

.browse-heading {
    font-size: 18px !important;
    font-weight: 700;
    height: 80px
}

.browse-date {
    margin-bottom: 4px;
    color: #d1410c;
    font-weight: 600
}

.browse-count {
    margin-top: 10px;
    font-weight: 600
}

    .browse-count > i {
        margin-right: 6px;
        font-size: 16px
    }

.browse-location {
    font-weight: 400;
    margin-top: 4px
}

.browse-row-box .browse-media {
    position: relative;
    z-index: 10
}

    .browse-row-box .browse-media > img {
        display: block
    }

    .browse-row-box .browse-media .state {
        font-weight: 600;
        background-color: #0cba11;
        display: block;
        padding: 4px 10px;
        position: absolute;
        right: -12px;
        top: 10px;
        z-index: 10;
        color: #fff;
        border-radius: 4px
    }

@media (max-width: 768px) {
    .browse-row-box .browse-media .state {
        right: 0
    }
}

.browse-row-box .browse-media .state.closed {
    background-color: #d1410c
}

.share-button {
    position: absolute;
    border-radius: 40px;
    height: 40px;
    padding: 8px;
    -webkit-transition: all .4s cubic-bezier(.4,0,.3,1);
    transition: all .4s cubic-bezier(.4,0,.3,1);
    width: 40px;
    border: 1px solid #dbdae3;
    right: 20px;
    bottom: -20px;
    z-index: 10;
    fill: #4b4d63
}

.browse-main-content, .option-selected {
    position: relative
}

.share-button i, .share-button svg {
    display: block;
    margin: 0 auto !important;
    vertical-align: middle;
    background-size: contain;
    line-height: 0
}

.browse-filter-pub {
    display: flex;
    top: 125px;
    height: auto;
    left: 0;
    bottom: 0;
    width: 240px;
    position: fixed !important;
    z-index: 1030;
    background-color: #f8f7fa
}

.close-filter {
    display: none
}

@media (max-width: 768px) {
    .close-filter {
        display: block;
        position: absolute;
        right: 30px;
        top: 0;
        cursor: pointer
    }

    .browse-filter-pub {
        position: fixed !important;
        left: 0;
        right: 0;
        width: 100%;
        bottom: -80%;
        height: 80%;
        top: auto !important;
        transition: all .3s ease-in-out
    }

        .browse-filter-pub.active {
            bottom: 0
        }
}

.browse-filter-pub-pull {
    display: none
}

@media (max-width: 1610px) {
    .browse-filter-pub-pull {
        display: block;
        padding: 10px
    }
}

@media (min-width: 769px) and (max-width:1610px) {
    .close-filter {
        display: block;
        position: absolute;
        right: 30px;
        top: 0;
        cursor: pointer
    }

    .browse-filter-pub {
        transform: translate3d(-100%,0,0);
        transition: all .3s ease-in-out
    }

        .browse-filter-pub.active {
            transform: translate3d(0,0,0)
        }
}

.filter-options {
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .filter-head a {
        width: inherit !important;
        float: left !important
    }
}

@media (min-width: 769px) and (max-width:1750px) {
    .filter-head a {
        width: inherit !important;
        float: left !important
    }
}

.filter-options-holder {
    padding: 10px !important;
    height: 100%;
    overflow-y: auto
}

.filter-option {
    padding: 18px 32px 18px 16px !important;
    cursor: pointer;
    transition: all .24s ease-in-out;
    border-radius: 4px !important;
    margin-bottom: 5px;
    border-left: 4px solid transparent
}

.filter-choices {
    flex: 1 1 auto;
    padding: 10px;
    overflow-y: scroll
}

.filter-option.selected, .option-selected {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.filter-option:hover {
    background-color: #f2f0f6
}

.back-filters {
    cursor: pointer
}

.options-container {
    height: 100%;
    display: flex;
    flex-direction: column
}

.filter-option.selected {
    border-left: 4px solid #d1410c;
    background-color: #fff
}

.option-selected:after {
    font-weight: 300;
    position: absolute;
    right: 20px;
    top: 16px
}

.filter-input input, .filter-input input:focus {
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    resize: none;
    width: 100%
}

.custom-file-upload:after, .filter-btn > i {
    color: #fff;
    font-size: 16px
}

.browse-filter-pull {
    padding: 20px 10px;
    margin: 0;
    display: none
}

@media (max-width: 1610px) {
    .browse-filter-pull {
        display: block
    }
}

.filter-btn {
    cursor: pointer;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    background-color: #3cacfc;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 640px) {
    .thumb-container {
        justify-content: flex-start
    }
}

.custom-file-upload {
    height: 40px;
    width: 320px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    display: block
}

    .custom-file-upload:hover {
        border-color: #444
    }

    .custom-file-upload:before {
        content: "";
        position: absolute;
        height: 34px;
        width: 34px;
        top: 2px;
        right: 2px;
        background-color: #006ba2;
        border-radius: 4px
    }

    .custom-file-upload:after {
        font-family: "Font Awesome 5 Pro";
        content: "\f574";
        position: absolute;
        right: 12px;
        top: 8px;
        font-weight: 300
    }

    .custom-file-upload input {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0
    }

    .custom-file-upload span {
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
        font-weight: 600
    }

@media screen and (max-width: 768px) {
    .org-head {
        display: none !important
    }

    .org-row, .org-row.hidden {
        display: block !important
    }

        .org-row > div {
            width: 100% !important
        }

    div.btn-grid {
        flex: auto !important
    }

        div.btn-grid i {
            font-size: 14px !important
        }

        div.btn-grid .btn {
            padding-left: 15px !important;
            padding-right: 15px !important
        }

    .action-grid {
        margin: 20px 0
    }

    .head-grid {
        font-size: 18px !important
    }

    .rating-grid > div > div {
        flex: auto !important
    }
}

.pricing-container {
    display: flex
}

@media screen and (max-width: 768px) {
    .pricing-container {
        flex-wrap: wrap !important
    }
}

.pricing-box {
    flex: auto !important
}

    .pricing-box + .pricing-box {
        margin-left: 15px
    }

.pricing-box-inner {
    display: block;
    padding: 60px 20px;
    position: relative;
    transition: all .2s ease
}

    .pricing-box-inner i {
        position: absolute;
        right: 20px;
        top: 50%;
        font-size: 32px;
        margin-top: -16px
    }

    .pricing-box-inner:hover {
        background: #337ab7;
        border: 1px solid #337ab7;
        color: #fff
    }

@media screen and (max-width: 768px) {
    .pricing-box + .pricing-box {
        margin: 10px 0 0 !important
    }
}

#event_sponsors {
    display: grid;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 10px;
}

    #event_sponsors .sponsor-group + .sponsor-group {
        margin-top: 40px;
    }

    #event_sponsors .sponsor-group {
        margin-bottom: 10px;
    }

.sponsor-group-name {
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    text-align: center;
}

.sponsor-group-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

@media screen and (min-width: 769px) and (max-width: 1170px) {
    .sponsor-group-items {
        grid-template-columns: repeat(8,minmax(0,1fr));
    }
}

@media screen and (min-width: 468px) and (max-width: 768px) {
    .sponsor-group-items {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
}

@media screen and (max-width: 468px) {
    .sponsor-group-items {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

.sponsor-item-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    width: 100px !important;
}

    .sponsor-item-group i {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -6px;
        color: white;
    }

    .sponsor-item-group:before {
        content: "";
        display: none;
        position: absolute;
        background: #337ab7;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.85;
    }

    .sponsor-item-group:hover i {
        display: block;
    }

    .sponsor-item-group:hover:before {
        display: block;
    }


    .sponsor-item-group img {
        width: 100%;
        max-width: 100px;
    }

    .css-checkbox input:disabled:checked ~ div:after {
        background: #9e9e9e !important;
    }
    
    .css-radio input:disabled:checked ~ div:after {
        background: #9e9e9e !important;
    }