@charset "utf-8";

.explore-all-btn.small {
    color: #fff;
    display: block;
    font-size: 28px;
    text-align: center;
    padding: 12px;
    margin-top: 0px;
    font-weight: 700;
}

.newloading{
	background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    padding-left: 46px;
    background-position-y: -12px;
}
.hoverImage{
    height: 20px;
}
.uploadImage{
    display:none;
}
#imageProfile:hover .uploadImage{
    display: block;
    background: #dadada;
}
#imageProfile:hover{
    cursor:pointer;
}
.profileTabs h3{
    text-align: center;
    background: #333;
    padding: 25px 10px;
    color: #ffffff!important;
}
.notification{
    background: #363636;
    color: #ffffff;
    font-size: 15pt;
    border-radius: 5px;
    margin-bottom: 10px;
}
.notification .checkbox{
    padding-top: 10px;
}
.notification input[type='checkbox']{
    left:0px;
}
ul.nav.nav-pills.nav-stacked li a{
    color:#000000;
}
ul.nav.nav-pills.nav-stacked li.active a ,ul.nav.nav-pills.nav-stacked li a:hover{
    color: #ffffff;
}

/*#userMenuImage{*/
    /*border-radius: 50%;background-clip:padding-box;float:left;height:45px;margin-right:5px;border:2px solid #fff;*/
/*}*/
/*#userImage{*/
    /*height: 100px;*/
    /*width:100px;*/
/*}*/
#submitImage button{
    padding:4px;
}
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}



abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}


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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}


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

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
   
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }

    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

body {
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.43;
    color: #353535;
    background-color: #f4f4f4
}

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



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

figure {
    margin: 0
}


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

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

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

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

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #ccc
}

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

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

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

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

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

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 21px;
    margin-bottom: 10.5px
}

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

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

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: 24px
}

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

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

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

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

p {
    margin: 0 0 10.5px
}

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

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #17aa1c
}

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

.text-success {
    color: #17aa1c
}

a.text-success:hover,
a.text-success:focus {
    color: #117d15
}

.text-info {
    color: #298fb7
}

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

.text-warning {
    color: #ef8d2b
}

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

.text-danger {
    color: #d23837
}

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

.bg-primary {
    color: #fff;
    background-color: #17aa1c
}

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

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

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

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

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

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

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

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

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

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #ccc
}

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

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

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

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

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

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

dt,
dd {
    line-height: 1.43
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

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

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

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

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #ccc
}

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

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

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

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

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

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

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.43
}

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

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

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

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

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.43;
    word-break: break-all;
    word-wrap: break-word;
    color: #353535;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

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

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px;
	direction:rtl;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

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

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

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

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

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

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

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

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

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

output {
    display: block;
    padding-top: 12px;
    font-size: 15px;
    line-height: 1.43;
    color: #555
}

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

.form-control:focus {
    border-color: #17aa1c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(23, 170, 28, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(23, 170, 28, 0.6)
}

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

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

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

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

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

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

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 45px
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 64px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.input-sm {
    height: 30px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

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

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

.form-group-sm .form-control {
    height: 30px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

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

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

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 34px;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 1.287
}

.input-lg {
    height: 64px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

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

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

.form-group-lg .form-control {
    height: 64px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

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

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

.form-group-lg .form-control-static {
    height: 64px;
    min-height: 40px;
    padding: 17px 12px;
    font-size: 19px;
    line-height: 1.573
}

.has-feedback {
    position: relative
}

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

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

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

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

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

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

.has-success .form-control:focus {
    border-color: #117d15;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #42e547;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #42e547
}

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

.has-success .form-control-feedback {
    color: #17aa1c
}

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

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

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

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

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

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

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

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

.has-error .input-group-addon {
    color: #d23837;
    border-color: #d23837;
    background-color: #fad5ce
}

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

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

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

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

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

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

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

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

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

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

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

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

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


.btn-xs,
.btn-group-xs>.btn {
    padding: 2px 8px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

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

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

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

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

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

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

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

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

.open>a {
    outline: 0
}

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

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

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

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

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

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

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

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

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

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

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

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

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

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

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

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

.btn-group>.btn-group {
    float: left
}

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

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

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

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

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

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

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.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-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 64px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 64px;
    line-height: 64px
}

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

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

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

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

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

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

.input-group-addon {
    padding: 11px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 2px
}

.input-group-addon.input-sm {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 2px
}

.input-group-addon.input-lg {
    padding: 16px 12px;
    font-size: 19px;
    border-radius: 2px
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

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

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

.input-group-btn>.btn {
    position: relative
}

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

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

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

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

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

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: rgba(149,0,29,1);
}

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

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

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #ccc;
    border-color: #1376d7
}

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

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

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.43;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0
}

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

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

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

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

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

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

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #f4f4f4
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 2px
}

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

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

.nav-stacked>li {
    float: none
}

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

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

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

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

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

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

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

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #f4f4f4
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent
}

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

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

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

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

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

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

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

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

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

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

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

@media (min-width:768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

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

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

.navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: 21px;
    height: 50px
}

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

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

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

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

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 14.5px;
        padding-bottom: 14.5px
    }
}

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

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 2.5px;
    margin-bottom: 2.5px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 14.5px;
    margin-bottom: 14.5px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }
    .navbar-right {
        float: right !important;
        margin-right: -15px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

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

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

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

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

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

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

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

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

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

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

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

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

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

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

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

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

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

.navbar-inverse .navbar-brand {
    color: #777
}

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

.navbar-inverse .navbar-text {
    color: #777
}

.navbar-inverse .navbar-nav>li>a {
    color: #777
}

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

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

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

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

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

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

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

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

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

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

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

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

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 2px
}

.breadcrumb>li {
    display: inline-block
}

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

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 2px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 11px 12px;
    line-height: 1.43;
    text-decoration: none;
    color: #1376d7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #1376d7;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #17aa1c;
    border-color: #ddd;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

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

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #1376d7
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #999999;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

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

.label:empty {
    display: none
}

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

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

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

.label-primary {
    background-color: #17aa1c
}

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

.label-success {
    background-color: #17aa1c
}

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

.label-info {
    background-color: #298fb7
}

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

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

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

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

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: bold;
    color: #ffd000;
    line-height: 1.43;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #d23837;
    border-radius: 15px
}

.badge:empty {
    display: none
}

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

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

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

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

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

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

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

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #ccc
}

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

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

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

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px
}

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

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 68px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 21px;
    line-height: 1.43;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #1376d7
}

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

.alert {
    padding: 20px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

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

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 40px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #dff0d8;
    color: #17aa1c
}

.alert-success hr {
    border-top-color: #d0e9c6
}

.alert-success .alert-link {
    color: #117d15
}

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

.alert-info hr {
    border-top-color: #c4e3f3
}

.alert-info .alert-link {
    color: #206e8d
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #fcf8e3;
    color: #ef8d2b
}

.alert-warning hr {
    border-top-color: #faf2cc
}

.alert-warning .alert-link {
    color: #d77410
}

.alert-danger {
    background-color: #fad5ce;
    border-color: #fad5ce;
    color: #d23837
}

.alert-danger hr {
    border-top-color: #f8c1b7
}

.alert-danger .alert-link {
    color: #af2827
}

@-webkit-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 {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #17aa1c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -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: #17aa1c
}

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

.progress-bar-info {
    background-color: #298fb7
}

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

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

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

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

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

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

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

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

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

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

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

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

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

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

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

.list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

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

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

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

button.list-group-item {
    width: 100%;
    text-align: left
}

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

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

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

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

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

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

.list-group-item-success {
    color: #17aa1c;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #17aa1c
}

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

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
    color: #17aa1c;
    background-color: #d0e9c6
}

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

.list-group-item-info {
    color: #298fb7;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #298fb7
}

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

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: #298fb7;
    background-color: #c4e3f3
}

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

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

a.list-group-item-warning,
button.list-group-item-warning {
    color: #ef8d2b
}

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

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

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

.list-group-item-danger {
    color: #d23837;
    background-color: #fad5ce
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #d23837
}

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

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
    color: #d23837;
    background-color: #f8c1b7
}

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

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit
}

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

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

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

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.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: 1px;
    border-bottom-left-radius: 1px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

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

.list-group+.panel-footer {
    border-top-width: 0
}

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

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

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

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

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 1px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

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

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 1px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

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

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

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

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

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

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

.panel-group {
    margin-bottom: 21px
}

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

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #353535;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #353535
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #17aa1c
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #17aa1c;
    border-color: #17aa1c
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #17aa1c
}

.panel-primary>.panel-heading .badge {
    color: #17aa1c;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #17aa1c
}

.panel-success {
    border-color: #dff0d8
}

.panel-success>.panel-heading {
    color: #17aa1c;
    background-color: #dff0d8;
    border-color: #dff0d8
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dff0d8
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #17aa1c
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dff0d8
}

.panel-info {
    border-color: #d9edf7
}

.panel-info>.panel-heading {
    color: #298fb7;
    background-color: #d9edf7;
    border-color: #d9edf7
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d9edf7
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #298fb7
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d9edf7
}

.panel-warning {
    border-color: #fcf8e3
}

.panel-warning>.panel-heading {
    color: #ef8d2b;
    background-color: #fcf8e3;
    border-color: #fcf8e3
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fcf8e3
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #ef8d2b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fcf8e3
}

.panel-danger {
    border-color: #fad5ce
}

.panel-danger>.panel-heading {
    color: #d23837;
    background-color: #fad5ce;
    border-color: #fad5ce
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fad5ce
}

.panel-danger>.panel-heading .badge {
    color: #fad5ce;
    background-color: #d23837
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fad5ce
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

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

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

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

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

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

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

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

.close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

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

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

.modal-title {
    margin: 0;
    line-height: 1.43
}

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

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}

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

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.43;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 13px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 500;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #1e2c35;
    border-radius: 2px
}

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

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

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

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

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

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

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

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

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.43;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 15px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

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

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

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

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

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

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

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

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

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

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

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

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

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

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

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

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

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

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -moz-transition: .6s ease-in-out left;
    -ms-transition: .6s ease-in-out left;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -o-perspective: 1000px;
        -ms-perspective: 1000px;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

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

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

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

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: cocon, serif
}

.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%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

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

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

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

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

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

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

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

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

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

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

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

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

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

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

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

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

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

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

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

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

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


/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em
}

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

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: cocon, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: cocon, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222
}

.ui-widget-content a {
    color: #222222
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: alpha(opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: alpha(opacity=30);
    border-radius: 8px
}


/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px \0
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('fancybox_sprite.html')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.html') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.html');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('fancybox_overlay.html')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('fancybox_sprite%402x.html');
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url('fancybox_loading%402x.html');
        background-size: 24px 24px
    }
}

figure,
figcaption {
    display: block
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear
}

.timeTo {
    font-family: cocon, Tahoma, Verdana, Aial, sans-serif;
    font-size: 28px;
    line-height: 108%;
    font-weight: bold;
    height: 32px
}

.timeTo span {
    vertical-align: top
}

.timeTo.timeTo-white div {
    color: black;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #ffffff), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: -o-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: -ms-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: linear-gradient(to bottom, #ffffff 38%, #cccccc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0)
}

.timeTo.timeTo-black div {
    color: white;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45484d), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #45484d 0, #000000 100%);
    background: -o-linear-gradient(top, #45484d 0, #000000 100%);
    background: -ms-linear-gradient(top, #45484d 0, #000000 100%);
    background: linear-gradient(to bottom, #45484d 0, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0)
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
    background: -moz-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a74444), color-stop(67%, #3f0000));
    background: -webkit-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -o-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -ms-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: linear-gradient(to bottom, #a74444 0, #3f0000 67%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a74444', endColorstr='#3f0000', GradientType=0)
}

.timeTo.timeTo-white .timeTo-alert {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(100%, #e17373));
    background: -webkit-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: -o-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: -ms-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: linear-gradient(to bottom, #ffffff 35%, #e17373 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e17373', GradientType=0)
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0
}

.timeTo figcaption {
    text-align: center;
    line-height: 80%;
    font-weight: normal;
    color: #888
}

.timeTo div {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    overflow: hidden
}

.timeTo div.first {
    border-left: 1px solid silver
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 3px
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.pln {
    color: #000
}

@media screen {
    .str {
        color: #080
    }
    .kwd {
        color: #008
    }
    .com {
        color: #800
    }
    .typ {
        color: #606
    }
    .lit {
        color: #066
    }
    .pun,
    .opn,
    .clo {
        color: #660
    }
    .tag {
        color: #008
    }
    .atn {
        color: #606
    }
    .atv {
        color: #080
    }
    .dec,
    .var {
        color: #606
    }
    .fun {
        color: red
    }
}

@media print,
projection {
    .str {
        color: #060
    }
    .kwd {
        color: #006;
        font-weight: bold
    }
    .com {
        color: #600;
        font-style: italic
    }
    .typ {
        color: #404;
        font-weight: bold
    }
    .lit {
        color: #044
    }
    .pun,
    .opn,
    .clo {
        color: #440
    }
    .tag {
        color: #006;
        font-weight: bold
    }
    .atn {
        color: #404
    }
    .atv {
        color: #060
    }
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
    list-style-type: none
}

li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
    background: #eee
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    padding: 4px 6px;
    border: 1px solid #ccc
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline-width: 3px
}

textarea {
    display: block
}

select {
    border-radius: 0;
    border-color: #a9a9a9;
    height: 30px
}

#redactor-droparea-placeholder input[type=file] {
    display: inline-block
}

/*.tab-content {*/
    /*border: 1px solid #ddd;*/
    /*background: #fff;*/
    /*border-top: none;*/
    /*border-radius: 0 0 4px 4px*/
/*}*/


.muted {
    color: #777
}

a.muted:hover,
a.muted:focus {
    color: #5e5e5e
}

a:hover {
    cursor: pointer
}

.line-through {
    position: relative
}

.line-through:after {
    border-bottom: 4px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.badge {
    padding: 2px 6px;
    font-size: 10px;
    background-clip: padding-box;
    min-width: 22px;
    border: 2px solid #ffffff;
    z-index: 1;
    text-shadow: none;
    vertical-align: text-top
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    text-decoration: none
}

.loader {
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ud-icon-success {
    font-family: cocon, 'UdemyIcons';
    color: #17aa1c
}

.ud-icon-success:before {
    content: "\f058"
}

.ud-icon-info {
    font-family: cocon, 'UdemyIcons';
    color: #298fb7
}

.ud-icon-info:before {
    content: "\f05a"
}

.ud-icon-warning {
    font-family: cocon, 'UdemyIcons';
    color: #ef8d2b
}

.ud-icon-warning:before {
    content: "\f071"
}

.ud-icon-danger {
    font-family: cocon, 'UdemyIcons';
    color: #d23837
}

.ud-icon-danger:before {
    content: "\f06a"
}

.udi-circle-loader {
    -moz-animation: spin 1.5s infinite linear;
    -ms-animation: spin 1.5s infinite linear;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
    display: inline-block
}

.udi-large {
    font-size: 64px
}

.udi-medium {
    font-size: 32px
}

.udi-small {
    font-size: 16px
}

.udi {
    vertical-align: -8%
}

.btn {
    line-height: 1.35135
}

.btn:disabled,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background-color: #e9e9e9 !important;
    border-color: #c6c7c8 !important;
    color: #999999 !important
}

.btn:focus,
.btn.focus {
    box-shadow: none !important;
    outline: none !important
}

.btn:active,
.btn.active,
.open>.dropdown-toggle.btn {
    outline: 0 !important;
    box-shadow: none
}

.btn:active,
.btn.active,
.open>.dropdown-toggle.btn {
    outline: 0 !important
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
    background-color: #8d8d8d !important;
    border-color: #b2b2b2 !important;
    color: #d5d5d5 !important
}

.btn-primary--white {
    color: #000000;
    background-color: #ffffff;
    border-color: transparent
}

.btn-primary--white:focus,
.btn-primary--white.focus {
    background-color: #f0f0f0;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:hover {
    background-color: #f7f7f7;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:active,
.btn-primary--white.active,
.open>.dropdown-toggle.btn-primary--white {
    background-color: #f0f0f0;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:active:hover,
.btn-primary--white.active:hover,
.open>.dropdown-toggle.btn-primary--white:hover,
.btn-primary--white:active:focus,
.btn-primary--white.active:focus,
.open>.dropdown-toggle.btn-primary--white:focus,
.btn-primary--white:active.focus,
.btn-primary--white.active.focus,
.open>.dropdown-toggle.btn-primary--white.focus {
    background-color: #f0f0f0;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:focus,
.btn-primary--white.focus {
    color: #000000;
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:hover {
    color: #000000;
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:active,
.btn-primary--white.active,
.open>.dropdown-toggle.btn-primary--white {
    color: #000000;
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:active:hover,
.btn-primary--white.active:hover,
.open>.dropdown-toggle.btn-primary--white:hover,
.btn-primary--white:active:focus,
.btn-primary--white.active:focus,
.open>.dropdown-toggle.btn-primary--white:focus,
.btn-primary--white:active.focus,
.btn-primary--white.active.focus,
.open>.dropdown-toggle.btn-primary--white.focus {
    color: #000000;
    background-color: #d4d4d4;
    border-color: rgba(0, 0, 0, 0)
}

.btn-primary--white:active,
.btn-primary--white.active,
.open>.dropdown-toggle.btn-primary--white {
    background-image: none
}

.btn-primary--white.disabled:hover,
.btn-primary--white[disabled]:hover,
fieldset[disabled] .btn-primary--white:hover,
.btn-primary--white.disabled:focus,
.btn-primary--white[disabled]:focus,
fieldset[disabled] .btn-primary--white:focus,
.btn-primary--white.disabled.focus,
.btn-primary--white[disabled].focus,
fieldset[disabled] .btn-primary--white.focus {
    background-color: #ffffff;
    border-color: transparent
}

.btn-primary--white .badge {
    color: #ffffff;
    background-color: #000000
}

.btn-primary--white:disabled,
.btn-primary--white.disabled,
.btn-primary--white[disabled],
fieldset[disabled] .btn-primary--white {
    background-color: #8d8d8d !important;
    border-color: #b2b2b2 !important;
    color: #d5d5d5 !important
}

.btn-default.dropdown-toggle,
.btn-default[data-toggle="dropdown"] {
    color: rgba(0, 0, 0, 0.8) !important
}

.btn-default--white {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff
}

.btn-default--white:focus,
.btn-default--white.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ebebeb
}

.btn-default--white:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f2f2f2
}

.btn-default--white:active,
.btn-default--white.active,
.open>.dropdown-toggle.btn-default--white {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ebebeb
}

.btn-default--white:active:hover,
.btn-default--white.active:hover,
.open>.dropdown-toggle.btn-default--white:hover,
.btn-default--white:active:focus,
.btn-default--white.active:focus,
.open>.dropdown-toggle.btn-default--white:focus,
.btn-default--white:active.focus,
.btn-default--white.active.focus,
.open>.dropdown-toggle.btn-default--white.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ebebeb
}

.btn-default--white:focus,
.btn-default--white.focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: #bfbfbf
}

.btn-default--white:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: #e0e0e0
}

.btn-default--white:active,
.btn-default--white.active,
.open>.dropdown-toggle.btn-default--white {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: #e0e0e0
}

.btn-default--white:active:hover,
.btn-default--white.active:hover,
.open>.dropdown-toggle.btn-default--white:hover,
.btn-default--white:active:focus,
.btn-default--white.active:focus,
.open>.dropdown-toggle.btn-default--white:focus,
.btn-default--white:active.focus,
.btn-default--white.active.focus,
.open>.dropdown-toggle.btn-default--white.focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: #bfbfbf
}

.btn-default--white:active,
.btn-default--white.active,
.open>.dropdown-toggle.btn-default--white {
    background-image: none
}

.btn-default--white.disabled:hover,
.btn-default--white[disabled]:hover,
fieldset[disabled] .btn-default--white:hover,
.btn-default--white.disabled:focus,
.btn-default--white[disabled]:focus,
fieldset[disabled] .btn-default--white:focus,
.btn-default--white.disabled.focus,
.btn-default--white[disabled].focus,
fieldset[disabled] .btn-default--white.focus {
    background-color: transparent;
    border-color: #ffffff
}

.btn-default--white .badge {
    color: transparent;
    background-color: #ffffff
}

.btn-tertiary {
    border-radius: 2px;
    color: #0e600e;
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary:focus,
.btn-tertiary.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:active,
.btn-tertiary.active,
.open>.dropdown-toggle.btn-tertiary {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:active:hover,
.btn-tertiary.active:hover,
.open>.dropdown-toggle.btn-tertiary:hover,
.btn-tertiary:active:focus,
.btn-tertiary.active:focus,
.open>.dropdown-toggle.btn-tertiary:focus,
.btn-tertiary:active.focus,
.btn-tertiary.active.focus,
.open>.dropdown-toggle.btn-tertiary.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:focus,
.btn-tertiary.focus {
    color: #0e600e;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:hover {
    color: #0e600e;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:active,
.btn-tertiary.active,
.open>.dropdown-toggle.btn-tertiary {
    color: #0e600e;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:active:hover,
.btn-tertiary.active:hover,
.open>.dropdown-toggle.btn-tertiary:hover,
.btn-tertiary:active:focus,
.btn-tertiary.active:focus,
.open>.dropdown-toggle.btn-tertiary:focus,
.btn-tertiary:active.focus,
.btn-tertiary.active.focus,
.open>.dropdown-toggle.btn-tertiary.focus {
    color: #0e600e;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary:active,
.btn-tertiary.active,
.open>.dropdown-toggle.btn-tertiary {
    background-image: none
}

.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled.focus,
.btn-tertiary[disabled].focus,
fieldset[disabled] .btn-tertiary.focus {
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary .badge {
    color: transparent;
    background-color: #0e600e
}

.btn-tertiary:disabled,
.btn-tertiary.disabled,
.btn-tertiary[disabled],
fieldset[disabled] .btn-tertiary {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #b2b2b2 !important
}

.btn-tertiary:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.btn-tertiary:active {
    background-color: rgba(0, 0, 0, 0.2)
}

.btn-tertiary--white {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary--white:focus,
.btn-tertiary--white.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:active,
.btn-tertiary--white.active,
.open>.dropdown-toggle.btn-tertiary--white {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:active:hover,
.btn-tertiary--white.active:hover,
.open>.dropdown-toggle.btn-tertiary--white:hover,
.btn-tertiary--white:active:focus,
.btn-tertiary--white.active:focus,
.open>.dropdown-toggle.btn-tertiary--white:focus,
.btn-tertiary--white:active.focus,
.btn-tertiary--white.active.focus,
.open>.dropdown-toggle.btn-tertiary--white.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:focus,
.btn-tertiary--white.focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:active,
.btn-tertiary--white.active,
.open>.dropdown-toggle.btn-tertiary--white {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:active:hover,
.btn-tertiary--white.active:hover,
.open>.dropdown-toggle.btn-tertiary--white:hover,
.btn-tertiary--white:active:focus,
.btn-tertiary--white.active:focus,
.open>.dropdown-toggle.btn-tertiary--white:focus,
.btn-tertiary--white:active.focus,
.btn-tertiary--white.active.focus,
.open>.dropdown-toggle.btn-tertiary--white.focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-tertiary--white:active,
.btn-tertiary--white.active,
.open>.dropdown-toggle.btn-tertiary--white {
    background-image: none
}

.btn-tertiary--white.disabled:hover,
.btn-tertiary--white[disabled]:hover,
fieldset[disabled] .btn-tertiary--white:hover,
.btn-tertiary--white.disabled:focus,
.btn-tertiary--white[disabled]:focus,
fieldset[disabled] .btn-tertiary--white:focus,
.btn-tertiary--white.disabled.focus,
.btn-tertiary--white[disabled].focus,
fieldset[disabled] .btn-tertiary--white.focus {
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary--white .badge {
    color: transparent;
    background-color: #ffffff
}

.btn-tertiary--white:disabled,
.btn-tertiary--white.disabled,
.btn-tertiary--white[disabled],
fieldset[disabled] .btn-tertiary--white {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #b2b2b2 !important
}

.btn-link:disabled,
.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #b2b2b2 !important
}

.btn-text {
    cursor: default;
    color: rgba(0, 0, 0, 0.8);
    background-color: transparent;
    border-color: transparent
}

.btn-text:focus,
.btn-text.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:active,
.btn-text.active,
.open>.dropdown-toggle.btn-text {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:active:hover,
.btn-text.active:hover,
.open>.dropdown-toggle.btn-text:hover,
.btn-text:active:focus,
.btn-text.active:focus,
.open>.dropdown-toggle.btn-text:focus,
.btn-text:active.focus,
.btn-text.active.focus,
.open>.dropdown-toggle.btn-text.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:focus,
.btn-text.focus {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:hover {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:active,
.btn-text.active,
.open>.dropdown-toggle.btn-text {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:active:hover,
.btn-text.active:hover,
.open>.dropdown-toggle.btn-text:hover,
.btn-text:active:focus,
.btn-text.active:focus,
.open>.dropdown-toggle.btn-text:focus,
.btn-text:active.focus,
.btn-text.active.focus,
.open>.dropdown-toggle.btn-text.focus {
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-text:active,
.btn-text.active,
.open>.dropdown-toggle.btn-text {
    background-image: none
}

.btn-text.disabled:hover,
.btn-text[disabled]:hover,
fieldset[disabled] .btn-text:hover,
.btn-text.disabled:focus,
.btn-text[disabled]:focus,
fieldset[disabled] .btn-text:focus,
.btn-text.disabled.focus,
.btn-text[disabled].focus,
fieldset[disabled] .btn-text.focus {
    background-color: transparent;
    border-color: transparent
}

.btn-text .badge {
    color: transparent;
    background-color: rgba(0, 0, 0, 0.8)
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 16px 12px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 2px 8px;
    font-size: 13px;
    line-height: 1.35135;
    border-radius: 2px
}

.modal.modal--scroll-overflow .modal-body,
.fancybox-inner-modal.modal--scroll-overflow .modal-body {
    max-height: 434px;
    overflow: scroll;
    margin-bottom: 30px
}

.modal .modal-dialog,
.fancybox-inner-modal .modal-dialog {
    padding: 10vh 0 !important;
    transform: translate(0, 0) !important;
    margin-top: 0 !important
}

.modal .modal-backdrop.in,
.fancybox-inner-modal .modal-backdrop.in {
    opacity: .7;
    background-color: #ffffff
}

.modal .modal-content,
.fancybox-inner-modal .modal-content {
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.025)
}

.modal .modal-header,
.fancybox-inner-modal .modal-header {
    background-color: #f4f4f4;
    height: 72px;
    padding: 0 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.modal .modal-title,
.fancybox-inner-modal .modal-title {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.modal .close,
.fancybox-inner-modal .close {
    color: rgba(0, 0, 0, 0.8);
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.modal .modal-body,
.fancybox-inner-modal .modal-body {
    padding: 30px
}

.modal .modal-content .modal-footer,
.fancybox-inner-modal .modal-content .modal-footer {
    padding: 30px;
    padding-top: 0
}

.modal .modal-footer--inner,
.fancybox-inner-modal .modal-footer--inner {
    float: right
}

.modal .modal-dialog,
.fancybox-inner-modal .modal-dialog {
    min-width: 300px
}

@media (max-width:768px) {
    .modal .modal-dialog,
    .fancybox-inner-modal .modal-dialog {
        width: 100%;
        margin: 10px auto
    }
}

.modal .form-actions,
.fancybox-inner-modal .form-actions {
    margin-top: 20px;
    text-align: right
}

.fancybox-wrap.fancybox-wrap--fixed-top {
    top: 0 !important
}

@media (min-width:768px) {
    .fancybox-wrap.fancybox-wrap--fixed-top {
        margin-top: 60px
    }
}

.pager {
    margin: 0
}

.pager .btn {
    padding: 10px 15px
}

.pager .pager-label {
    float: left;
    padding: 10px 15px 10px 0
}

.pager .pager-label+.btn {
    border-radius: 2px !important
}

.pager .next>a,
.pager .next>span {
    float: none
}

.pager .previous>a,
.pager .previous>span {
    float: none
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    background-color: #e9e9e9
}

.tc {
    text-align: center
}

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

.tc {
    text-align: center
}

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

.tac {
    text-align: center
}

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

.tac {
    text-align: center
}

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

.tal {
    text-align: left
}

.tal-force {
    text-align: left !important
}

.tal {
    text-align: left
}

.tal-force {
    text-align: left !important
}

.tar {
    text-align: right
}

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

.tar {
    text-align: right
}

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

.vam {
    vertical-align: middle
}

.vam-force {
    vertical-align: middle !important
}

.vam {
    vertical-align: middle
}

.vam-force {
    vertical-align: middle !important
}

.ti {
    text-indent: -999em
}

.ti-force {
    text-indent: -999em !important
}

.ti {
    text-indent: -999em
}

.ti-force {
    text-indent: -999em !important
}

.fn {
    float: none
}

.fn-force {
    float: none !important
}

.fn {
    float: none
}

.fn-force {
    float: none !important
}

.fr {
    float: right
}

.fr-force {
    float: right !important
}

.fr {
    float: right
}

.fr-force {
    float: right !important
}

.fl {
    float: left
}

.fl-force {
    float: left !important
}

.fl {
    float: left
}

.fl-force {
    float: left !important
}

.ita {
    font-style: italic
}

.ita-force {
    font-style: italic !important
}

.ita {
    font-style: italic
}

.ita-force {
    font-style: italic !important
}

.fsn {
    font-style: normal
}

.fsn-force {
    font-style: normal !important
}

.fsn {
    font-style: normal
}

.fsn-force {
    font-style: normal !important
}

.db {
    display: block
}

.db-force {
    display: block !important
}

.db {
    display: block
}

.db-force {
    display: block !important
}

.show {
    display: block
}

.show-force {
    display: block !important
}

.show {
    display: block
}

.show-force {
    display: block !important
}

.dib {
    display: inline-block
}

.dib-force {
    display: inline-block !important
}

.dib {
    display: inline-block
}

.dib-force {
    display: inline-block !important
}

.dn {
    display: none
}

.dn-force {
    display: none !important
}

.dn {
    display: none
}

.dn-force {
    display: none !important
}

.hide {
    display: none
}

.hide-force {
    display: none !important
}

.hide {
    display: none
}

.hide-force {
    display: none !important
}

.hidden {
    display: none
}

.hidden-force {
    display: none !important
}

.hidden {
    display: none
}

.hidden-force {
    display: none !important
}

.holder {
    display: none
}

.holder-force {
    display: none !important
}

.holder {
    display: none
}

.holder-force {
    display: none !important
}

.oh {
    overflow: hidden
}

.oh-force {
    overflow: hidden !important
}

.oh {
    overflow: hidden
}

.oh-force {
    overflow: hidden !important
}

.oa {
    overflow: auto
}

.oa-force {
    overflow: auto !important
}

.oa {
    overflow: auto
}

.oa-force {
    overflow: auto !important
}

.pos-s {
    position: static
}

.pos-s-force {
    position: static !important
}

.pos-s {
    position: static
}

.pos-s-force {
    position: static !important
}

.pos-r {
    position: relative
}

.pos-r-force {
    position: relative !important
}

.pos-r {
    position: relative
}

.pos-r-force {
    position: relative !important
}

.relative {
    position: relative
}

.relative-force {
    position: relative !important
}

.relative {
    position: relative
}

.relative-force {
    position: relative !important
}

.pos-a {
    position: absolute
}

.pos-a-force {
    position: absolute !important
}

.pos-a {
    position: absolute
}

.pos-a-force {
    position: absolute !important
}

.pos-f {
    position: fixed
}

.pos-f-force {
    position: fixed !important
}

.pos-f {
    position: fixed
}

.pos-f-force {
    position: fixed !important
}

.bs-dashed {
    border-style: dashed
}

.bs-dashed-force {
    border-style: dashed !important
}

.bs-dashed {
    border-style: dashed
}

.bs-dashed-force {
    border-style: dashed !important
}

.mha {
    min-height: 0
}

.mha-force {
    min-height: 0 !important
}

.mha {
    min-height: 0
}

.mha-force {
    min-height: 0 !important
}

.ha {
    height: auto
}

.ha-force {
    height: auto !important
}

.ha {
    height: auto
}

.ha-force {
    height: auto !important
}

.h52 {
    height: 52px
}

.h52-force {
    height: 52px !important
}

.h52 {
    height: 52px
}

.h52-force {
    height: 52px !important
}

.h70 {
    height: 70px
}

.h70-force {
    height: 70px !important
}

.h70 {
    height: 70px
}

.h70-force {
    height: 70px !important
}

.h100p {
    height: 100%
}

.h100p-force {
    height: 100% !important
}

.h100p {
    height: 100%
}

.h100p-force {
    height: 100% !important
}

.min-h100vh {
    min-height: 100vh
}

.min-h100vh-force {
    min-height: 100vh !important
}

.min-h100vh {
    min-height: 100vh
}

.min-h100vh-force {
    min-height: 100vh !important
}

.left0 {
    left: 0
}

.left0-force {
    left: 0 !important
}

.left0 {
    left: 0
}

.left0-force {
    left: 0 !important
}

.top0 {
    top: 0
}

.top0-force {
    top: 0 !important
}

.top0 {
    top: 0
}

.top0-force {
    top: 0 !important
}

.right0 {
    right: 0
}

.right0-force {
    right: 0 !important
}

.right0 {
    right: 0
}

.right0-force {
    right: 0 !important
}

.bottom0 {
    bottom: 0
}

.bottom0-force {
    bottom: 0 !important
}

.bottom0 {
    bottom: 0
}

.bottom0-force {
    bottom: 0 !important
}

.bottom100p {
    bottom: 100%
}

.bottom100p-force {
    bottom: 100% !important
}

.bottom100p {
    bottom: 100%
}

.bottom100p-force {
    bottom: 100% !important
}

.w240 {
    width: 240px
}

.w240-force {
    width: 240px !important
}

.w240 {
    width: 240px
}

.w240-force {
    width: 240px !important
}

.w300 {
    width: 300px
}

.w300-force {
    width: 300px !important
}

.w300 {
    width: 300px
}

.w300-force {
    width: 300px !important
}

.w100p {
    width: 100%
}

.w100p-force {
    width: 100% !important
}

.w100p {
    width: 100%
}

.w100p-force {
    width: 100% !important
}

.w140 {
    width: 140px
}

.w140-force {
    width: 140px !important
}

.w140 {
    width: 140px
}

.w140-force {
    width: 140px !important
}

.w50p {
    width: 50%
}

.w50p-force {
    width: 50% !important
}

.w50p {
    width: 50%
}

.w50p-force {
    width: 50% !important
}

.w40p {
    width: 40%
}

.w40p-force {
    width: 40% !important
}

.w40p {
    width: 40%
}

.w40p-force {
    width: 40% !important
}

.minw200 {
    min-width: 200px
}

.minw200-force {
    min-width: 200px !important
}

.minw200 {
    min-width: 200px
}

.minw200-force {
    min-width: 200px !important
}

.mw100 {
    max-width: 100%
}

.mw100-force {
    max-width: 100% !important
}

.mw100 {
    max-width: 100%
}

.mw100-force {
    max-width: 100% !important
}

.mw220 {
    max-width: 200px
}

.mw220-force {
    max-width: 200px !important
}

.mw220 {
    max-width: 200px
}

.mw220-force {
    max-width: 200px !important
}

.mw280 {
    max-width: 280px
}

.mw280-force {
    max-width: 280px !important
}

.mw280 {
    max-width: 280px
}

.mw280-force {
    max-width: 280px !important
}

.mw560 {
    max-width: 560px
}

.mw560-force {
    max-width: 560px !important
}

.mw560 {
    max-width: 560px
}

.mw560-force {
    max-width: 560px !important
}

.mh300 {
    max-height: 300px
}

.mh300-force {
    max-height: 300px !important
}

.mh300 {
    max-height: 300px
}

.mh300-force {
    max-height: 300px !important
}

.half-width {
    width: 50%
}

.half-width-force {
    width: 50% !important
}

.half-width {
    width: 50%
}

.half-width-force {
    width: 50% !important
}

.cleft {
    clear: left
}

.cleft-force {
    clear: left !important
}

.cleft {
    clear: left
}

.cleft-force {
    clear: left !important
}

.ma {
    margin: auto
}

.ma-force {
    margin: auto !important
}

.ma {
    margin: auto
}

.ma-force {
    margin: auto !important
}

.mla {
    margin-left: auto
}

.mla-force {
    margin-left: auto !important
}

.mla {
    margin-left: auto
}

.mla-force {
    margin-left: auto !important
}

.mra {
    margin-right: auto
}

.mra-force {
    margin-right: auto !important
}

.mra {
    margin-right: auto
}

.mra-force {
    margin-right: auto !important
}

.mt-50 {
    margin-top: 50px
}

.mt-50-force {
    margin-top: 50px !important
}

.mt-50 {
    margin-top: 50px
}

.mt-50-force {
    margin-top: 50px !important
}

.pt0 {
    padding-top: 0
}

.pt0-force {
    padding-top: 0 !important
}

.pt0 {
    padding-top: 0
}

.pt0-force {
    padding-top: 0 !important
}

.pt20 {
    padding-top: 20px
}

.pt20-force {
    padding-top: 20px !important
}

.pt20 {
    padding-top: 20px
}

.pt20-force {
    padding-top: 20px !important
}

.pb20 {
    padding-bottom: 20px
}

.pb20-force {
    padding-bottom: 20px !important
}

.pb20 {
    padding-bottom: 20px
}

.pb20-force {
    padding-bottom: 20px !important
}

.mt0 {
    margin-top: 0
}

.mt0-force {
    margin-top: 0 !important
}

.mt0 {
    margin-top: 0
}

.mt0-force {
    margin-top: 0 !important
}

.left50p {
    left: 50%
}

.left50p-force {
    left: 50% !important
}

.left50p {
    left: 50%
}

.left50p-force {
    left: 50% !important
}

.top50p {
    top: 50%
}

.top50p-force {
    top: 50% !important
}

.top50p {
    top: 50%
}

.top50p-force {
    top: 50% !important
}

.ml-30 {
    margin-left: -30px
}

.ml-30-force {
    margin-left: -30px !important
}

.ml-30 {
    margin-left: -30px
}

.ml-30-force {
    margin-left: -30px !important
}

.mt-30 {
    margin-top: -30px
}

.mt-30-force {
    margin-top: -30px !important
}

.mt-30 {
    margin-top: -30px
}

.mt-30-force {
    margin-top: -30px !important
}

.fs60 {
    font-size: 60px
}

.fs60-force {
    font-size: 60px !important
}

.fs60 {
    font-size: 60px
}

.fs60-force {
    font-size: 60px !important
}

.fs50 {
    font-size: 50px
}

.fs50-force {
    font-size: 50px !important
}

.fs50 {
    font-size: 50px
}

.fs50-force {
    font-size: 50px !important
}

.fs52 {
    font-size: 52px
}

.fs52-force {
    font-size: 52px !important
}

.fs52 {
    font-size: 52px
}

.fs52-force {
    font-size: 52px !important
}

.fs18 {
    font-size: 18px
}

.fs18-force {
    font-size: 18px !important
}

.fs18 {
    font-size: 18px
}

.fs18-force {
    font-size: 18px !important
}

.mw580 {
    max-width: 580px
}

.mw580-force {
    max-width: 580px !important
}

.mw580 {
    max-width: 580px
}

.mw580-force {
    max-width: 580px !important
}

.p3 {
    padding: 3px
}

.p3-force {
    padding: 3px !important
}

.p3 {
    padding: 3px
}

.p3-force {
    padding: 3px !important
}

.wa {
    width: auto
}

.wa-force {
    width: auto !important
}

.wa {
    width: auto
}

.wa-force {
    width: auto !important
}

.top-10 {
    top: -10px
}

.top-10-force {
    top: -10px !important
}

.top-10 {
    top: -10px
}

.top-10-force {
    top: -10px !important
}

.outline-none {
    outline: none
}

.outline-none-force {
    outline: none !important
}

.outline-none {
    outline: none
}

.outline-none-force {
    outline: none !important
}

#AWIN_CDT {
    position: absolute;
    width: 0;
    height: 0;
    border: 0
}

.flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 100%
}

.fxw,
.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dif {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex,
.fx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px
}

.aic {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fxdirc {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fxac {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-ac {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-ae {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fxjc {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxjsa {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around
}

.fxjsb {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.fxae {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fxdc {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fxje {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fxc {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxwrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-is {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.fx-ie {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.fx-ic {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center
}



strong,
strong a {
    font-weight: normal
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hideItem {
    visibility: hidden;
    opacity: 0
}

.force-hideItem {
    visibility: hidden !important;
    opacity: 0 !important
}

.hidden {
    display: none
}

form {
    margin-bottom: 0
}

.focus-black-force:focus {
    color: black !important
}

.cursor-default {
    cursor: default !important
}

.container .row {
    position: relative
}

h1.thin {
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #333
}

h2.thin {
    color: #444;
    font-size: 16px;
    font-weight: normal;
    opacity: .7
}

.fadeOut {
    visibility: hidden;
    opacity: 0
}

.fadeIn {
    visibility: visible;
    opacity: 1
}

.position-hide {
    position: absolute;
    visibility: hidden
}

.fixed {
    position: fixed !important
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nowrap {
    white-space: nowrap
}

.bordered-thumb {
    display: block;
    border: 1px solid #666;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 1px 3px rgba(0, 0, 0, 0.45);
    width: 45px;
    height: 45px;
    background-position: center;
    background-size: cover
}

@media (max-width:767px) {
    .flex-col-xs {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .flex-col-xs.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .flex-col-xs.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
}

.webkit-mask {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.table {
    display: table;
    width: 100%;
    margin: 0
}

.table-row {
    display: table-row
}

.tb {
    display: table-row !important
}

.cell {
    display: table-cell;
    vertical-align: middle;
    float: none !important
}

.table-container {
    display: table;
    width: 100%;
    margin: 0
}

.table-container>* {
    display: table-row
}

.table-container>*>* {
    display: table-cell;
    vertical-align: middle;
    float: none !important
}

.table-cell {
    display: table;
    width: 100%;
    margin: 0
}

.table-cell>* {
    display: table-cell;
    vertical-align: middle;
    float: none !important
}

.stretchy-wrapper {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.stretchy-wrapper>div,
.stretchy-wrapper .stretch,
.stretchy-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}

.sp {
    background-image: url("../images/v3/sprites1c07.png?v=17")
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important
}

iframe[id^="oauth2relay"] {
    left: -100px
}

.fancybox-outer .static-content-wrapper .mask,
.static-content-wrapper .fancybox-inner .mask {
    max-height: 500px;
    box-shadow: none;
    background: #F6F7F8;
    padding: 20px
}

.static-content-wrapper h1 small,
.form-wrapper h1 small {
    font-size: 14px
}

.static-content-wrapper.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner,
.form-wrapper.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
    overflow: visible !important
}

.static-content-wrapper .mask,
.form-wrapper .mask {
    overflow: auto !important;
    width: auto !important;
    background: #F1F3F6;
    max-width: 600px;
    margin: auto;
    padding: 20px
}

.static-content-wrapper .mask.show-overflow,
.form-wrapper .mask.show-overflow {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-height: none !important
}

.static-content-wrapper .mask iframe,
.form-wrapper .mask iframe {
    margin: auto;
    display: block
}

.static-content-wrapper .mask form,
.form-wrapper .mask form {
    width: 100%
}

.static-content-wrapper .tip,
.form-wrapper .tip {
    font-size: smaller;
    color: #666
}

.static-content-wrapper .tab-label-container,
.form-wrapper .tab-label-container {
    border-bottom: 1px solid #C3C3C3;
    padding-top: 20px;
    position: relative;
    top: 1px
}

.static-content-wrapper .tab-divs,
.form-wrapper .tab-divs {
    background: #F6F7F8;
    border-top: 1px solid #C3C3C3
}

.static-content-wrapper article,
.form-wrapper article {
    position: relative;
    color: #444;
    font-size: 14px;
    border-top: 1px solid #e9eaeb
}

.static-content-wrapper article .q-mark,
.form-wrapper article .q-mark {
    position: relative;
    display: inline-block;
    right: inherit;
    top: inherit
}

.static-content-wrapper article input[type=text],
.form-wrapper article input[type=text] {
    width: 100%
}

.static-content-wrapper article:first-child,
.form-wrapper article:first-child {
    margin-top: 0;
    border: 0
}

.static-content-wrapper article:last-child,
.form-wrapper article:last-child {
    padding-bottom: 15px;
    margin-bottom: 0
}

.static-content-wrapper article p,
.form-wrapper article p,
.static-content-wrapper article li,
.form-wrapper article li {
    margin: 0 0 9px
}

.static-content-wrapper article li:last-child,
.form-wrapper article li:last-child {
    margin-bottom: 0
}

.static-content-wrapper article h4,
.form-wrapper article h4 {
    color: #526075;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px
}

.static-content-wrapper article h5,
.form-wrapper article h5 {
    color: #526075;
    font-size: 14px;
    margin-bottom: 10px
}

.static-content-wrapper article .btn,
.form-wrapper article .btn {
    margin: 5px 0
}

.static-content-wrapper article ul:not(.as-selections),
.form-wrapper article ul:not(.as-selections),
.static-content-wrapper article .steps,
.form-wrapper article .steps {
    padding-bottom: 10px;
    margin-left: 20px;
    list-style: disc
}

.static-content-wrapper .center,
.form-wrapper .center {
    text-align: center
}

.static-content-wrapper .darker,
.form-wrapper .darker,
.static-content-wrapper .imaged,
.form-wrapper .imaged {
    border-top: 1px solid #e9eaeb;
    padding-bottom: 15px;
    background: #f0f2f4;
    margin-bottom: 0;
    overflow: hidden
}

.static-content-wrapper .darker>li,
.form-wrapper .darker>li,
.static-content-wrapper .imaged>li,
.form-wrapper .imaged>li {
    padding: 20px 20px 0;
    clear: both
}

.static-content-wrapper .darker .img,
.form-wrapper .darker .img,
.static-content-wrapper .imaged .img,
.form-wrapper .imaged .img {
    width: 128px;
    height: 74px;
    background-size: contain;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #DBDDDF;
    float: left;
    background-repeat: no-repeat;
    background-position: center
}

.static-content-wrapper .darker article,
.form-wrapper .darker article,
.static-content-wrapper .imaged article,
.form-wrapper .imaged article {
    padding: 0;
    margin: 0 0 0 140px;
    border: 0
}

.static-content-wrapper .blue,
.form-wrapper .blue {
    color: #526075
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transform: none !important
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

body[class*="span"] {
    float: none;
    margin-left: auto
}

.fs0 {
    font-size: 0
}

.fs0>* {
    display: inline-block;
    vertical-align: top;
    font-size: 15px
}

.fw3,
.light {
    font-weight: 300
}

.fw5,
.fwn {
    font-weight: normal
}

.fwn-force {
    font-weight: normal !important
}

.fw6,
.sb {
    font-weight: 600
}

.fw7,
.bold,
.fwb {
    font-weight: bold
}

.fw9,
.bolder {
    font-weight: 900
}

.border-radius-5 {
    border-radius: 5px
}

.border-top-radius-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.border-bottom-radius-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.border-left-radius-5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.border-right-radius-5 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.border-bottom-left-radius-5 {
    border-bottom-left-radius: 5px
}

.border-bottom-right-radius-5 {
    border-bottom-right-radius: 5px
}

.blr2 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.brr2 {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.blr3 {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.brr3 {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.border-top-bottom {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.styled-list {
    list-style: disc;
    margin-left: 20px
}

.regular-list {
    list-style: disc;
    margin-left: 10px;
    padding-left: 10px
}

.char-count-container {
    position: relative
}

.char-count-container .char-count-input {
    padding-right: 40px
}

.char-count-container .char-count {
    position: absolute;
    top: 0;
    right: 15px;
    color: #999
}

.char-count-container.char-limit-exceeded .char-count-input {
    outline-color: #D33737
}

.char-count-container.char-limit-exceeded .char-count {
    color: #D33737
}

.wwb {
    word-wrap: break-word
}

.top50p {
    top: 50%
}

.left100p {
    left: 100%
}

.b-1 {
    border: 1px solid #ccc
}

.border-bottom-none {
    border-bottom: none !important
}

.br-1 {
    border-right: 1px solid #ccc
}

.bt-1 {
    border-top: 1px solid #ccc
}

.bt-2 {
    border-top: 4px solid #17aa1c
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.bs1 {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3)
}

.br-2 {
    border-radius: 2px
}

.br-3 {
    border-radius: 3px
}

.br-7 {
    border-radius: 7px
}

.none {
    display: none !important
}

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

.block {
    display: block !important
}

.visible {
    visibility: visible !important
}

.ov {
    overflow: visible !important
}

.no-border {
    border: 0 !important
}

table.no-border td {
    border-top: none !important
}

.empty-p p:empty {
    display: none
}

.full-width {
    margin-left: -3000px;
    padding-left: 3000px;
    margin-right: -3000px;
    padding-right: 3000px
}

.js-simple-collapse {
    overflow: hidden;
    position: relative;
	margin-bottom:30px;
}

.js-simple-collapse-more-btn {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    font-weight: bold;
    background: linear-gradient(rgba(244, 244, 244, 0), rgba(244, 244, 244, 0.95), #f4f4f4)
}

body.modal-open .c_header {
    z-index: 1
}

.ellipsis-2lines {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.wa {
    width: auto
}

.wa-force {
    width: auto !important
}

.wa {
    width: auto
}

.wa-force {
    width: auto !important
}

.tdl {
    text-decoration: line-through
}

.tdl-force {
    text-decoration: line-through !important
}

.tdl {
    text-decoration: line-through
}

.tdl-force {
    text-decoration: line-through !important
}

.op8 {
    opacity: .8
}

.op8-force {
    opacity: .8 !important
}

.op8 {
    opacity: .8
}

.op8-force {
    opacity: .8 !important
}

.zi1 {
    z-index: 1
}

.zi1-force {
    z-index: 1 !important
}

.zi1 {
    z-index: 1
}

.zi1-force {
    z-index: 1 !important
}

.zi99 {
    z-index: 99
}

.zi99-force {
    z-index: 99 !important
}

.zi99 {
    z-index: 99
}

.zi99-force {
    z-index: 99 !important
}

.zi9999 {
    z-index: 9999
}

.zi9999-force {
    z-index: 9999 !important
}

.zi9999 {
    z-index: 9999
}

.zi9999-force {
    z-index: 9999 !important
}

.w600 {
    width: 600px
}

.w600-force {
    width: 600px !important
}

.w600 {
    width: 600px
}

.w600-force {
    width: 600px !important
}

.w650 {
    width: 650px
}

.w650-force {
    width: 650px !important
}

.w650 {
    width: 650px
}

.w650-force {
    width: 650px !important
}

.cp {
    cursor: pointer
}

.cp-force {
    cursor: pointer !important
}

.cp {
    cursor: pointer
}

.cp-force {
    cursor: pointer !important
}

.bgaf {
    background-attachment: fixed
}

.bgaf-force {
    background-attachment: fixed !important
}

.bgaf {
    background-attachment: fixed
}

.bgaf-force {
    background-attachment: fixed !important
}

.bgpc {
    background-position: center
}

.bgpc-force {
    background-position: center !important
}

.bgpc {
    background-position: center
}

.bgpc-force {
    background-position: center !important
}

.bgsc {
    background-size: cover
}

.bgsc-force {
    background-size: cover !important
}

.bgsc {
    background-size: cover
}

.bgsc-force {
    background-size: cover !important
}

.bgrnr {
    background-repeat: no-repeat
}

.bgrnr-force {
    background-repeat: no-repeat !important
}

.bgrnr {
    background-repeat: no-repeat
}

.bgrnr-force {
    background-repeat: no-repeat !important
}

.mt400 {
    margin-top: 400px
}

.mt400-force {
    margin-top: 400px !important
}

.mt400 {
    margin-top: 400px
}

.mt400-force {
    margin-top: 400px !important
}

.mt300 {
    margin-top: 300px
}

.mt300-force {
    margin-top: 300px !important
}

.mt300 {
    margin-top: 300px
}

.mt300-force {
    margin-top: 300px !important
}

.pb0 {
    padding-bottom: 0
}

.pb0-force {
    padding-bottom: 0 !important
}

.pb0 {
    padding-bottom: 0
}

.pb0-force {
    padding-bottom: 0 !important
}

.op0 {
    opacity: 0
}

.op0-force {
    opacity: 0 !important
}

.op0 {
    opacity: 0
}

.op0-force {
    opacity: 0 !important
}

.fs15 {
    font-size: 15px
}

.fs15-force {
    font-size: 15px !important
}

.fs15 {
    font-size: 15px
}

.fs15-force {
    font-size: 15px !important
}

.fs85 {
    font-size: 85px
}

.fs85-force {
    font-size: 85px !important
}

.fs85 {
    font-size: 85px
}

.fs85-force {
    font-size: 85px !important
}

.fs85 {
    font-size: 85px
}

.fs85-force {
    font-size: 85px !important
}

.fs85 {
    font-size: 85px
}

.fs85-force {
    font-size: 85px !important
}

.mr10 {
    margin-right: 10px
}

.mr10-force {
    margin-right: 10px !important
}

.mr10 {
    margin-right: 10px
}

.mr10-force {
    margin-right: 10px !important
}

.mt10 {
    margin-top: 10px
}

.mt10-force {
    margin-top: 10px !important
}

.mt10 {
    margin-top: 10px
}

.mt10-force {
    margin-top: 10px !important
}

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

.mt-10-force {
    margin-top: -10px !important
}

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

.mt-10-force {
    margin-top: -10px !important
}

.mt15 {
    margin-top: 15px
}

.mt15-force {
    margin-top: 15px !important
}

.mt15 {
    margin-top: 15px
}

.mt15-force {
    margin-top: 15px !important
}

.pb0 {
    padding-bottom: 0
}

.pb0-force {
    padding-bottom: 0 !important
}

.pb0 {
    padding-bottom: 0
}

.pb0-force {
    padding-bottom: 0 !important
}

.p0 {
    padding: 0
}

.p0-force {
    padding: 0 !important
}

.p0 {
    padding: 0
}

.p0-force {
    padding: 0 !important
}

.p10 {
    padding: 10px
}

.p10-force {
    padding: 10px !important
}

.p10 {
    padding: 10px
}

.p10-force {
    padding: 10px !important
}

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

.ml-10-force {
    margin-left: -10px !important
}

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

.ml-10-force {
    margin-left: -10px !important
}

.ml-1 {
    margin-left: -1px
}

.ml-1-force {
    margin-left: -1px !important
}

.ml-1 {
    margin-left: -1px
}

.ml-1-force {
    margin-left: -1px !important
}

.right10 {
    right: 10px
}

.right10-force {
    right: 10px !important
}

.right10 {
    right: 10px
}

.right10-force {
    right: 10px !important
}

.mh400 {
    min-height: 400px
}

.mh400-force {
    min-height: 400px !important
}

.mh400 {
    min-height: 400px
}

.mh400-force {
    min-height: 400px !important
}

.mh540 {
    min-height: 540px
}

.mh540-force {
    min-height: 540px !important
}

.mh540 {
    min-height: 540px
}

.mh540-force {
    min-height: 540px !important
}

.mh420 {
    min-height: 420px
}

.mh420-force {
    min-height: 420px !important
}

.mh420 {
    min-height: 420px
}

.mh420-force {
    min-height: 420px !important
}

.vat {
    vertical-align: top
}

.vat-force {
    vertical-align: top !important
}

.vat {
    vertical-align: top
}

.vat-force {
    vertical-align: top !important
}

.m0-110 {
    margin: 0 110px
}

.m0-110-force {
    margin: 0 110px !important
}

.m0-110 {
    margin: 0 110px
}

.m0-110-force {
    margin: 0 110px !important
}

.bgpr {
    background-position: right
}

.bgpr-force {
    background-position: right !important
}

.bgpr {
    background-position: right
}

.bgpr-force {
    background-position: right !important
}

.bgpt {
    background-position: top
}

.bgpt-force {
    background-position: top !important
}

.bgpt {
    background-position: top
}

.bgpt-force {
    background-position: top !important
}

.w400 {
    width: 400px
}

.w400-force {
    width: 400px !important
}

.w400 {
    width: 400px
}

.w400-force {
    width: 400px !important
}

.w230 {
    width: 230px
}

.w230-force {
    width: 230px !important
}

.w230 {
    width: 230px
}

.w230-force {
    width: 230px !important
}

.mh36 {
    min-height: 36px
}

.mh36-force {
    min-height: 36px !important
}

.mh36 {
    min-height: 36px
}

.mh36-force {
    min-height: 36px !important
}

.minh65 {
    min-height: 65px
}

.minh65-force {
    min-height: 65px !important
}

.minh65 {
    min-height: 65px
}

.minh65-force {
    min-height: 65px !important
}

.minh200 {
    min-height: 200px
}

.minh200-force {
    min-height: 200px !important
}

.minh200 {
    min-height: 200px
}

.minh200-force {
    min-height: 200px !important
}

.border0 {
    border: 0
}

.border0-force {
    border: 0 !important
}

.border0 {
    border: 0
}

.border0-force {
    border: 0 !important
}

.w570 {
    width: 570px
}

.w570-force {
    width: 570px !important
}

.w570 {
    width: 570px
}

.w570-force {
    width: 570px !important
}

.ml0 {
    margin-left: 0
}

.ml0-force {
    margin-left: 0 !important
}

.ml0 {
    margin-left: 0
}

.ml0-force {
    margin-left: 0 !important
}

.mt-20 {
    margin-top: -20px
}

.mt-20-force {
    margin-top: -20px !important
}

.mt-20 {
    margin-top: -20px
}

.mt-20-force {
    margin-top: -20px !important
}

.bor1 {
    border: 1px solid #B3B3B3
}

.bor1-force {
    border: 1px solid #B3B3B3 !important
}

.bor1 {
    border: 1px solid #B3B3B3
}

.bor1-force {
    border: 1px solid #B3B3B3 !important
}

.fs145 {
    font-size: 145px
}

.fs145-force {
    font-size: 145px !important
}

.fs145 {
    font-size: 145px
}

.fs145-force {
    font-size: 145px !important
}

.zi-1 {
    z-index: -1
}

.zi-1-force {
    z-index: -1 !important
}

.zi-1 {
    z-index: -1
}

.zi-1-force {
    z-index: -1 !important
}

.p2-10 {
    padding: 2px 10px
}

.p2-10-force {
    padding: 2px 10px !important
}

.p2-10 {
    padding: 2px 10px
}

.p2-10-force {
    padding: 2px 10px !important
}

.p0-10 {
    padding: 0 10px
}

.p0-10-force {
    padding: 0 10px !important
}

.p0-10 {
    padding: 0 10px
}

.p0-10-force {
    padding: 0 10px !important
}

.outline-none {
    outline: 0
}

.outline-none-force {
    outline: 0 !important
}

.outline-none {
    outline: 0
}

.outline-none-force {
    outline: 0 !important
}

.brd1 {
    border: 1px solid #ccc
}

.brd1-force {
    border: 1px solid #ccc !important
}

.brd1 {
    border: 1px solid #ccc
}

.brd1-force {
    border: 1px solid #ccc !important
}

.brd2 {
    border: 2px solid #ccc
}

.brd2-force {
    border: 2px solid #ccc !important
}

.brd2 {
    border: 2px solid #ccc
}

.brd2-force {
    border: 2px solid #ccc !important
}

.bt1 {
    border-top: 1px solid #ccc
}

.bt1-force {
    border-top: 1px solid #ccc !important
}

.bt1 {
    border-top: 1px solid #ccc
}

.bt1-force {
    border-top: 1px solid #ccc !important
}

.bt2 {
    border-top: 2px solid #ccc
}

.bt2-force {
    border-top: 2px solid #ccc !important
}

.bt2 {
    border-top: 2px solid #ccc
}

.bt2-force {
    border-top: 2px solid #ccc !important
}

.br1 {
    border-right: 1px solid #ccc
}

.br1-force {
    border-right: 1px solid #ccc !important
}

.br1 {
    border-right: 1px solid #ccc
}

.br1-force {
    border-right: 1px solid #ccc !important
}

.br2 {
    border-right: 2px solid #ccc
}

.br2-force {
    border-right: 2px solid #ccc !important
}

.br2 {
    border-right: 2px solid #ccc
}

.br2-force {
    border-right: 2px solid #ccc !important
}

.bb1 {
    border-bottom: 1px solid #ccc
}

.bb1-force {
    border-bottom: 1px solid #ccc !important
}

.bb1 {
    border-bottom: 1px solid #ccc
}

.bb1-force {
    border-bottom: 1px solid #ccc !important
}

.bb2 {
    border-bottom: 2px solid #ccc
}

.bb2-force {
    border-bottom: 2px solid #ccc !important
}

.bb2 {
    border-bottom: 2px solid #ccc
}

.bb2-force {
    border-bottom: 2px solid #ccc !important
}

.bl1 {
    border-left: 1px solid #ccc
}

.bl1-force {
    border-left: 1px solid #ccc !important
}

.bl1 {
    border-left: 1px solid #ccc
}

.bl1-force {
    border-left: 1px solid #ccc !important
}

.bl2 {
    border-left: 2px solid #ccc
}

.bl2-force {
    border-left: 2px solid #ccc !important
}

.bl2 {
    border-left: 2px solid #ccc
}

.bl2-force {
    border-left: 2px solid #ccc !important
}

.border-radius-2 {
    border-radius: 2px
}

.border-radius-2-force {
    border-radius: 2px !important
}

.border-radius-2 {
    border-radius: 2px
}

.border-radius-2-force {
    border-radius: 2px !important
}

.border-radius-3 {
    border-radius: 3px
}

.border-radius-3-force {
    border-radius: 3px !important
}

.border-radius-3 {
    border-radius: 3px
}

.border-radius-3-force {
    border-radius: 3px !important
}

.border-spacing-10 {
    border-spacing: 10px
}

.border-spacing-10-force {
    border-spacing: 10px !important
}

.border-spacing-10 {
    border-spacing: 10px
}

.border-spacing-10-force {
    border-spacing: 10px !important
}

.fx2 {
    flex: 2
}

.fx2-force {
    flex: 2 !important
}

.fx2 {
    flex: 2
}

.fx2-force {
    flex: 2 !important
}

.h34 {
    height: 34px
}

.h34-force {
    height: 34px !important
}

.h34 {
    height: 34px
}

.h34-force {
    height: 34px !important
}

.pen {
    pointer-events: none
}

.pen-force {
    pointer-events: none !important
}

.pen {
    pointer-events: none
}

.pen-force {
    pointer-events: none !important
}

.w200 {
    width: 200px
}

.h200 {
    height: 200px
}

.w195 {
    width: 195px
}

.h195 {
    height: 195px
}

.w190 {
    width: 190px
}

.h190 {
    height: 190px
}

.w185 {
    width: 185px
}

.h185 {
    height: 185px
}

.w180 {
    width: 180px
}

.h180 {
    height: 180px
}

.w175 {
    width: 175px
}

.h175 {
    height: 175px
}

.w170 {
    width: 170px
}

.h170 {
    height: 170px
}

.w165 {
    width: 165px
}

.h165 {
    height: 165px
}

.w160 {
    width: 160px
}

.h160 {
    height: 160px
}

.w155 {
    width: 155px
}

.h155 {
    height: 155px
}

.w150 {
    width: 150px
}

.h150 {
    height: 150px
}

.w145 {
    width: 145px
}

.h145 {
    height: 145px
}

.w140 {
    width: 140px
}

.h140 {
    height: 140px
}

.w135 {
    width: 135px
}

.h135 {
    height: 135px
}

.w130 {
    width: 130px
}

.h130 {
    height: 130px
}

.w125 {
    width: 125px
}

.h125 {
    height: 125px
}

.w120 {
    width: 120px
}

.h120 {
    height: 120px
}

.w115 {
    width: 115px
}

.h115 {
    height: 115px
}

.w110 {
    width: 110px
}

.h110 {
    height: 110px
}

.w105 {
    width: 105px
}

.h105 {
    height: 105px
}

.w100 {
    width: 100px
}

.h100 {
    height: 100px
}

.w95 {
    width: 95px
}

.h95 {
    height: 95px
}

.w90 {
    width: 90px
}

.h90 {
    height: 90px
}

.w85 {
    width: 85px
}

.h85 {
    height: 85px
}

.w80 {
    width: 80px
}

.h80 {
    height: 80px
}

.w75 {
    width: 75px
}

.h75 {
    height: 75px
}

.w70 {
    width: 70px
}

.h70 {
    height: 70px
}

.w65 {
    width: 65px
}

.h65 {
    height: 65px
}

.w60 {
    width: 60px
}

.h60 {
    height: 60px
}

.w55 {
    width: 55px
}

.h55 {
    height: 55px
}

.w50 {
    width: 50px
}

.h50 {
    height: 50px
}

.w45 {
    width: 45px
}

.h45 {
    height: 45px
}

.w40 {
    width: 40px
}

.h40 {
    height: 40px
}

.w35 {
    width: 35px
}

.h35 {
    height: 35px
}

.w30 {
    width: 30px
}

.h30 {
    height: 30px
}

.w25 {
    width: 25px
}

.h25 {
    height: 25px
}

.w20 {
    width: 20px
}

.h20 {
    height: 20px
}

.w15 {
    width: 15px
}

.h15 {
    height: 15px
}

.w10 {
    width: 10px
}

.h10 {
    height: 10px
}

.w5 {
    width: 5px
}

.h5 {
    height: 5px
}

.w0 {
    width: 0px
}

.h0 {
    height: 0px
}

.w480 {
    width: 480px
}

.top50 {
    top: 50px
}

.top45 {
    top: 45px
}

.top40 {
    top: 40px
}

.top35 {
    top: 35px
}

.top30 {
    top: 30px
}

.top25 {
    top: 25px
}

.top20 {
    top: 20px
}

.top15 {
    top: 15px
}

.top10 {
    top: 10px
}

.top5 {
    top: 5px
}

.top0 {
    top: 0px
}

.m150 {
    margin: 150px
}

.p150 {
    padding: 150px
}

.mt150 {
    margin-top: 150px
}

.mr150 {
    margin-right: 150px
}

.mb150 {
    margin-bottom: 150px
}

.ml150 {
    margin-left: 150px
}

.pt150 {
    padding-top: 150px
}

.pr150 {
    padding-right: 150px
}

.pb150 {
    padding-bottom: 150px
}

.pl150 {
    padding-left: 150px
}

.m145 {
    margin: 145px
}

.p145 {
    padding: 145px
}

.mt145 {
    margin-top: 145px
}

.mr145 {
    margin-right: 145px
}

.mb145 {
    margin-bottom: 145px
}

.ml145 {
    margin-left: 145px
}

.pt145 {
    padding-top: 145px
}

.pr145 {
    padding-right: 145px
}

.pb145 {
    padding-bottom: 145px
}

.pl145 {
    padding-left: 145px
}

.m140 {
    margin: 140px
}

.p140 {
    padding: 140px
}

.mt140 {
    margin-top: 140px
}

.mr140 {
    margin-right: 140px
}

.mb140 {
    margin-bottom: 140px
}

.ml140 {
    margin-left: 140px
}

.pt140 {
    padding-top: 140px
}

.pr140 {
    padding-right: 140px
}

.pb140 {
    padding-bottom: 140px
}

.pl140 {
    padding-left: 140px
}

.m135 {
    margin: 135px
}

.p135 {
    padding: 135px
}

.mt135 {
    margin-top: 135px
}

.mr135 {
    margin-right: 135px
}

.mb135 {
    margin-bottom: 135px
}

.ml135 {
    margin-left: 135px
}

.pt135 {
    padding-top: 135px
}

.pr135 {
    padding-right: 135px
}

.pb135 {
    padding-bottom: 135px
}

.pl135 {
    padding-left: 135px
}

.m130 {
    margin: 130px
}

.p130 {
    padding: 130px
}

.mt130 {
    margin-top: 130px
}

.mr130 {
    margin-right: 130px
}

.mb130 {
    margin-bottom: 130px
}

.ml130 {
    margin-left: 130px
}

.pt130 {
    padding-top: 130px
}

.pr130 {
    padding-right: 130px
}

.pb130 {
    padding-bottom: 130px
}

.pl130 {
    padding-left: 130px
}

.m125 {
    margin: 125px
}

.p125 {
    padding: 125px
}

.mt125 {
    margin-top: 125px
}

.mr125 {
    margin-right: 125px
}

.mb125 {
    margin-bottom: 125px
}

.ml125 {
    margin-left: 125px
}

.pt125 {
    padding-top: 125px
}

.pr125 {
    padding-right: 125px
}

.pb125 {
    padding-bottom: 125px
}

.pl125 {
    padding-left: 125px
}

.m120 {
    margin: 120px
}

.p120 {
    padding: 120px
}

.mt120 {
    margin-top: 120px
}

.mr120 {
    margin-right: 120px
}

.mb120 {
    margin-bottom: 120px
}

.ml120 {
    margin-left: 120px
}

.pt120 {
    padding-top: 120px
}

.pr120 {
    padding-right: 120px
}

.pb120 {
    padding-bottom: 120px
}

.pl120 {
    padding-left: 120px
}

.m115 {
    margin: 115px
}

.p115 {
    padding: 115px
}

.mt115 {
    margin-top: 115px
}

.mr115 {
    margin-right: 115px
}

.mb115 {
    margin-bottom: 115px
}

.ml115 {
    margin-left: 115px
}

.pt115 {
    padding-top: 115px
}

.pr115 {
    padding-right: 115px
}

.pb115 {
    padding-bottom: 115px
}

.pl115 {
    padding-left: 115px
}

.m110 {
    margin: 110px
}

.p110 {
    padding: 110px
}

.mt110 {
    margin-top: 110px
}

.mr110 {
    margin-right: 110px
}

.mb110 {
    margin-bottom: 110px
}

.ml110 {
    margin-left: 110px
}

.pt110 {
    padding-top: 110px
}

.pr110 {
    padding-right: 110px
}

.pb110 {
    padding-bottom: 110px
}

.pl110 {
    padding-left: 110px
}

.m105 {
    margin: 105px
}

.p105 {
    padding: 105px
}

.mt105 {
    margin-top: 105px
}

.mr105 {
    margin-right: 105px
}

.mb105 {
    margin-bottom: 105px
}

.ml105 {
    margin-left: 105px
}

.pt105 {
    padding-top: 105px
}

.pr105 {
    padding-right: 105px
}

.pb105 {
    padding-bottom: 105px
}

.pl105 {
    padding-left: 105px
}

.m100 {
    margin: 100px
}

.p100 {
    padding: 100px
}

.mt100 {
    margin-top: 100px
}

.mr100 {
    margin-right: 100px
}

.mb100 {
    margin-bottom: 100px
}

.ml100 {
    margin-left: 100px
}

.pt100 {
    padding-top: 100px
}

.pr100 {
    padding-right: 100px
}

.pb100 {
    padding-bottom: 100px
}

.pl100 {
    padding-left: 100px
}

.m95 {
    margin: 95px
}

.p95 {
    padding: 95px
}

.mt95 {
    margin-top: 95px
}

.mr95 {
    margin-right: 95px
}

.mb95 {
    margin-bottom: 95px
}

.ml95 {
    margin-left: 95px
}

.pt95 {
    padding-top: 95px
}

.pr95 {
    padding-right: 95px
}

.pb95 {
    padding-bottom: 95px
}

.pl95 {
    padding-left: 95px
}

.m90 {
    margin: 90px
}

.p90 {
    padding: 90px
}

.mt90 {
    margin-top: 90px
}

.mr90 {
    margin-right: 90px
}

.mb90 {
    margin-bottom: 90px
}

.ml90 {
    margin-left: 90px
}

.pt90 {
    padding-top: 90px
}

.pr90 {
    padding-right: 90px
}

.pb90 {
    padding-bottom: 90px
}

.pl90 {
    padding-left: 90px
}

.m85 {
    margin: 85px
}

.p85 {
    padding: 85px
}

.mt85 {
    margin-top: 85px
}

.mr85 {
    margin-right: 85px
}

.mb85 {
    margin-bottom: 85px
}

.ml85 {
    margin-left: 85px
}

.pt85 {
    padding-top: 85px
}

.pr85 {
    padding-right: 85px
}

.pb85 {
    padding-bottom: 85px
}

.pl85 {
    padding-left: 85px
}

.m80 {
    margin: 80px
}

.p80 {
    padding: 80px
}

.mt80 {
    margin-top: 80px
}

.mr80 {
    margin-right: 80px
}

.mb80 {
    margin-bottom: 80px
}

.ml80 {
    margin-left: 80px
}

.pt80 {
    padding-top: 80px
}

.pr80 {
    padding-right: 80px
}

.pb80 {
    padding-bottom: 80px
}

.pl80 {
    padding-left: 80px
}

.m75 {
    margin: 75px
}

.p75 {
    padding: 75px
}

.mt75 {
    margin-top: 75px
}

.mr75 {
    margin-right: 75px
}

.mb75 {
    margin-bottom: 75px
}

.ml75 {
    margin-left: 75px
}

.pt75 {
    padding-top: 75px
}

.pr75 {
    padding-right: 75px
}

.pb75 {
    padding-bottom: 75px
}

.pl75 {
    padding-left: 75px
}

.m70 {
    margin: 70px
}

.p70 {
    padding: 70px
}

.mt70 {
    margin-top: 70px
}

.mr70 {
    margin-right: 70px
}

.mb70 {
    margin-bottom: 70px
}

.ml70 {
    margin-left: 70px
}

.pt70 {
    padding-top: 70px
}

.pr70 {
    padding-right: 70px
}

.pb70 {
    padding-bottom: 70px
}

.pl70 {
    padding-left: 70px
}

.m65 {
    margin: 65px
}

.p65 {
    padding: 65px
}

.mt65 {
    margin-top: 65px
}

.mr65 {
    margin-right: 65px
}

.mb65 {
    margin-bottom: 65px
}

.ml65 {
    margin-left: 65px
}

.pt65 {
    padding-top: 65px
}

.pr65 {
    padding-right: 65px
}

.pb65 {
    padding-bottom: 65px
}

.pl65 {
    padding-left: 65px
}

.m60 {
    margin: 60px
}

.p60 {
    padding: 60px
}

.mt60 {
    margin-top: 60px
}

.mr60 {
    margin-right: 60px
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.pt60 {
    padding-top: 60px
}

.pr60 {
    padding-right: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

.m55 {
    margin: 55px
}

.p55 {
    padding: 55px
}

.mt55 {
    margin-top: 55px
}

.mr55 {
    margin-right: 55px
}

.mb55 {
    margin-bottom: 55px
}

.ml55 {
    margin-left: 55px
}

.pt55 {
    padding-top: 55px
}

.pr55 {
    padding-right: 55px
}

.pb55 {
    padding-bottom: 55px
}

.pl55 {
    padding-left: 55px
}

.m50 {
    margin: 50px
}

.p50 {
    padding: 50px
}

.mt50 {
    margin-top: 50px
}

.mr50 {
    margin-right: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.pt50 {
    padding-top: 50px
}

.pr50 {
    padding-right: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.m45 {
    margin: 45px
}

.p45 {
    padding: 45px
}

.mt45 {
    margin-top: 45px
}

.mr45 {
    margin-right: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.pt45 {
    padding-top: 45px
}

.pr45 {
    padding-right: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pl45 {
    padding-left: 45px
}

.m40 {
    margin: 40px
}

.p40 {
    padding: 40px
}

.mt40 {
    margin-top: 40px
}

.mr40 {
    margin-right: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.pt40 {
    padding-top: 40px
}

.pr40 {
    padding-right: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.m35 {
    margin: 35px
}

.p35 {
    padding: 35px
}

.mt35 {
    margin-top: 35px
}

.mr35 {
    margin-right: 35px
}

.mb35 {
    margin-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.pt35 {
    padding-top: 35px
}

.pr35 {
    padding-right: 35px
}

.pb35 {
    padding-bottom: 35px
}

.pl35 {
    padding-left: 35px
}

.m30 {
    margin: 30px
}

.p30 {
    padding: 30px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.m25 {
    margin: 25px
}

.p25 {
    padding: 25px
}

.mt25 {
    margin-top: 25px
}

.mr25 {
    margin-right: 25px
}

.mb25 {
    margin-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.pt25 {
    padding-top: 25px
}

.pr25 {
    padding-right: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pl25 {
    padding-left: 25px
}

.m20 {
    margin: 20px
}

.p20 {
    padding: 20px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.m15 {
    margin: 15px
}

.p15 {
    padding: 15px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.m10 {
    margin: 10px
}

.p10 {
    padding: 10px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px;
	text-align:right;
}

.ml10 {
    margin-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.m5 {
    margin: 5px
}

.p5 {
    padding: 5px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.m0 {
    margin: 0px
}

.p0 {
    padding: 0px
}

.mt0 {
    margin-top: 0px
}

.mr0 {
    margin-right: 0px
}

.mb0 {
    margin-bottom: 0px
}

.ml0 {
    margin-left: 0px
}

.pt0 {
    padding-top: 0px
}

.pr0 {
    padding-right: 0px
}

.pb0 {
    padding-bottom: 0px
}

.pl0 {
    padding-left: 0px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mt9 {
    margin-top: 9px
}

.mr9 {
    margin-right: 9px
}

.mb9 {
    margin-bottom: 9px
}

.ml9 {
    margin-left: 9px
}

.mt8 {
    margin-top: 8px
}

.mr8 {
    margin-right: 8px
}

.mb8 {
    margin-bottom: 8px
}

.ml8 {
    margin-left: 8px
}

.mt7 {
    margin-top: 7px
}

.mr7 {
    margin-right: 7px
}

.mb7 {
    margin-bottom: 7px
}

.ml7 {
    margin-left: 7px
}

.mt6 {
    margin-top: 6px
}

.mr6 {
    margin-right: 6px
}

.mb6 {
    margin-bottom: 6px
}

.ml6 {
    margin-left: 6px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mt4 {
    margin-top: 4px
}

.mr4 {
    margin-right: 4px
}

.mb4 {
    margin-bottom: 4px
}

.ml4 {
    margin-left: 4px
}

.mt3 {
    margin-top: 3px
}

.mr3 {
    margin-right: 3px
}

.mb3 {
    margin-bottom: 3px
}

.ml3 {
    margin-left: 3px
}

.mt2 {
    margin-top: 2px
}

.mr2 {
    margin-right: 2px
}

.mb2 {
    margin-bottom: 2px
}

.ml2 {
    margin-left: 2px
}

.mt1 {
    margin-top: 1px
}

.mr1 {
    margin-right: 1px
}

.mb1 {
    margin-bottom: 1px
}

.ml1 {
    margin-left: 1px
}

.mt0 {
    margin-top: 0px
}

.mr0 {
    margin-right: 0px
}

.mb0 {
    margin-bottom: 0px
}

.ml0 {
    margin-left: 0px
}

.m100-100 {
    margin: 100px 100px
}

.p100-100 {
    padding: 100px 100px
}

.m100-95 {
    margin: 100px 95px
}

.p100-95 {
    padding: 100px 95px
}

.m100-90 {
    margin: 100px 90px
}

.p100-90 {
    padding: 100px 90px
}

.m100-85 {
    margin: 100px 85px
}

.p100-85 {
    padding: 100px 85px
}

.m100-80 {
    margin: 100px 80px
}

.p100-80 {
    padding: 100px 80px
}

.m100-75 {
    margin: 100px 75px
}

.p100-75 {
    padding: 100px 75px
}

.m100-70 {
    margin: 100px 70px
}

.p100-70 {
    padding: 100px 70px
}

.m100-65 {
    margin: 100px 65px
}

.p100-65 {
    padding: 100px 65px
}

.m100-60 {
    margin: 100px 60px
}

.p100-60 {
    padding: 100px 60px
}

.m100-55 {
    margin: 100px 55px
}

.p100-55 {
    padding: 100px 55px
}

.m100-50 {
    margin: 100px 50px
}

.p100-50 {
    padding: 100px 50px
}

.m100-45 {
    margin: 100px 45px
}

.p100-45 {
    padding: 100px 45px
}

.m100-40 {
    margin: 100px 40px
}

.p100-40 {
    padding: 100px 40px
}

.m100-35 {
    margin: 100px 35px
}

.p100-35 {
    padding: 100px 35px
}

.m100-30 {
    margin: 100px 30px
}

.p100-30 {
    padding: 100px 30px
}

.m100-25 {
    margin: 100px 25px
}

.p100-25 {
    padding: 100px 25px
}

.m100-20 {
    margin: 100px 20px
}

.p100-20 {
    padding: 100px 20px
}

.m100-15 {
    margin: 100px 15px
}

.p100-15 {
    padding: 100px 15px
}

.m100-10 {
    margin: 100px 10px
}

.p100-10 {
    padding: 100px 10px
}

.m100-5 {
    margin: 100px 5px
}

.p100-5 {
    padding: 100px 5px
}

.m100-0 {
    margin: 100px 0px
}

.p100-0 {
    padding: 100px 0px
}

.m95-100 {
    margin: 95px 100px
}

.p95-100 {
    padding: 95px 100px
}

.m95-95 {
    margin: 95px 95px
}

.p95-95 {
    padding: 95px 95px
}

.m95-90 {
    margin: 95px 90px
}

.p95-90 {
    padding: 95px 90px
}

.m95-85 {
    margin: 95px 85px
}

.p95-85 {
    padding: 95px 85px
}

.m95-80 {
    margin: 95px 80px
}

.p95-80 {
    padding: 95px 80px
}

.m95-75 {
    margin: 95px 75px
}

.p95-75 {
    padding: 95px 75px
}

.m95-70 {
    margin: 95px 70px
}

.p95-70 {
    padding: 95px 70px
}

.m95-65 {
    margin: 95px 65px
}

.p95-65 {
    padding: 95px 65px
}

.m95-60 {
    margin: 95px 60px
}

.p95-60 {
    padding: 95px 60px
}

.m95-55 {
    margin: 95px 55px
}

.p95-55 {
    padding: 95px 55px
}

.m95-50 {
    margin: 95px 50px
}

.p95-50 {
    padding: 95px 50px
}

.m95-45 {
    margin: 95px 45px
}

.p95-45 {
    padding: 95px 45px
}

.m95-40 {
    margin: 95px 40px
}

.p95-40 {
    padding: 95px 40px
}

.m95-35 {
    margin: 95px 35px
}

.p95-35 {
    padding: 95px 35px
}

.m95-30 {
    margin: 95px 30px
}

.p95-30 {
    padding: 95px 30px
}

.m95-25 {
    margin: 95px 25px
}

.p95-25 {
    padding: 95px 25px
}

.m95-20 {
    margin: 95px 20px
}

.p95-20 {
    padding: 95px 20px
}

.m95-15 {
    margin: 95px 15px
}

.p95-15 {
    padding: 95px 15px
}

.m95-10 {
    margin: 95px 10px
}

.p95-10 {
    padding: 95px 10px
}

.m95-5 {
    margin: 95px 5px
}

.p95-5 {
    padding: 95px 5px
}

.m95-0 {
    margin: 95px 0px
}

.p95-0 {
    padding: 95px 0px
}

.m90-100 {
    margin: 90px 100px
}

.p90-100 {
    padding: 90px 100px
}

.m90-95 {
    margin: 90px 95px
}

.p90-95 {
    padding: 90px 95px
}

.m90-90 {
    margin: 90px 90px
}

.p90-90 {
    padding: 90px 90px
}

.m90-85 {
    margin: 90px 85px
}

.p90-85 {
    padding: 90px 85px
}

.m90-80 {
    margin: 90px 80px
}

.p90-80 {
    padding: 90px 80px
}

.m90-75 {
    margin: 90px 75px
}

.p90-75 {
    padding: 90px 75px
}

.m90-70 {
    margin: 90px 70px
}

.p90-70 {
    padding: 90px 70px
}

.m90-65 {
    margin: 90px 65px
}

.p90-65 {
    padding: 90px 65px
}

.m90-60 {
    margin: 90px 60px
}

.p90-60 {
    padding: 90px 60px
}

.m90-55 {
    margin: 90px 55px
}

.p90-55 {
    padding: 90px 55px
}

.m90-50 {
    margin: 90px 50px
}

.p90-50 {
    padding: 90px 50px
}

.m90-45 {
    margin: 90px 45px
}

.p90-45 {
    padding: 90px 45px
}

.m90-40 {
    margin: 90px 40px
}

.p90-40 {
    padding: 90px 40px
}

.m90-35 {
    margin: 90px 35px
}

.p90-35 {
    padding: 90px 35px
}

.m90-30 {
    margin: 90px 30px
}

.p90-30 {
    padding: 90px 30px
}

.m90-25 {
    margin: 90px 25px
}

.p90-25 {
    padding: 90px 25px
}

.m90-20 {
    margin: 90px 20px
}

.p90-20 {
    padding: 90px 20px
}

.m90-15 {
    margin: 90px 15px
}

.p90-15 {
    padding: 90px 15px
}

.m90-10 {
    margin: 90px 10px
}

.p90-10 {
    padding: 90px 10px
}

.m90-5 {
    margin: 90px 5px
}

.p90-5 {
    padding: 90px 5px
}

.m90-0 {
    margin: 90px 0px
}

.p90-0 {
    padding: 90px 0px
}

.m85-100 {
    margin: 85px 100px
}

.p85-100 {
    padding: 85px 100px
}

.m85-95 {
    margin: 85px 95px
}

.p85-95 {
    padding: 85px 95px
}

.m85-90 {
    margin: 85px 90px
}

.p85-90 {
    padding: 85px 90px
}

.m85-85 {
    margin: 85px 85px
}

.p85-85 {
    padding: 85px 85px
}

.m85-80 {
    margin: 85px 80px
}

.p85-80 {
    padding: 85px 80px
}

.m85-75 {
    margin: 85px 75px
}

.p85-75 {
    padding: 85px 75px
}

.m85-70 {
    margin: 85px 70px
}

.p85-70 {
    padding: 85px 70px
}

.m85-65 {
    margin: 85px 65px
}

.p85-65 {
    padding: 85px 65px
}

.m85-60 {
    margin: 85px 60px
}

.p85-60 {
    padding: 85px 60px
}

.m85-55 {
    margin: 85px 55px
}

.p85-55 {
    padding: 85px 55px
}

.m85-50 {
    margin: 85px 50px
}

.p85-50 {
    padding: 85px 50px
}

.m85-45 {
    margin: 85px 45px
}

.p85-45 {
    padding: 85px 45px
}

.m85-40 {
    margin: 85px 40px
}

.p85-40 {
    padding: 85px 40px
}

.m85-35 {
    margin: 85px 35px
}

.p85-35 {
    padding: 85px 35px
}

.m85-30 {
    margin: 85px 30px
}

.p85-30 {
    padding: 85px 30px
}

.m85-25 {
    margin: 85px 25px
}

.p85-25 {
    padding: 85px 25px
}

.m85-20 {
    margin: 85px 20px
}

.p85-20 {
    padding: 85px 20px
}

.m85-15 {
    margin: 85px 15px
}

.p85-15 {
    padding: 85px 15px
}

.m85-10 {
    margin: 85px 10px
}

.p85-10 {
    padding: 85px 10px
}

.m85-5 {
    margin: 85px 5px
}

.p85-5 {
    padding: 85px 5px
}

.m85-0 {
    margin: 85px 0px
}

.p85-0 {
    padding: 85px 0px
}

.m80-100 {
    margin: 80px 100px
}

.p80-100 {
    padding: 80px 100px
}

.m80-95 {
    margin: 80px 95px
}

.p80-95 {
    padding: 80px 95px
}

.m80-90 {
    margin: 80px 90px
}

.p80-90 {
    padding: 80px 90px
}

.m80-85 {
    margin: 80px 85px
}

.p80-85 {
    padding: 80px 85px
}

.m80-80 {
    margin: 80px 80px
}

.p80-80 {
    padding: 80px 80px
}

.m80-75 {
    margin: 80px 75px
}

.p80-75 {
    padding: 80px 75px
}

.m80-70 {
    margin: 80px 70px
}

.p80-70 {
    padding: 80px 70px
}

.m80-65 {
    margin: 80px 65px
}

.p80-65 {
    padding: 80px 65px
}

.m80-60 {
    margin: 80px 60px
}

.p80-60 {
    padding: 80px 60px
}

.m80-55 {
    margin: 80px 55px
}

.p80-55 {
    padding: 80px 55px
}

.m80-50 {
    margin: 80px 50px
}

.p80-50 {
    padding: 80px 50px
}

.m80-45 {
    margin: 80px 45px
}

.p80-45 {
    padding: 80px 45px
}

.m80-40 {
    margin: 80px 40px
}

.p80-40 {
    padding: 80px 40px
}

.m80-35 {
    margin: 80px 35px
}

.p80-35 {
    padding: 80px 35px
}

.m80-30 {
    margin: 80px 30px
}

.p80-30 {
    padding: 80px 30px
}

.m80-25 {
    margin: 80px 25px
}

.p80-25 {
    padding: 80px 25px
}

.m80-20 {
    margin: 80px 20px
}

.p80-20 {
    padding: 80px 20px
}

.m80-15 {
    margin: 80px 15px
}

.p80-15 {
    padding: 80px 15px
}

.m80-10 {
    margin: 80px 10px
}

.p80-10 {
    padding: 80px 10px
}

.m80-5 {
    margin: 80px 5px
}

.p80-5 {
    padding: 80px 5px
}

.m80-0 {
    margin: 80px 0px
}

.p80-0 {
    padding: 80px 0px
}

.m75-100 {
    margin: 75px 100px
}

.p75-100 {
    padding: 75px 100px
}

.m75-95 {
    margin: 75px 95px
}

.p75-95 {
    padding: 75px 95px
}

.m75-90 {
    margin: 75px 90px
}

.p75-90 {
    padding: 75px 90px
}

.m75-85 {
    margin: 75px 85px
}

.p75-85 {
    padding: 75px 85px
}

.m75-80 {
    margin: 75px 80px
}

.p75-80 {
    padding: 75px 80px
}

.m75-75 {
    margin: 75px 75px
}

.p75-75 {
    padding: 75px 75px
}

.m75-70 {
    margin: 75px 70px
}

.p75-70 {
    padding: 75px 70px
}

.m75-65 {
    margin: 75px 65px
}

.p75-65 {
    padding: 75px 65px
}

.m75-60 {
    margin: 75px 60px
}

.p75-60 {
    padding: 75px 60px
}

.m75-55 {
    margin: 75px 55px
}

.p75-55 {
    padding: 75px 55px
}

.m75-50 {
    margin: 75px 50px
}

.p75-50 {
    padding: 75px 50px
}

.m75-45 {
    margin: 75px 45px
}

.p75-45 {
    padding: 75px 45px
}

.m75-40 {
    margin: 75px 40px
}

.p75-40 {
    padding: 75px 40px
}

.m75-35 {
    margin: 75px 35px
}

.p75-35 {
    padding: 75px 35px
}

.m75-30 {
    margin: 75px 30px
}

.p75-30 {
    padding: 75px 30px
}

.m75-25 {
    margin: 75px 25px
}

.p75-25 {
    padding: 75px 25px
}

.m75-20 {
    margin: 75px 20px
}

.p75-20 {
    padding: 75px 20px
}

.m75-15 {
    margin: 75px 15px
}

.p75-15 {
    padding: 75px 15px
}

.m75-10 {
    margin: 75px 10px
}

.p75-10 {
    padding: 75px 10px
}

.m75-5 {
    margin: 75px 5px
}

.p75-5 {
    padding: 75px 5px
}

.m75-0 {
    margin: 75px 0px
}

.p75-0 {
    padding: 75px 0px
}

.m70-100 {
    margin: 70px 100px
}

.p70-100 {
    padding: 70px 100px
}

.m70-95 {
    margin: 70px 95px
}

.p70-95 {
    padding: 70px 95px
}

.m70-90 {
    margin: 70px 90px
}

.p70-90 {
    padding: 70px 90px
}

.m70-85 {
    margin: 70px 85px
}

.p70-85 {
    padding: 70px 85px
}

.m70-80 {
    margin: 70px 80px
}

.p70-80 {
    padding: 70px 80px
}

.m70-75 {
    margin: 70px 75px
}

.p70-75 {
    padding: 70px 75px
}

.m70-70 {
    margin: 70px 70px
}

.p70-70 {
    padding: 70px 70px
}

.m70-65 {
    margin: 70px 65px
}

.p70-65 {
    padding: 70px 65px
}

.m70-60 {
    margin: 70px 60px
}

.p70-60 {
    padding: 70px 60px
}

.m70-55 {
    margin: 70px 55px
}

.p70-55 {
    padding: 70px 55px
}

.m70-50 {
    margin: 70px 50px
}

.p70-50 {
    padding: 70px 50px
}

.m70-45 {
    margin: 70px 45px
}

.p70-45 {
    padding: 70px 45px
}

.m70-40 {
    margin: 70px 40px
}

.p70-40 {
    padding: 70px 40px
}

.m70-35 {
    margin: 70px 35px
}

.p70-35 {
    padding: 70px 35px
}

.m70-30 {
    margin: 70px 30px
}

.p70-30 {
    padding: 70px 30px
}

.m70-25 {
    margin: 70px 25px
}

.p70-25 {
    padding: 70px 25px
}

.m70-20 {
    margin: 70px 20px
}

.p70-20 {
    padding: 70px 20px
}

.m70-15 {
    margin: 70px 15px
}

.p70-15 {
    padding: 70px 15px
}

.m70-10 {
    margin: 70px 10px
}

.p70-10 {
    padding: 70px 10px
}

.m70-5 {
    margin: 70px 5px
}

.p70-5 {
    padding: 70px 5px
}

.m70-0 {
    margin: 70px 0px
}

.p70-0 {
    padding: 70px 0px
}

.m65-100 {
    margin: 65px 100px
}

.p65-100 {
    padding: 65px 100px
}

.m65-95 {
    margin: 65px 95px
}

.p65-95 {
    padding: 65px 95px
}

.m65-90 {
    margin: 65px 90px
}

.p65-90 {
    padding: 65px 90px
}

.m65-85 {
    margin: 65px 85px
}

.p65-85 {
    padding: 65px 85px
}

.m65-80 {
    margin: 65px 80px
}

.p65-80 {
    padding: 65px 80px
}

.m65-75 {
    margin: 65px 75px
}

.p65-75 {
    padding: 65px 75px
}

.m65-70 {
    margin: 65px 70px
}

.p65-70 {
    padding: 65px 70px
}

.m65-65 {
    margin: 65px 65px
}

.p65-65 {
    padding: 65px 65px
}

.m65-60 {
    margin: 65px 60px
}

.p65-60 {
    padding: 65px 60px
}

.m65-55 {
    margin: 65px 55px
}

.p65-55 {
    padding: 65px 55px
}

.m65-50 {
    margin: 65px 50px
}

.p65-50 {
    padding: 65px 50px
}

.m65-45 {
    margin: 65px 45px
}

.p65-45 {
    padding: 65px 45px
}

.m65-40 {
    margin: 65px 40px
}

.p65-40 {
    padding: 65px 40px
}

.m65-35 {
    margin: 65px 35px
}

.p65-35 {
    padding: 65px 35px
}

.m65-30 {
    margin: 65px 30px
}

.p65-30 {
    padding: 65px 30px
}

.m65-25 {
    margin: 65px 25px
}

.p65-25 {
    padding: 65px 25px
}

.m65-20 {
    margin: 65px 20px
}

.p65-20 {
    padding: 65px 20px
}

.m65-15 {
    margin: 65px 15px
}

.p65-15 {
    padding: 65px 15px
}

.m65-10 {
    margin: 65px 10px
}

.p65-10 {
    padding: 65px 10px
}

.m65-5 {
    margin: 65px 5px
}

.p65-5 {
    padding: 65px 5px
}

.m65-0 {
    margin: 65px 0px
}

.p65-0 {
    padding: 65px 0px
}

.m60-100 {
    margin: 60px 100px
}

.p60-100 {
    padding: 60px 100px
}

.m60-95 {
    margin: 60px 95px
}

.p60-95 {
    padding: 60px 95px
}

.m60-90 {
    margin: 60px 90px
}

.p60-90 {
    padding: 60px 90px
}

.m60-85 {
    margin: 60px 85px
}

.p60-85 {
    padding: 60px 85px
}

.m60-80 {
    margin: 60px 80px
}

.p60-80 {
    padding: 60px 80px
}

.m60-75 {
    margin: 60px 75px
}

.p60-75 {
    padding: 60px 75px
}

.m60-70 {
    margin: 60px 70px
}

.p60-70 {
    padding: 60px 70px
}

.m60-65 {
    margin: 60px 65px
}

.p60-65 {
    padding: 60px 65px
}

.m60-60 {
    margin: 60px 60px
}

.p60-60 {
    padding: 60px 60px
}

.m60-55 {
    margin: 60px 55px
}

.p60-55 {
    padding: 60px 55px
}

.m60-50 {
    margin: 60px 50px
}

.p60-50 {
    padding: 60px 50px
}

.m60-45 {
    margin: 60px 45px
}

.p60-45 {
    padding: 60px 45px
}

.m60-40 {
    margin: 60px 40px
}

.p60-40 {
    padding: 60px 40px
}

.m60-35 {
    margin: 60px 35px
}

.p60-35 {
    padding: 60px 35px
}

.m60-30 {
    margin: 60px 30px
}

.p60-30 {
    padding: 60px 30px
}

.m60-25 {
    margin: 60px 25px
}

.p60-25 {
    padding: 60px 25px
}

.m60-20 {
    margin: 60px 20px
}

.p60-20 {
    padding: 60px 20px
}

.m60-15 {
    margin: 60px 15px
}

.p60-15 {
    padding: 60px 15px
}

.m60-10 {
    margin: 60px 10px
}

.p60-10 {
    padding: 60px 10px
}

.m60-5 {
    margin: 60px 5px
}

.p60-5 {
    padding: 60px 5px
}

.m60-0 {
    margin: 60px 0px
}

.p60-0 {
    padding: 60px 0px
}

.m55-100 {
    margin: 55px 100px
}

.p55-100 {
    padding: 55px 100px
}

.m55-95 {
    margin: 55px 95px
}

.p55-95 {
    padding: 55px 95px
}

.m55-90 {
    margin: 55px 90px
}

.p55-90 {
    padding: 55px 90px
}

.m55-85 {
    margin: 55px 85px
}

.p55-85 {
    padding: 55px 85px
}

.m55-80 {
    margin: 55px 80px
}

.p55-80 {
    padding: 55px 80px
}

.m55-75 {
    margin: 55px 75px
}

.p55-75 {
    padding: 55px 75px
}

.m55-70 {
    margin: 55px 70px
}

.p55-70 {
    padding: 55px 70px
}

.m55-65 {
    margin: 55px 65px
}

.p55-65 {
    padding: 55px 65px
}

.m55-60 {
    margin: 55px 60px
}

.p55-60 {
    padding: 55px 60px
}

.m55-55 {
    margin: 55px 55px
}

.p55-55 {
    padding: 55px 55px
}

.m55-50 {
    margin: 55px 50px
}

.p55-50 {
    padding: 55px 50px
}

.m55-45 {
    margin: 55px 45px
}

.p55-45 {
    padding: 55px 45px
}

.m55-40 {
    margin: 55px 40px
}

.p55-40 {
    padding: 55px 40px
}

.m55-35 {
    margin: 55px 35px
}

.p55-35 {
    padding: 55px 35px
}

.m55-30 {
    margin: 55px 30px
}

.p55-30 {
    padding: 55px 30px
}

.m55-25 {
    margin: 55px 25px
}

.p55-25 {
    padding: 55px 25px
}

.m55-20 {
    margin: 55px 20px
}

.p55-20 {
    padding: 55px 20px
}

.m55-15 {
    margin: 55px 15px
}

.p55-15 {
    padding: 55px 15px
}

.m55-10 {
    margin: 55px 10px
}

.p55-10 {
    padding: 55px 10px
}

.m55-5 {
    margin: 55px 5px
}

.p55-5 {
    padding: 55px 5px
}

.m55-0 {
    margin: 55px 0px
}

.p55-0 {
    padding: 55px 0px
}

.m50-100 {
    margin: 50px 100px
}

.p50-100 {
    padding: 50px 100px
}

.m50-95 {
    margin: 50px 95px
}

.p50-95 {
    padding: 50px 95px
}

.m50-90 {
    margin: 50px 90px
}

.p50-90 {
    padding: 50px 90px
}

.m50-85 {
    margin: 50px 85px
}

.p50-85 {
    padding: 50px 85px
}

.m50-80 {
    margin: 50px 80px
}

.p50-80 {
    padding: 50px 80px
}

.m50-75 {
    margin: 50px 75px
}

.p50-75 {
    padding: 50px 75px
}

.m50-70 {
    margin: 50px 70px
}

.p50-70 {
    padding: 50px 70px
}

.m50-65 {
    margin: 50px 65px
}

.p50-65 {
    padding: 50px 65px
}

.m50-60 {
    margin: 50px 60px
}

.p50-60 {
    padding: 50px 60px
}

.m50-55 {
    margin: 50px 55px
}

.p50-55 {
    padding: 50px 55px
}

.m50-50 {
    margin: 50px 50px
}

.p50-50 {
    padding: 50px 50px
}

.m50-45 {
    margin: 50px 45px
}

.p50-45 {
    padding: 50px 45px
}

.m50-40 {
    margin: 50px 40px
}

.p50-40 {
    padding: 50px 40px
}

.m50-35 {
    margin: 50px 35px
}

.p50-35 {
    padding: 50px 35px
}

.m50-30 {
    margin: 50px 30px
}

.p50-30 {
    padding: 50px 30px
}

.m50-25 {
    margin: 50px 25px
}

.p50-25 {
    padding: 50px 25px
}

.m50-20 {
    margin: 50px 20px
}

.p50-20 {
    padding: 50px 20px
}

.m50-15 {
    margin: 50px 15px
}

.p50-15 {
    padding: 50px 15px
}

.m50-10 {
    margin: 50px 10px
}

.p50-10 {
    padding: 50px 10px
}

.m50-5 {
    margin: 50px 5px
}

.p50-5 {
    padding: 50px 5px
}

.m50-0 {
    margin: 50px 0px
}

.p50-0 {
    padding: 50px 0px
}

.m45-100 {
    margin: 45px 100px
}

.p45-100 {
    padding: 45px 100px
}

.m45-95 {
    margin: 45px 95px
}

.p45-95 {
    padding: 45px 95px
}

.m45-90 {
    margin: 45px 90px
}

.p45-90 {
    padding: 45px 90px
}

.m45-85 {
    margin: 45px 85px
}

.p45-85 {
    padding: 45px 85px
}

.m45-80 {
    margin: 45px 80px
}

.p45-80 {
    padding: 45px 80px
}

.m45-75 {
    margin: 45px 75px
}

.p45-75 {
    padding: 45px 75px
}

.m45-70 {
    margin: 45px 70px
}

.p45-70 {
    padding: 45px 70px
}

.m45-65 {
    margin: 45px 65px
}

.p45-65 {
    padding: 45px 65px
}

.m45-60 {
    margin: 45px 60px
}

.p45-60 {
    padding: 45px 60px
}

.m45-55 {
    margin: 45px 55px
}

.p45-55 {
    padding: 45px 55px
}

.m45-50 {
    margin: 45px 50px
}

.p45-50 {
    padding: 45px 50px
}

.m45-45 {
    margin: 45px 45px
}

.p45-45 {
    padding: 45px 45px
}

.m45-40 {
    margin: 45px 40px
}

.p45-40 {
    padding: 45px 40px
}

.m45-35 {
    margin: 45px 35px
}

.p45-35 {
    padding: 45px 35px
}

.m45-30 {
    margin: 45px 30px
}

.p45-30 {
    padding: 45px 30px
}

.m45-25 {
    margin: 45px 25px
}

.p45-25 {
    padding: 45px 25px
}

.m45-20 {
    margin: 45px 20px
}

.p45-20 {
    padding: 45px 20px
}

.m45-15 {
    margin: 45px 15px
}

.p45-15 {
    padding: 45px 15px
}

.m45-10 {
    margin: 45px 10px
}

.p45-10 {
    padding: 45px 10px
}

.m45-5 {
    margin: 45px 5px
}

.p45-5 {
    padding: 45px 5px
}

.m45-0 {
    margin: 45px 0px
}

.p45-0 {
    padding: 45px 0px
}

.m40-100 {
    margin: 40px 100px
}

.p40-100 {
    padding: 40px 100px
}

.m40-95 {
    margin: 40px 95px
}

.p40-95 {
    padding: 40px 95px
}

.m40-90 {
    margin: 40px 90px
}

.p40-90 {
    padding: 40px 90px
}

.m40-85 {
    margin: 40px 85px
}

.p40-85 {
    padding: 40px 85px
}

.m40-80 {
    margin: 40px 80px
}

.p40-80 {
    padding: 40px 80px
}

.m40-75 {
    margin: 40px 75px
}

.p40-75 {
    padding: 40px 75px
}

.m40-70 {
    margin: 40px 70px
}

.p40-70 {
    padding: 40px 70px
}

.m40-65 {
    margin: 40px 65px
}

.p40-65 {
    padding: 40px 65px
}

.m40-60 {
    margin: 40px 60px
}

.p40-60 {
    padding: 40px 60px
}

.m40-55 {
    margin: 40px 55px
}

.p40-55 {
    padding: 40px 55px
}

.m40-50 {
    margin: 40px 50px
}

.p40-50 {
    padding: 40px 50px
}

.m40-45 {
    margin: 40px 45px
}

.p40-45 {
    padding: 40px 45px
}

.m40-40 {
    margin: 40px 40px
}

.p40-40 {
    padding: 40px 40px
}

.m40-35 {
    margin: 40px 35px
}

.p40-35 {
    padding: 40px 35px
}

.m40-30 {
    margin: 40px 30px
}

.p40-30 {
    padding: 40px 30px
}

.m40-25 {
    margin: 40px 25px
}

.p40-25 {
    padding: 40px 25px
}

.m40-20 {
    margin: 40px 20px
}

.p40-20 {
    padding: 40px 20px
}

.m40-15 {
    margin: 40px 15px
}

.p40-15 {
    padding: 40px 15px
}

.m40-10 {
    margin: 40px 10px
}

.p40-10 {
    padding: 40px 10px
}

.m40-5 {
    margin: 40px 5px
}

.p40-5 {
    padding: 40px 5px
}

.m40-0 {
    margin: 40px 0px
}

.p40-0 {
    padding: 40px 0px
}

.m35-100 {
    margin: 35px 100px
}

.p35-100 {
    padding: 35px 100px
}

.m35-95 {
    margin: 35px 95px
}

.p35-95 {
    padding: 35px 95px
}

.m35-90 {
    margin: 35px 90px
}

.p35-90 {
    padding: 35px 90px
}

.m35-85 {
    margin: 35px 85px
}

.p35-85 {
    padding: 35px 85px
}

.m35-80 {
    margin: 35px 80px
}

.p35-80 {
    padding: 35px 80px
}

.m35-75 {
    margin: 35px 75px
}

.p35-75 {
    padding: 35px 75px
}

.m35-70 {
    margin: 35px 70px
}

.p35-70 {
    padding: 35px 70px
}

.m35-65 {
    margin: 35px 65px
}

.p35-65 {
    padding: 35px 65px
}

.m35-60 {
    margin: 35px 60px
}

.p35-60 {
    padding: 35px 60px
}

.m35-55 {
    margin: 35px 55px
}

.p35-55 {
    padding: 35px 55px
}

.m35-50 {
    margin: 35px 50px
}

.p35-50 {
    padding: 35px 50px
}

.m35-45 {
    margin: 35px 45px
}

.p35-45 {
    padding: 35px 45px
}

.m35-40 {
    margin: 35px 40px
}

.p35-40 {
    padding: 35px 40px
}

.m35-35 {
    margin: 35px 35px
}

.p35-35 {
    padding: 35px 35px
}

.m35-30 {
    margin: 35px 30px
}

.p35-30 {
    padding: 35px 30px
}

.m35-25 {
    margin: 35px 25px
}

.p35-25 {
    padding: 35px 25px
}

.m35-20 {
    margin: 35px 20px
}

.p35-20 {
    padding: 35px 20px
}

.m35-15 {
    margin: 35px 15px
}

.p35-15 {
    padding: 35px 15px
}

.m35-10 {
    margin: 35px 10px
}

.p35-10 {
    padding: 35px 10px
}

.m35-5 {
    margin: 35px 5px
}

.p35-5 {
    padding: 35px 5px
}

.m35-0 {
    margin: 35px 0px
}

.p35-0 {
    padding: 35px 0px
}

.m30-100 {
    margin: 30px 100px
}

.p30-100 {
    padding: 30px 100px
}

.m30-95 {
    margin: 30px 95px
}

.p30-95 {
    padding: 30px 95px
}

.m30-90 {
    margin: 30px 90px
}

.p30-90 {
    padding: 30px 90px
}

.m30-85 {
    margin: 30px 85px
}

.p30-85 {
    padding: 30px 85px
}

.m30-80 {
    margin: 30px 80px
}

.p30-80 {
    padding: 30px 80px
}

.m30-75 {
    margin: 30px 75px
}

.p30-75 {
    padding: 30px 75px
}

.m30-70 {
    margin: 30px 70px
}

.p30-70 {
    padding: 30px 70px
}

.m30-65 {
    margin: 30px 65px
}

.p30-65 {
    padding: 30px 65px
}

.m30-60 {
    margin: 30px 60px
}

.p30-60 {
    padding: 30px 60px
}

.m30-55 {
    margin: 30px 55px
}

.p30-55 {
    padding: 30px 55px
}

.m30-50 {
    margin: 30px 50px
}

.p30-50 {
    padding: 30px 50px
}

.m30-45 {
    margin: 30px 45px
}

.p30-45 {
    padding: 30px 45px
}

.m30-40 {
    margin: 30px 40px
}

.p30-40 {
    padding: 30px 40px
}

.m30-35 {
    margin: 30px 35px
}

.p30-35 {
    padding: 30px 35px
}

.m30-30 {
    margin: 30px 30px
}

.p30-30 {
    padding: 30px 30px
}

.m30-25 {
    margin: 30px 25px
}

.p30-25 {
    padding: 30px 25px
}

.m30-20 {
    margin: 30px 20px
}

.p30-20 {
    padding: 30px 20px
}

.m30-15 {
    margin: 30px 15px
}

.p30-15 {
    padding: 30px 15px
}

.m30-10 {
    margin: 30px 10px
}

.p30-10 {
    padding: 30px 10px
}

.m30-5 {
    margin: 30px 5px
}

.p30-5 {
    padding: 30px 5px
}

.m30-0 {
    margin: 30px 0px
}

.p30-0 {
    padding: 30px 0px
}

.m25-100 {
    margin: 25px 100px
}

.p25-100 {
    padding: 25px 100px
}

.m25-95 {
    margin: 25px 95px
}

.p25-95 {
    padding: 25px 95px
}

.m25-90 {
    margin: 25px 90px
}

.p25-90 {
    padding: 25px 90px
}

.m25-85 {
    margin: 25px 85px
}

.p25-85 {
    padding: 25px 85px
}

.m25-80 {
    margin: 25px 80px
}

.p25-80 {
    padding: 25px 80px
}

.m25-75 {
    margin: 25px 75px
}

.p25-75 {
    padding: 25px 75px
}

.m25-70 {
    margin: 25px 70px
}

.p25-70 {
    padding: 25px 70px
}

.m25-65 {
    margin: 25px 65px
}

.p25-65 {
    padding: 25px 65px
}

.m25-60 {
    margin: 25px 60px
}

.p25-60 {
    padding: 25px 60px
}

.m25-55 {
    margin: 25px 55px
}

.p25-55 {
    padding: 25px 55px
}

.m25-50 {
    margin: 25px 50px
}

.p25-50 {
    padding: 25px 50px
}

.m25-45 {
    margin: 25px 45px
}

.p25-45 {
    padding: 25px 45px
}

.m25-40 {
    margin: 25px 40px
}

.p25-40 {
    padding: 25px 40px
}

.m25-35 {
    margin: 25px 35px
}

.p25-35 {
    padding: 25px 35px
}

.m25-30 {
    margin: 25px 30px
}

.p25-30 {
    padding: 25px 30px
}

.m25-25 {
    margin: 25px 25px
}

.p25-25 {
    padding: 25px 25px
}

.m25-20 {
    margin: 25px 20px
}

.p25-20 {
    padding: 25px 20px
}

.m25-15 {
    margin: 25px 15px
}

.p25-15 {
    padding: 25px 15px
}

.m25-10 {
    margin: 25px 10px
}

.p25-10 {
    padding: 25px 10px
}

.m25-5 {
    margin: 25px 5px
}

.p25-5 {
    padding: 25px 5px
}

.m25-0 {
    margin: 25px 0px
}

.p25-0 {
    padding: 25px 0px
}

.m20-100 {
    margin: 20px 100px
}

.p20-100 {
    padding: 20px 100px
}

.m20-95 {
    margin: 20px 95px
}

.p20-95 {
    padding: 20px 95px
}

.m20-90 {
    margin: 20px 90px
}

.p20-90 {
    padding: 20px 90px
}

.m20-85 {
    margin: 20px 85px
}

.p20-85 {
    padding: 20px 85px
}

.m20-80 {
    margin: 20px 80px
}

.p20-80 {
    padding: 20px 80px
}

.m20-75 {
    margin: 20px 75px
}

.p20-75 {
    padding: 20px 75px
}

.m20-70 {
    margin: 20px 70px
}

.p20-70 {
    padding: 20px 70px
}

.m20-65 {
    margin: 20px 65px
}

.p20-65 {
    padding: 20px 65px
}

.m20-60 {
    margin: 20px 60px
}

.p20-60 {
    padding: 20px 60px
}

.m20-55 {
    margin: 20px 55px
}

.p20-55 {
    padding: 20px 55px
}

.m20-50 {
    margin: 20px 50px
}

.p20-50 {
    padding: 20px 50px
}

.m20-45 {
    margin: 20px 45px
}

.p20-45 {
    padding: 20px 45px
}

.m20-40 {
    margin: 20px 40px
}

.p20-40 {
    padding: 20px 40px
}

.m20-35 {
    margin: 20px 35px
}

.p20-35 {
    padding: 20px 35px
}

.m20-30 {
    margin: 20px 30px
}

.p20-30 {
    padding: 20px 30px
}

.m20-25 {
    margin: 20px 25px
}

.p20-25 {
    padding: 20px 25px
}

.m20-20 {
    margin: 20px 20px
}

.p20-20 {
    padding: 20px 20px
}

.m20-15 {
    margin: 20px 15px
}

.p20-15 {
    padding: 20px 15px
}

.m20-10 {
    margin: 20px 10px
}

.p20-10 {
    padding: 20px 10px
}

.m20-5 {
    margin: 20px 5px
}

.p20-5 {
    padding: 20px 5px
}

.m20-0 {
    margin: 20px 0px
}

.p20-0 {
    padding: 20px 0px
}

.m15-100 {
    margin: 15px 100px
}

.p15-100 {
    padding: 15px 100px
}

.m15-95 {
    margin: 15px 95px
}

.p15-95 {
    padding: 15px 95px
}

.m15-90 {
    margin: 15px 90px
}

.p15-90 {
    padding: 15px 90px
}

.m15-85 {
    margin: 15px 85px
}

.p15-85 {
    padding: 15px 85px
}

.m15-80 {
    margin: 15px 80px
}

.p15-80 {
    padding: 15px 80px
}

.m15-75 {
    margin: 15px 75px
}

.p15-75 {
    padding: 15px 75px
}

.m15-70 {
    margin: 15px 70px
}

.p15-70 {
    padding: 15px 70px
}

.m15-65 {
    margin: 15px 65px
}

.p15-65 {
    padding: 15px 65px
}

.m15-60 {
    margin: 15px 60px
}

.p15-60 {
    padding: 15px 60px
}

.m15-55 {
    margin: 15px 55px
}

.p15-55 {
    padding: 15px 55px
}

.m15-50 {
    margin: 15px 50px
}

.p15-50 {
    padding: 15px 50px
}

.m15-45 {
    margin: 15px 45px
}

.p15-45 {
    padding: 15px 45px
}

.m15-40 {
    margin: 15px 40px
}

.p15-40 {
    padding: 15px 40px
}

.m15-35 {
    margin: 15px 35px
}

.p15-35 {
    padding: 15px 35px
}

.m15-30 {
    margin: 15px 30px
}

.p15-30 {
    padding: 15px 30px
}

.m15-25 {
    margin: 15px 25px
}

.p15-25 {
    padding: 15px 25px
}

.m15-20 {
    margin: 15px 20px
}

.p15-20 {
    padding: 15px 20px
}

.m15-15 {
    margin: 15px 15px
}

.p15-15 {
    padding: 15px 15px
}

.m15-10 {
    margin: 15px 10px
}

.p15-10 {
    padding: 15px 10px
}

.m15-5 {
    margin: 15px 5px
}

.p15-5 {
    padding: 15px 5px
}

.m15-0 {
    margin: 15px 0px
}

.p15-0 {
    padding: 15px 0px
}

.m10-100 {
    margin: 10px 100px
}

.p10-100 {
    padding: 10px 100px
}

.m10-95 {
    margin: 10px 95px
}

.p10-95 {
    padding: 10px 95px
}

.m10-90 {
    margin: 10px 90px
}

.p10-90 {
    padding: 10px 90px
}

.m10-85 {
    margin: 10px 85px
}

.p10-85 {
    padding: 10px 85px
}

.m10-80 {
    margin: 10px 80px
}

.p10-80 {
    padding: 10px 80px
}

.m10-75 {
    margin: 10px 75px
}

.p10-75 {
    padding: 10px 75px
}

.m10-70 {
    margin: 10px 70px
}

.p10-70 {
    padding: 10px 70px
}

.m10-65 {
    margin: 10px 65px
}

.p10-65 {
    padding: 10px 65px
}

.m10-60 {
    margin: 10px 60px
}

.p10-60 {
    padding: 10px 60px
}

.m10-55 {
    margin: 10px 55px
}

.p10-55 {
    padding: 10px 55px
}

.m10-50 {
    margin: 10px 50px
}

.p10-50 {
    padding: 10px 50px
}

.m10-45 {
    margin: 10px 45px
}

.p10-45 {
    padding: 10px 45px
}

.m10-40 {
    margin: 10px 40px
}

.p10-40 {
    padding: 10px 40px
}

.m10-35 {
    margin: 10px 35px
}

.p10-35 {
    padding: 10px 35px
}

.m10-30 {
    margin: 10px 30px
}

.p10-30 {
    padding: 10px 30px
}

.m10-25 {
    margin: 10px 25px
}

.p10-25 {
    padding: 10px 25px
}

.m10-20 {
    margin: 10px 20px
}

.p10-20 {
    padding: 10px 20px
}

.m10-15 {
    margin: 10px 15px
}

.p10-15 {
    padding: 10px 15px
}

.m10-10 {
    margin: 10px 10px
}

.p10-10 {
    padding: 10px 10px
}

.m10-5 {
    margin: 10px 5px
}

.p10-5 {
    padding: 10px 5px
}

.m10-0 {
    margin: 10px 0px
}

.p10-0 {
    padding: 10px 0px
}

.m5-100 {
    margin: 5px 100px
}

.p5-100 {
    padding: 5px 100px
}

.m5-95 {
    margin: 5px 95px
}

.p5-95 {
    padding: 5px 95px
}

.m5-90 {
    margin: 5px 90px
}

.p5-90 {
    padding: 5px 90px
}

.m5-85 {
    margin: 5px 85px
}

.p5-85 {
    padding: 5px 85px
}

.m5-80 {
    margin: 5px 80px
}

.p5-80 {
    padding: 5px 80px
}

.m5-75 {
    margin: 5px 75px
}

.p5-75 {
    padding: 5px 75px
}

.m5-70 {
    margin: 5px 70px
}

.p5-70 {
    padding: 5px 70px
}

.m5-65 {
    margin: 5px 65px
}

.p5-65 {
    padding: 5px 65px
}

.m5-60 {
    margin: 5px 60px
}

.p5-60 {
    padding: 5px 60px
}

.m5-55 {
    margin: 5px 55px
}

.p5-55 {
    padding: 5px 55px
}

.m5-50 {
    margin: 5px 50px
}

.p5-50 {
    padding: 5px 50px
}

.m5-45 {
    margin: 5px 45px
}

.p5-45 {
    padding: 5px 45px
}

.m5-40 {
    margin: 5px 40px
}

.p5-40 {
    padding: 5px 40px
}

.m5-35 {
    margin: 5px 35px
}

.p5-35 {
    padding: 5px 35px
}

.m5-30 {
    margin: 5px 30px
}

.p5-30 {
    padding: 5px 30px
}

.m5-25 {
    margin: 5px 25px
}

.p5-25 {
    padding: 5px 25px
}

.m5-20 {
    margin: 5px 20px
}

.p5-20 {
    padding: 5px 20px
}

.m5-15 {
    margin: 5px 15px
}

.p5-15 {
    padding: 5px 15px
}

.m5-10 {
    margin: 5px 10px
}

.p5-10 {
    padding: 5px 10px
}

.m5-5 {
    margin: 5px 5px
}

.p5-5 {
    padding: 5px 5px
}

.m5-0 {
    margin: 5px 0px
}

.p5-0 {
    padding: 5px 0px
}

.m0-100 {
    margin: 0px 100px
}

.p0-100 {
    padding: 0px 100px
}

.m0-95 {
    margin: 0px 95px
}

.p0-95 {
    padding: 0px 95px
}

.m0-90 {
    margin: 0px 90px
}

.p0-90 {
    padding: 0px 90px
}

.m0-85 {
    margin: 0px 85px
}

.p0-85 {
    padding: 0px 85px
}

.m0-80 {
    margin: 0px 80px
}

.p0-80 {
    padding: 0px 80px
}

.m0-75 {
    margin: 0px 75px
}

.p0-75 {
    padding: 0px 75px
}

.m0-70 {
    margin: 0px 70px
}

.p0-70 {
    padding: 0px 70px
}

.m0-65 {
    margin: 0px 65px
}

.p0-65 {
    padding: 0px 65px
}

.m0-60 {
    margin: 0px 60px
}

.p0-60 {
    padding: 0px 60px
}

.m0-55 {
    margin: 0px 55px
}

.p0-55 {
    padding: 0px 55px
}

.m0-50 {
    margin: 0px 50px
}

.p0-50 {
    padding: 0px 50px
}

.m0-45 {
    margin: 0px 45px
}

.p0-45 {
    padding: 0px 45px
}

.m0-40 {
    margin: 0px 40px
}

.p0-40 {
    padding: 0px 40px
}

.m0-35 {
    margin: 0px 35px
}

.p0-35 {
    padding: 0px 35px
}

.m0-30 {
    margin: 0px 30px
}

.p0-30 {
    padding: 0px 30px
}

.m0-25 {
    margin: 0px 25px
}

.p0-25 {
    padding: 0px 25px
}

.m0-20 {
    margin: 0px 20px
}

.p0-20 {
    padding: 0px 20px
}

.m0-15 {
    margin: 0px 15px
}

.p0-15 {
    padding: 0px 15px
}

.m0-10 {
    margin: 0px 10px
}

.p0-10 {
    padding: 0px 10px
}

.m0-5 {
    margin: 0px 5px
}

.p0-5 {
    padding: 0px 5px
}

.m0-0 {
    margin: 0px 0px
}

.p0-0 {
    padding: 0px 0px
}

.fs65 {
    font-size: 65px
}

.fs64 {
    font-size: 64px
}

.fs63 {
    font-size: 63px
}

.fs62 {
    font-size: 62px
}

.fs61 {
    font-size: 61px
}

.fs60 {
    font-size: 60px
}

.fs59 {
    font-size: 59px
}

.fs58 {
    font-size: 58px
}

.fs57 {
    font-size: 57px
}

.fs56 {
    font-size: 56px
}

.fs55 {
    font-size: 55px
}

.fs54 {
    font-size: 54px
}

.fs53 {
    font-size: 53px
}

.fs52 {
    font-size: 52px
}

.fs51 {
    font-size: 51px
}

.fs50 {
    font-size: 50px
}

.fs49 {
    font-size: 49px
}

.fs48 {
    font-size: 48px
}

.fs47 {
    font-size: 47px
}

.fs46 {
    font-size: 46px
}

.fs45 {
    font-size: 45px
}

.fs44 {
    font-size: 44px
}

.fs43 {
    font-size: 43px
}

.fs42 {
    font-size: 42px
}

.fs41 {
    font-size: 41px
}

.fs40 {
    font-size: 40px
}

.fs39 {
    font-size: 39px
}

.fs38 {
    font-size: 38px
}

.fs37 {
    font-size: 37px
}

.fs36 {
    font-size: 36px
}

.fs35 {
    font-size: 35px
}

.fs34 {
    font-size: 34px
}

.fs33 {
    font-size: 33px
}

.fs32 {
    font-size: 32px
}

.fs31 {
    font-size: 31px
}

.fs30 {
    font-size: 30px
}

.fs29 {
    font-size: 29px
}

.fs28 {
    font-size: 28px
}

.fs27 {
    font-size: 27px
}

.fs26 {
    font-size: 26px
}

.fs25 {
    font-size: 25px
}

.fs24 {
    font-size: 24px
}

.fs23 {
    font-size: 23px
}

.fs22 {
    font-size: 22px
}

.fs21 {
    font-size: 21px
}

.fs20 {
    font-size: 20px
}

.fs19 {
    font-size: 19px
}

.fs18 {
    font-size: 18px
}

.fs17 {
    font-size: 17px
}

.fs16 {
    font-size: 16px
}

.fs15 {
    font-size: 15px
}

.fs14 {
    font-size: 14px
}

.fs13 {
    font-size: 13px
}

.fs12 {
    font-size: 12px
}

.fs11 {
    font-size: 11px
}

.fs10 {
    font-size: 10px
}

.fs9 {
    font-size: 9px
}

.fs8 {
    font-size: 8px
}

.fs7 {
    font-size: 7px
}

.fs6 {
    font-size: 6px
}

.fs5 {
    font-size: 5px
}

.fs4 {
    font-size: 4px
}

.fs3 {
    font-size: 3px
}

.fs2 {
    font-size: 2px
}

.fs1 {
    font-size: 1px
}

.bw3 {
    border-width: 3px;
    border-style: solid
}

.btw3 {
    border-top-width: 3px;
    border-top-style: solid
}

.bbw3 {
    border-bottom-width: 3px;
    border-bottom-style: solid
}

.bw2 {
    border-width: 2px;
    border-style: solid
}

.btw2 {
    border-top-width: 2px;
    border-top-style: solid
}

.bbw2 {
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.bw1 {
    border-width: 1px;
    border-style: solid
}

.btw1 {
    border-top-width: 1px;
    border-top-style: solid
}

.bbw1 {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.br3 {
    border-radius: 3px
}

.br4 {
    border-radius: 4px
}

.br5 {
    border-radius: 5px
}

.br6 {
    border-radius: 6px
}

.br10 {
    border-radius: 10px
}

.br20 {
    border-radius: 20px
}

.lh8 {
    line-height: .8
}

.lh9 {
    line-height: .9
}

.lh10 {
    line-height: 1
}

.lh11 {
    line-height: 1.1
}

.lh12 {
    line-height: 1.2
}

.lh13 {
    line-height: 1.3
}

.lh14 {
    line-height: 1.4
}

.lh15 {
    line-height: 1.5
}

.lh16 {
    line-height: 1.6
}

.lh17 {
    line-height: 1.7
}

.lh18 {
    line-height: 1.8
}

.lh19 {
    line-height: 1.9
}

html {
    position: relative;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    position: static
}

body #signup-form #form-item-timeZone {
    display: none
}

#sample {
    background-color: white
}

#course-approval-header {
    margin-bottom: 20px;
    border-top: 6px solid #ef8d2b !important
}

#course-approval-header.upsell,
#course-approval-header.approved {
    border-top: 6px solid #17aa1c !important
}

#course-approval-header.upsell .container h2 span,
#course-approval-header.approved .container h2 span {
    color: #17aa1c
}

#course-approval-header .container {
    width: 100%;
    padding: 0 90px;
    text-align: center
}

#course-approval-header .container .q-mark {
    top: 50%;
    right: -35px;
    margin-top: -15px;
    font-size: 14px
}

#course-approval-header .container h2 {
    font-size: 18px;
    margin-bottom: 5px
}

#course-approval-header .container h2 span {
    color: #ef8d2b
}

#course-approval-header .container h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px
}

#upgrade-browser {
    text-align: center;
    color: #555
}

#upgrade-browser #big-logo img {
    width: 200px;
    margin-top: 30px
}

#upgrade-browser #we {
    font-size: 22px;
    line-height: 1.2;
    margin-top: 20px
}

#upgrade-browser #please {
    margin-top: 20px;
    font-size: 30px;
    font-weight: bold
}

#upgrade-browser #browsers a {
    display: inline-block;
    margin: 10px
}

.back-btn {
    background: #fff;
    display: inline-block;
    position: absolute;
    height: 31px;
    line-height: 29px;
    padding: 0 10px;
    font-size: 12px;
    color: #353535;
    font-weight: bold;
    border: 1px solid #868687;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative
}

.back-btn2 {
    position: relative;
    background: #A8ABB0;
    color: #fff;
    padding: 0 10px 0;
    text-transform: uppercase;
    text-shadow: 0 -1px 1px #333;
    border: 1px solid #777a7d;
    box-shadow: 1px -1px 1px #666 inset, 0 1px rgba(255, 255, 255, 0.5);
    line-height: 24px;
    font-weight: bold;
    display: inline-block
}

.back-btn2:before {
    content: '';
    position: absolute;
    background: #A8ABB0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    display: block;
    box-shadow: 1px -2px 1px #666 inset, 0 1px rgba(255, 255, 255, 0.5);
    left: -9px;
    top: 3px;
    padding: 9px
}

.back-btn2:hover {
    color: #333
}

*[ng-click] {
    cursor: pointer
}

*[ng-click].disabled,
*[ng-click]:disabled {
    cursor: not-allowed
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.float-none {
    float: none !important
}

.btn-link.disabled {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.progress-small {
    margin-bottom: 0;
    height: 15px
}

.popover {
    width: auto !important;
    max-width: 600px
}

.popover .popover-content {
    width: 100% !important
}

.ud-popover .popover-html-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    position: absolute;
    top: 0
}

.ud-popover~.popover .popover-title:empty {
    display: none
}

.ud-popover~.popover .popover-content .ajax-loader-stick {
    position: inherit;
    display: block;
    margin: 10px
}

.ud-popover.no-padding~.popover .popover-content {
    padding: 0
}

.ud-popover.no-padding~.popover .popover-content form .manage-fields-wrapper {
    padding-bottom: 0
}

.ud-popover.no-padding~.popover .popover-content form .submit-row {
    margin-bottom: 10px
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: none !important
}

.indent.once {
    margin-left: 1em
}

.indent.twice {
    margin-left: 2em
}

div.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden
}

.btn-group::before,
.btn-group::after {
    display: none
}

input[name*=tabs] {
    display: none
}

#tab8:checked~.tab-label-container label[for=tab8] {
    color: #fff;
    background: #3DB9E8
}

#tab8:checked~.tab-label-container .simple label[for=tab8] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab8:checked~.tab-label-container .classic-tabs label[for=tab8] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab8:checked~.tab-label-container .small label[for=tab8] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab8:checked~.tab-divs>*:nth-child(8) {
    display: block
}

#tab7:checked~.tab-label-container label[for=tab7] {
    color: #fff;
    background: #3DB9E8
}

#tab7:checked~.tab-label-container .simple label[for=tab7] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab7:checked~.tab-label-container .classic-tabs label[for=tab7] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab7:checked~.tab-label-container .small label[for=tab7] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab7:checked~.tab-divs>*:nth-child(7) {
    display: block
}

#tab6:checked~.tab-label-container label[for=tab6] {
    color: #fff;
    background: #3DB9E8
}

#tab6:checked~.tab-label-container .simple label[for=tab6] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab6:checked~.tab-label-container .classic-tabs label[for=tab6] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab6:checked~.tab-label-container .small label[for=tab6] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab6:checked~.tab-divs>*:nth-child(6) {
    display: block
}

#tab5:checked~.tab-label-container label[for=tab5] {
    color: #fff;
    background: #3DB9E8
}

#tab5:checked~.tab-label-container .simple label[for=tab5] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab5:checked~.tab-label-container .classic-tabs label[for=tab5] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab5:checked~.tab-label-container .small label[for=tab5] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab5:checked~.tab-divs>*:nth-child(5) {
    display: block
}

#tab4:checked~.tab-label-container label[for=tab4] {
    color: #fff;
    background: #3DB9E8
}

#tab4:checked~.tab-label-container .simple label[for=tab4] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab4:checked~.tab-label-container .classic-tabs label[for=tab4] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab4:checked~.tab-label-container .small label[for=tab4] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab4:checked~.tab-divs>*:nth-child(4) {
    display: block
}

#tab3:checked~.tab-label-container label[for=tab3] {
    color: #fff;
    background: #3DB9E8
}

#tab3:checked~.tab-label-container .simple label[for=tab3] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab3:checked~.tab-label-container .classic-tabs label[for=tab3] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab3:checked~.tab-label-container .small label[for=tab3] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab3:checked~.tab-divs>*:nth-child(3) {
    display: block
}

#tab2:checked~.tab-label-container label[for=tab2] {
    color: #fff;
    background: #3DB9E8
}

#tab2:checked~.tab-label-container .simple label[for=tab2] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab2:checked~.tab-label-container .classic-tabs label[for=tab2] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab2:checked~.tab-label-container .small label[for=tab2] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab2:checked~.tab-divs>*:nth-child(2) {
    display: block
}

#tab1:checked~.tab-label-container label[for=tab1] {
    color: #fff;
    background: #3DB9E8
}

#tab1:checked~.tab-label-container .simple label[for=tab1] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab1:checked~.tab-label-container .classic-tabs label[for=tab1] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab1:checked~.tab-label-container .small label[for=tab1] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3)
}

#tab1:checked~.tab-divs>*:nth-child(1) {
    display: block
}

.gray-nav {
    display: inline-block;
    border: 1px solid #7F7F7F;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
    list-style: none !important;
    margin: 0;
    position: relative
}

.gray-nav>li {
    float: left
}

.gray-nav>li>* {
    background: #fff;
    border-left: 1px solid #e2e2e2;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    display: block;
    color: #666;
    position: relative;
    margin-bottom: 0
}

.gray-nav>li>*:hover {
    color: #000;
    background: #fff
}

.gray-nav>li.on>* {
    color: #fff;
    background: #3DB9E8
}

.gray-nav>li:first-child>* {
    border-left: 0
}

.gray-nav.simple {
    border: 0;
    box-shadow: none;
    width: 100%;
    border: none;
    border-bottom: 1px solid #B8B8B8;
    font-size: 0
}

.gray-nav.simple li {
    position: relative;
    text-align: center;
    margin: 0 0 0 -1px !important;
    top: 1px
}

.gray-nav.simple li label {
    position: relative;
    background: #F5F6F6;
    border-color: #B8B8B8;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 0 20px;
    text-transform: uppercase
}

.gray-nav.simple li label.on {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

.gray-nav.center {
    text-align: center
}

.gray-nav.center li {
    float: none;
    display: inline-block
}

.gray-nav.small {
    border: 0
}

.gray-nav.small>li>* {
    background: #fff;
    border: 0 none;
    color: #555;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.3)
}

.gray-nav.small>li:first-child>* {
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.3) inset, 1px -1px 0 0 rgba(0, 0, 0, 0.3) inset
}

.classic-tabs {
    font-size: 0;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    top: 1px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.classic-tabs li {
    display: inline-block;
    margin-left: -1px
}

.classic-tabs label {
    background: #F8F9F9;
    border: 1px solid #C3C3C3;
    color: #7A7A7A;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classic-tabs label:hover {
    color: #000
}

.tab-label-container+.tab-divs>* {
    display: none
}

.tab-label-container.simple>ul {
    border: none;
    box-shadow: none
}

.tab-label-container.simple>ul li {
    margin: 0 !important
}

.tab-label-container.simple>ul li label {
    font-size: 11px;
    background: #fff;
    border-left: 1px solid #eee
}

.tab-label-container.simple+div {
    background: #fff;
    padding: 10px
}

.tab-divs .show {
    display: block
}

.ajax-loader,
.ajax-loader-small,
.ajax-loader-tiny {
    background: #fff url("../images/v3/preloader_48px.gif") no-repeat center;
    height: 48px;
    width: 48px;
    border-radius: 99em;
    padding: 30px;
    border: 3px solid #aaafb4;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 50%;
    margin-left: -24px
}

.ajax-loader-small {
    background: #fff url("../images/v3/preloader_24px.gif") no-repeat center;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    padding: 15px
}

.ajax-loader-tiny {
    background: #fff url("../images/v3/preloader_16px.gif") no-repeat center;
    height: 16px;
    width: 16px;
    margin-left: -8px;
    padding: 9px;
    border-width: 2px
}

.ajax-loader-stick {
    background: url("../images/v3/preloader_stick.gif") no-repeat center;
    position: absolute;
    height: 8px;
    width: 50px;
    left: 50%;
    margin-left: -25px
}

.black-tooltip {
    background: #fff;
    position: absolute;
    width: 420px;
    right: 100%;
    margin-right: 30px;
    z-index: 86;
    white-space: normal;
    color: #353535;
    padding: 5px;
    box-shadow: 0 0 0 4px #37373E, 0 0 0 6px #000;
    top: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.1;
    opacity: 0;
    visibility: hidden;
    display: none
}

.black-tooltip>.arrow {
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: -29px;
    width: 25px;
    top: 5px
}

.black-tooltip>.arrow:before {
    content: '';
    position: absolute;
    background: #37373e;
    width: 100%;
    height: 100%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    border: 1px solid #000;
    left: -80%
}

.black-tooltip.form-errors {
    visibility: visible;
    opacity: 1;
    text-align: left;
    position: static;
    margin-top: 15px;
    width: auto;
    max-width: 420px
}

.black-tooltip.form-errors p {
    margin: auto 10px
}

.black-tooltip.blue-skin {
    box-shadow: 0 1px 2px #CCCCCC inset, 0 0 0 1px #5f7da2, 0 1px 0 1px #cee6f7, 0 0 0 4px #aecae6, 0 -1px 0 4px #d8e4ec, 0 -1px 0 5px #7e8ea1, 0 0 3px 6px #7e8ea1
}

.black-tooltip.blue-skin>.arrow:before {
    background: #B1C7E2;
    box-shadow: 0 1px #DAE7F1 inset, 0 0 3px #A0ACB4;
    border-color: #999
}

.black-tooltip.medium {
    width: 260px;
    top: 10px
}

.black-tooltip.medium>.arrow {
    width: 20px;
    height: 20px;
    right: -24px
}

.black-tooltip.medium>.arrow:before {
    width: 10px;
    height: 10px;
    left: -40%
}

.black-tooltip.small {
    width: 180px;
    padding: 5px;
    top: 10px
}

.black-tooltip.small>.arrow {
    width: 20px;
    height: 20px;
    right: -24px
}

.black-tooltip.small>.arrow:before {
    width: 10px;
    height: 10px;
    left: -40%
}

.black-tooltip.arrow-left {
    left: 100%;
    margin-left: 10px;
    text-align: left;
    top: 3px
}

.black-tooltip.arrow-left>.arrow {
    left: -25px;
    top: -2px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-backface-visibility: hidden
}

.black-tooltip.arrow-bottom {
    left: -10px;
    margin-bottom: 20px;
    bottom: 100%;
    text-align: left;
    top: auto
}

.black-tooltip.arrow-bottom>.arrow {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    left: 10px;
    margin-top: 5px;
    top: 100%
}

.black-tooltip.arrow-top {
    left: 0;
    margin-top: 15px;
    top: 100%;
    text-align: left
}

.black-tooltip.arrow-top>.arrow {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-backface-visibility: hidden;
    left: 10px;
    top: -24px
}

.black-tooltip.no-padding {
    padding: 0 !important
}

.black-tooltip a {
    cursor: pointer
}

.black-tooltip p:last-child {
    margin-bottom: 0
}

.black-tooltip.form-tooltip {
    visibility: hidden;
    opacity: 0
}

.black-tooltip.form-tooltip ul {
    list-style: disc;
    margin-left: 2em
}

.pageloaded .black-tooltip {
    display: block
}

.tooltip-reference {
    position: relative;
    clear: both
}

.tooltip-reference:hover .black-tooltip {
    opacity: 1;
    visibility: visible
}

.tab-content>.black-tooltip {
    opacity: 1 !important;
    visibility: visible !important
}

.tooltip-reference {
    position: relative;
    clear: both
}

.tooltip-reference:hover .black-tooltip {
    opacity: 1;
    visibility: visible
}

.tab-content>.black-tooltip {
    opacity: 1 !important;
    visibility: visible !important
}

.progress {
    border-radius: 0 !important
}

.progress.small {
    height: 10px
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0;
    background: #F0F0F0;
    color: #222
}

.switcher-wrapper input {
    display: none
}

.switcher-wrapper input:checked~.switcher-no-js {
    background: #17aa1c;
    border-color: #404e29
}

.switcher-wrapper input:checked~.switcher-no-js div {
    left: auto;
    right: 0
}

.switcher-wrapper input:checked~.switcher-no-js:hover div {
    right: 4px
}

.switcher-wrapper input:checked~.switcher-no-js.mini {
    background: #9dc174
}

.switcher-wrapper input:checked~.switcher-no-js.mini:hover div {
    left: auto;
    right: 2px
}

.switcher-wrapper .on-off-item.on .switcher-no-js {
    background: #17aa1c;
    border-color: #404e29
}

.switcher-wrapper .on-off-item.on .switcher-no-js div {
    left: auto;
    right: 0
}

.switcher-wrapper .on-off-item.on .switcher-no-js:hover div {
    right: 4px
}

.switcher-wrapper .on-off-item.on .switcher-no-js.mini {
    background: #9dc174
}

.switcher-wrapper .on-off-item.on .switcher-no-js.mini:hover div {
    left: auto;
    right: 2px
}

.switcher-wrapper .switcher-no-js.mini {
    width: 50px;
    background: #dc7f7f
}

.switcher-wrapper .switcher-no-js.mini div {
    left: 0;
    bottom: 0;
    top: 0
}

.switcher-wrapper .switcher-no-js.mini div:before,
.switcher-wrapper .switcher-no-js.mini div:after {
    display: none
}

.switcher-wrapper .switcher-no-js.mini:hover div {
    right: auto;
    left: 2px
}

.switcher,
.switcher-no-js {
    width: 80px;
    height: 23px;
    background: #d23837;
    border: 1px solid #4e2933;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.switcher span,
.switcher-no-js span {
    width: 50%;
    text-align: center;
    color: #fff !important;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 21px;
    float: left;
    margin: 0 !important
}

.switcher label,
.switcher-no-js label {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.switcher div,
.switcher-no-js div {
    position: absolute;
    width: 50%;
    background: #fff;
    top: 1px;
    left: 1px;
    bottom: 1px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border: 1px solid #4e2933;
    line-height: 16px;
    cursor: pointer
}

.switcher div:before,
.switcher-no-js div:before,
.switcher div:after,
.switcher-no-js div:after {
    content: '';
    width: 1px;
    height: 8px;
    display: inline-block;
    box-shadow: -1px 0 #bebebe, -2px 0 #fff, 1px 0 #fff;
    margin: 0 1px
}

.switcher div:after,
.switcher-no-js div:after {
    box-shadow: -1px 0 #bebebe, 1px 0 #fff, 2px 0 #bebebe
}

.switcher:hover div,
.switcher-no-js:hover div {
    left: 4px
}

.switcher.on,
.switcher-no-js.on {
    background: #17aa1c;
    border-color: #404e29
}

.switcher.on div,
.switcher-no-js.on div {
    left: auto;
    right: 0
}

.switcher.on:hover div,
.switcher-no-js.on:hover div {
    right: 4px
}

.switcher.disabled,
.switcher-no-js.disabled {
    cursor: default
}

.switcher.disabled div,
.switcher-no-js.disabled div {
    background: #d8d8d8
}

.switcher.disabled.off,
.switcher-no-js.disabled.off {
    background: #957F82
}

.switcher.disabled.off:hover div,
.switcher-no-js.disabled.off:hover div {
    left: 1px
}

.switcher.disabled.on,
.switcher-no-js.disabled.on {
    background: #848C77
}

.switcher.disabled.on:hover div,
.switcher-no-js.disabled.on:hover div {
    left: 38px
}

.boxes {
    position: relative;
    padding-top: 10px
}

.dropdown-toggle label {
    display: inline
}

.navigation {
    text-align: center;
    border-bottom: 1px solid #ccc
}

.navigation li {
    display: inline-block;
    margin-left: -1px;
    position: relative;
    top: 2px
}

.navigation li a {
    display: inline-block;
    padding: 10px 15px;
    background: #eee;
    color: #777;
    border: 1px solid #ccc;
    font-weight: bold;
    box-shadow: 0 -25px 25px -25px #bbb inset
}

.navigation li a:hover {
    background: #fff
}

.navigation li.selected {
    top: 1px
}

.navigation li.selected a {
    background: #fff;
    box-shadow: 0 15px 25px -25px #bbb inset;
    border-bottom-color: #fff;
    padding: 11px 20px
}

.feedbacks-bar {
    top: 0;
    display: none;
    position: fixed !important;
    z-index: 10001 !important;
    height: 52px;
    width: 100%
}

.feedbacks-bar .feedback-bar {
    font-size: 14px
}

.feedbacks-bar .feedback-bar .feedback-container {
    margin: 0 auto;
    padding: 21px 15px 0;
    text-align: center
}

.feedbacks-bar .feedback-type-info {
    border-bottom: 1px solid #17aa1c;
    background-color: #DCEFB3;
    color: #202F00;
    font-weight: bold
}

.feedbacks-bar .feedback-type-error {
    border-bottom: 1px solid #f00;
    background-color: #efd8ce;
    color: #aa0000;
    font-weight: bold
}

.ud-autosuggestformitem~.error-msg.inside-error-msg {
    bottom: 7px
}

.suggest-items {
    min-height: 30px
}

ul.as-selections {
    border-color: #B0B2B8 !important;
    display: inline-block;
    padding: 0 !important;
    width: 100%;
    min-height: 30px;
    background: #fff !important;
    overflow: hidden
}

ul.as-selections li {
    margin: 4px !important;
    background: #8EA6C7 !important;
    color: #fff !important;
    height: 24px;
    line-height: 24px;
    padding: 2px 4px 2px 10px !important;
    line-height: 22px
}

ul.as-selections li a {
    background: #73849B;
    border-radius: 99em;
    color: #8EA6C7 !important;
    height: 15px;
    line-height: 15px;
    width: 15px;
    margin-top: 3px !important;
    text-align: center;
    text-shadow: none !important
}

ul.as-selections li a:hover {
    background: #666
}

ul.as-selections li a.as-close {
    margin-left: 5px !important
}

ul.as-selections li.as-original {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 28px
}

ul.as-selections li.as-original input {
    width: 100% !important;
    color: #555555;
    height: 30px;
    box-shadow: none !important;
    border: 0 !important
}

ul.as-selections li.selected {
    border: 1px solid #222 !important
}

ul.as-selections li.as-selection-item~li.as-original {
    border-top: 1px solid #CCC !important
}

.as-results {
    position: absolute;
    overflow: visible !important
}

.as-results ul {
    width: 160px !important;
    border: 1px solid #000 !important;
    box-shadow: 0 0 0 3px #514e5d, 0 0 0 4px #000, 0 0 9px #000;
    position: relative;
    z-index: 1;
    left: 15px;
    font-weight: bold
}

.as-results ul li {
    position: relative;
    background: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0 0;
    color: #353535;
    text-align: left
}

.as-results ul li:first-child {
    border-width: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset
}

.as-results ul li em {
    background: none !important;
    color: #353535;
    padding: 0
}

.as-results ul li:nth-child(even) {
    background: #fff
}

.as-results ul li.active {
    background: #adc0d8;
    border-top-color: #ddd;
    color: #fff
}

.as-results ul li.active em {
    color: #fff
}

.as-results ul:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #514e5d;
    top: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    box-shadow: -1px -1px 1px 0 #333;
    left: 22px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #000;
    margin-left: -10px
}

.steps-bar {
    text-align: center;
    position: relative;
    padding-bottom: 40px;
    margin-top: 20px
}

.steps-bar ul {
    height: 44px
}

.steps-bar li {
    display: inline-block;
    background: #6b6f77;
    width: 36px;
    height: 36px;
    border-radius: 99em;
    margin-left: 108px;
    position: relative;
    text-align: center
}

.steps-bar li:before {
    width: 115px;
    height: 10px;
    top: 50%;
    content: '';
    background: #6b6f77;
    position: absolute;
    margin: -5px 0 0 -114px;
    left: 0
}

.steps-bar li:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    border-radius: 99em;
    background: #CECECE url("../images/v3/sprites1c07.png?v=17") -56px -565px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

.steps-bar li.off {
    background: #869f5b
}

.steps-bar li.off:before {
    background: #869f5b
}

.steps-bar li.off:after {
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px
}

.steps-bar li.on {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    background: #869f5b
}

.steps-bar li.on:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    -o-transform-origin: right top;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    margin: -15px 0 0 -105px;
    background: #869f5b
}

.steps-bar li.on:after {
    background: transparent;
    box-shadow: 0 0 0 7px #E4E4E4, 0 1px 1px rgba(0, 0, 0, 0.5) inset
}

.steps-bar li.on a,
.steps-bar li.on span {
    display: block
}

.steps-bar li.trans:before {
    background: #6b6f77
}

.steps-bar li a,
.steps-bar li span {
    position: absolute;
    top: 50px;
    white-space: nowrap;
    left: 50%;
    width: 140px;
    font-weight: bold;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    margin: -11px 0 0 -98px;
    color: #567c1b;
    display: none
}

.steps-bar li:first-child {
    margin-left: 0
}

.steps-bar li:first-child:before {
    display: none
}

.small-rating {
    background: url("../images/v3/sprites1c07.png?v=17") -120px -1199px;
    line-height: 0;
    width: 85px;
    display: inline-block;
    text-align: left;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.small-rating span {
    display: inline-block;
    background: url("../images/v3/sprites1c07.png?v=17") -120px -1212px;
    height: 13px;
    line-height: 14px
}

.slider {
    overflow: hidden;
    position: relative;
    width: 100%
}

.slider .wrapper {
    position: relative
}

.slider nav {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 100%
}

.slider nav span {
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    margin: 0 10px;
    cursor: pointer;
    opacity: .5
}

.slider nav span.on {
    opacity: 1
}

.slider .prev {
    float: left
}

.slider .next {
    float: right
}

.ui-datepicker {
    z-index: 99999 !important
}

input+.ui-datepicker-trigger {
    margin: 3px 0 0 -20px
}

input.ud-date-form-item {
    padding-left: 25px
}

input.date-time-form-item {
    padding-right: 20px !important
}

.ui-datepicker-trigger~.timezone {
    position: absolute;
    margin: 6px 0 0 8px
}

.jcrop-holder {
    background-color: transparent !important;
    box-shadow: 0 0 3px #999
}

.jcrop-vline,
.jcrop-hline {
    background: #FFF url(../js/bower_components/jcrop/css/Jcrop.gif) top left repeat !important
}

.star-rating-container {
    border-radius: 2px;
    padding: 5px 10px;
    background: white;
    color: black
}

.collapse-cb {
    display: none
}

.activity-post .popover {
    position: fixed;
    width: 250px !important
}

.activity-body .popover {
    width: 180px !important
}

.popover .dropdown-top {
    padding: 11px 12px 12px
}

.popover .dropdown-top:before,
.popover .dropdown-top:after {
    content: " ";
    display: table
}

.popover .dropdown-top:after {
    clear: both
}

.popover .dropdown-top:before,
.popover .dropdown-top:after {
    content: " ";
    display: table
}

.popover .dropdown-top:after {
    clear: both
}

.popover .dropdown-thumb {
    float: left;
    height: 40px;
    width: 40px
}

.popover .dropdown-details {
    margin-left: 50px
}

.popover .ins-title {
    color: #555555;
    font-size: 15px
}

.popover .ins-subtitle {
    color: #777777;
    font-size: 12px;
    display: block
}

.popover .dropdown-bottom {
    border-top: 1px solid #e7e7e7;
    margin: 0 2px;
    overflow: hidden;
    padding: 0 5px 5px
}

.popover .teaching {
    color: #555555;
    font-size: 12px;
    margin: 6px 5px 0 0
}

.popover .view-btn {
    float: right;
    top: 4px;
    position: relative;
    padding: 1px 10px
}

.popover .lec-title {
    color: #444444;
    font-size: 13px;
    padding-right: 15px;
    margin: 0
}

.popover .lec-title i {
    font-size: 14px
}

.popover .lec-title a {
    color: #353535;
    font-size: 20px
}

.popover .lec-title:hover {
    color: #222222
}

.activity-post .popover {
    position: fixed
}

.activity-body .popover {
    width: 180px
}

.mobile-menu {
    text-align: left;
    max-width: 290px
}

.mobile-menu .trigger {
    font-size: 18px;
    color: #1E2C35;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 10px;
    font-weight: normal;
    background: #fff
}

.mobile-menu .inner-trigger {
    font-size: 16px;
    margin: 0
}

.mobile-menu .icon {
    font-size: 14px;
    margin-left: 5px;
    font-style: normal
}

.mobile-menu .content {
    background: #fff;
    padding: 5px;
    display: none
}

.mobile-menu a {
    color: #1e2c35;
    font-size: 16px;
    padding: 5px 10px;
    display: block
}

.mobile-menu a.on {
    background: #e8e8e8
}

.mobile-menu .filtering-box {
    border-top: 1px solid #ccc;
    padding: 10px 5px
}

.mobile-menu .filtering-box:first-child {
    border: 0
}

.mobile-menu .menu-checkbox {
    display: none
}

.mobile-menu .menu-checkbox:checked~.trigger {
    background: #dbdbdb
}

.mobile-menu .menu-checkbox:checked~.content {
    display: block
}

.mobile-menu .menu-checkbox:checked~.trigger .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu .menu-checkbox:checked~.inner-trigger .minus {
    display: block
}

.mobile-menu .menu-checkbox:checked~.inner-trigger .plus {
    display: none
}

.mobile-menu .minus {
    display: none
}

.filter-menu div.filtering {
    padding: 0
}

.filter-menu div.filtering a:hover {
    background: none;
    font-weight: normal
}

.star-rating--static {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    color: #aaa;
    margin-left: -2px
}

.star-rating--static:before,
.star-rating--static span:before {
    font-family: cocon, 'UdemyIcons';
    content: "\2009\f005\2009\2009\f005\2009\2009\f005\2009\2009\f005\2009\2009\f005\2009";
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1
}

.star-rating--static span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2
}

.star-rating--static span:before {
    color: #17aa1c
}

.star-rating--static.star-rating--smaller:before,
.star-rating--static.star-rating--smaller span:before {
    font-size: 15px
}

#forgot-password-form {
    padding: 20px 20px 0
}

.forgot-password-alert {
    width: 400px;
    margin: 15px auto 0 auto
}

.forgot-password-form-wrapper {
    width: 400px
}

input.search-input {
    box-sizing: initial
}

select.form-control[readonly] {
    pointer-events: none
}

button {
    cursor: pointer
}

div.form-item-block {
    margin-bottom: 5px
}

.error-text,
.form-errors {
    color: #C93643;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    position: initial;
    margin: 15px auto;
    padding: 5px
}

.media-preview img {
    max-width: inherit
}

.media-preview .jcrop-holder {
    margin-left: auto;
    margin-right: auto
}

.media-preview .jcrop-holder>img {
    opacity: .4 !important
}

.ud-s3upload {
    min-height: 30px
}

.file-upload-note {
    background: #f8f7f0;
    border: 1px solid #e1e1e1;
    line-height: 1.3;
    padding: 5px 10px
}

.file-upload-note.error {
    background: #B54040;
    color: #fff;
    border-color: #8E2525
}

.fileupload-wrapper .note {
    background: #f8f7f0;
    border: 1px solid #e1e1e1;
    line-height: 1.3;
    padding: 6px 10px
}

.fileupload-wrapper .note.error {
    background: #B54040;
    color: #fff;
    border-color: #8E2525
}

.fileupload-wrapper .ud-jq-progressbar {
    background: #F8F6EF;
    border: 1px solid #E1E1E1;
    box-shadow: none;
    height: 32px;
    padding: 2px;
    margin: 0
}

.fileupload-wrapper .ud-jq-progressbar .ui-progressbar-value {
    margin: 0;
    border: none
}

.fileupload-wrapper .btn {
    padding: 6px 10px !important;
    margin-left: 10px;
    text-transform: capitalize;
    line-height: 17px
}

.fileupload-wrapper .btn.choosefile-wrapper {
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    position: relative
}

.fileupload-wrapper .btn.choosefile-wrapper input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(-300px, 0) scale(4);
    -webkit-transform: translate(-300px, 0) scale(4);
    -o-transform: translate(-300px, 0) scale(4);
    -ms-transform: translate(-300px, 0) scale(4);
    transform: translate(-300px, 0) scale(4);
    -webkit-backface-visibility: hidden;
    direction: ltr;
    cursor: pointer;
    border-width: 0 0 100px 200px
}

.fileupload-wrapper .cancel,
.fileupload-wrapper .change {
    display: none
}

.fileupload-wrapper .progressbar-wrapper {
    margin-bottom: 10px
}

.fileupload-wrapper .fileupload-error {
    display: none;
    color: #fff;
    background-color: #b94a48;
    padding: 7px 15px;
    border: 1px solid #8E4F4F;
    margin-left: 10px
}

.fileupload-wrapper .fileupload-error a {
    color: #fff;
    text-decoration: underline
}

.fileupload-wrapper .usepreuploaded-selector {
    display: inline-block
}

.fileupload-wrapper .usepreuploaded-selector select {
    width: 200px !important
}

.ud-mashupcreator .btns {
    margin: 10px
}

.processing {
    padding: 0 15px
}

.btn-group-vertical {
    display: block
}

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

.btn-group-vertical+.btn-group-vertical {
    margin-top: 5px
}

.btn-group-vertical .btn {
    display: block;
    width: 100%;
    margin-top: -1px;
    padding-top: 5px
}

.btn-group-vertical .btn.btn-lg {
    padding-top: 10px
}

.btn-group-vertical .dropdown-toggle:active,
.btn-group-vertical.open .dropdown-toggle {
    outline: 0
}

.manage-fields-wrapper,
.form-wrapper {
    padding: 0 0 10px 0;
    width: 100%;
    position: relative
}

.manage-fields-wrapper .mask,
.form-wrapper .mask {
    max-width: none !important
}

.manage-fields-wrapper .closed.editing,
.form-wrapper .closed.editing,
.manage-fields-wrapper .closed.cfi-content,
.form-wrapper .closed.cfi-content {
    display: none
}

.manage-fields-wrapper .opened.editing,
.form-wrapper .opened.editing,
.manage-fields-wrapper .opened.cfi-content,
.form-wrapper .opened.cfi-content {
    display: block
}

.manage-fields-wrapper .sort-handle,
.form-wrapper .sort-handle,
.manage-fields-wrapper .edit-handle,
.form-wrapper .edit-handle,
.manage-fields-wrapper .delete-handle,
.form-wrapper .delete-handle {
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .delete-wrapper,
.form-wrapper .delete-wrapper,
.manage-fields-wrapper .edit-wrapper,
.form-wrapper .edit-wrapper {
    border: 1px solid #bfbfbf;
    overflow: hidden;
    background: #f7f8f8;
    padding: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 2px rgba(255, 255, 255, 0.75);
    display: inline-block;
    position: relative
}

.manage-fields-wrapper .delete-wrapper .sort-handle,
.form-wrapper .delete-wrapper .sort-handle,
.manage-fields-wrapper .edit-wrapper .sort-handle,
.form-wrapper .edit-wrapper .sort-handle,
.manage-fields-wrapper .delete-wrapper .delete-handle,
.form-wrapper .delete-wrapper .delete-handle,
.manage-fields-wrapper .edit-wrapper .delete-handle,
.form-wrapper .edit-wrapper .delete-handle,
.manage-fields-wrapper .delete-wrapper .edit-handle,
.form-wrapper .delete-wrapper .edit-handle,
.manage-fields-wrapper .edit-wrapper .edit-handle,
.form-wrapper .edit-wrapper .edit-handle {
    position: static;
    display: inline-block;
    visibility: visible;
    opacity: 1;
    margin: 1px 4px
}

.manage-fields-wrapper .edit-handle,
.form-wrapper .edit-handle {
    cursor: pointer
}

.manage-fields-wrapper .edit-handle:before,
.form-wrapper .edit-handle:before {
    content: '\f040';
    font-family: cocon, 'UdemyIcons';
    color: #333
}

.manage-fields-wrapper .edit-handle:hover:before,
.form-wrapper .edit-handle:hover:before {
    color: #000
}

.manage-fields-wrapper .sort-handle,
.form-wrapper .sort-handle {
    cursor: move;
    float: right
}

.manage-fields-wrapper .sort-handle:before,
.form-wrapper .sort-handle:before {
    content: '\f0c9';
    font-family: cocon, 'UdemyIcons';
    color: #333
}

.manage-fields-wrapper .sort-handle:hover:before,
.form-wrapper .sort-handle:hover:before {
    color: #000
}

.manage-fields-wrapper .delete-handle,
.form-wrapper .delete-handle {
    cursor: pointer;
    position: absolute;
    right: 14px;
    bottom: 14px
}

.manage-fields-wrapper .delete-handle:before,
.form-wrapper .delete-handle:before {
    content: '\f014';
    font-family: cocon, 'UdemyIcons';
    color: #333
}

.manage-fields-wrapper .delete-handle:hover:before,
.form-wrapper .delete-handle:hover:before {
    color: #000
}

.manage-fields-wrapper .opened .delete-handle,
.form-wrapper .opened .delete-handle {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper.ud-manageinstructors #tip,
.form-wrapper.ud-manageinstructors #tip {
    padding-top: 10px;
    display: block;
    font-size: 13px
}

.manage-fields-wrapper .disabled,
.form-wrapper .disabled {
    color: #777
}

.manage-fields-wrapper .disabled.btn,
.form-wrapper .disabled.btn {
    color: #fff
}

.manage-fields-wrapper>div,
.form-wrapper>div {
    margin-top: 20px;
    position: relative
}

.manage-fields-wrapper>div:first-child,
.form-wrapper>div:first-child {
    margin-top: 0
}

.manage-fields-wrapper>div:first-child.non-labeled,
.form-wrapper>div:first-child.non-labeled {
    margin-top: 0
}

.manage-fields-wrapper>div.non-labeled,
.form-wrapper>div.non-labeled {
    margin-top: 15px
}

.manage-fields-wrapper>div.form-section,
.form-wrapper>div.form-section,
.manage-fields-wrapper>div.form-section.non-labeled,
.form-wrapper>div.form-section.non-labeled {
    margin-top: 0;
    padding-top: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d2d5d8;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F1F3F6
}

.manage-fields-wrapper>div.form-section.dark,
.form-wrapper>div.form-section.dark,
.manage-fields-wrapper>div.form-section.non-labeled.dark,
.form-wrapper>div.form-section.non-labeled.dark {
    background: #e5eaf2;
    font-weight: normal
}

.manage-fields-wrapper>div.form-section.light,
.form-wrapper>div.form-section.light,
.manage-fields-wrapper>div.form-section.non-labeled.light,
.form-wrapper>div.form-section.non-labeled.light {
    background: #F9F9FA;
    font-weight: normal
}

.manage-fields-wrapper>div.form-section.border-top,
.form-wrapper>div.form-section.border-top,
.manage-fields-wrapper>div.form-section.non-labeled.border-top,
.form-wrapper>div.form-section.non-labeled.border-top {
    border-top: 1px solid #fff;
    border-bottom: none;
    padding-top: 40px;
    padding-bottom: 10px
}

.manage-fields-wrapper>div.form-section.border-bottom,
.form-wrapper>div.form-section.border-bottom,
.manage-fields-wrapper>div.form-section.non-labeled.border-bottom,
.form-wrapper>div.form-section.non-labeled.border-bottom {
    border-bottom: 1px solid #d2d5d8;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 40px
}

.manage-fields-wrapper>div.form-section.border-none,
.form-wrapper>div.form-section.border-none,
.manage-fields-wrapper>div.form-section.non-labeled.border-none,
.form-wrapper>div.form-section.non-labeled.border-none {
    border-top: none;
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 10px
}

.manage-fields-wrapper>div.form-section.first-line,
.form-wrapper>div.form-section.first-line,
.manage-fields-wrapper>div.form-section.non-labeled.first-line,
.form-wrapper>div.form-section.non-labeled.first-line {
    padding-top: 20px
}

.manage-fields-wrapper .two-cols,
.form-wrapper .two-cols {
    position: relative;
    width: 45%;
    float: left;
    margin-left: 10%
}

.manage-fields-wrapper .two-cols.first,
.form-wrapper .two-cols.first {
    margin-left: 0;
    clear: left
}

.manage-fields-wrapper .two-cols.last,
.form-wrapper .two-cols.last {
    float: none;
    margin-left: 45%;
    width: 55%;
    padding-left: 10% !important
}

.manage-fields-wrapper .two-cols select,
.form-wrapper .two-cols select {
    width: 100%
}

.manage-fields-wrapper .q-mark,
.form-wrapper .q-mark {
    top: 0;
    right: -40px
}

.manage-fields-wrapper .checkboxselectmultiple.form-control,
.form-wrapper .checkboxselectmultiple.form-control {
    margin-right: 10px;
    box-shadow: none;
    height: 18px
}

.manage-fields-wrapper .check-box,
.form-wrapper .check-box {
    margin-top: 0
}

.manage-fields-wrapper .on-off-group,
.form-wrapper .on-off-group {
    border: 1px solid darkGray;
    background-color: white;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    height: auto
}

.manage-fields-wrapper .on-off-group .on-off-item,
.form-wrapper .on-off-group .on-off-item {
    border-top: 1px solid darkGray;
    padding: 10px 4px;
    overflow: hidden
}

.manage-fields-wrapper .on-off-group .on-off-item:first-child,
.form-wrapper .on-off-group .on-off-item:first-child {
    border-top: none
}

.manage-fields-wrapper .on-off-group .on-off-item .switcher-no-js,
.form-wrapper .on-off-group .on-off-item .switcher-no-js {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 5px 10px
}

.manage-fields-wrapper .on-off-group .on-off-item .switcher-no-js label,
.form-wrapper .on-off-group .on-off-item .switcher-no-js label {
    font-size: 11px
}

.manage-fields-wrapper .on-off-item.disabled label,
.form-wrapper .on-off-item.disabled label,
.manage-fields-wrapper .radio-item.disabled label,
.form-wrapper .radio-item.disabled label,
.manage-fields-wrapper .checkbox-item.disabled label,
.form-wrapper .checkbox-item.disabled label {
    color: #777
}

.manage-fields-wrapper .on-off-item input[type=radio],
.form-wrapper .on-off-item input[type=radio],
.manage-fields-wrapper .radio-item input[type=radio],
.form-wrapper .radio-item input[type=radio],
.manage-fields-wrapper .checkbox-item input[type=radio],
.form-wrapper .checkbox-item input[type=radio],
.manage-fields-wrapper .on-off-item input[type=checkbox],
.form-wrapper .on-off-item input[type=checkbox],
.manage-fields-wrapper .radio-item input[type=checkbox],
.form-wrapper .radio-item input[type=checkbox],
.manage-fields-wrapper .checkbox-item input[type=checkbox],
.form-wrapper .checkbox-item input[type=checkbox] {
    float: left
}

.manage-fields-wrapper .on-off-item label,
.form-wrapper .on-off-item label,
.manage-fields-wrapper .radio-item label,
.form-wrapper .radio-item label,
.manage-fields-wrapper .checkbox-item label,
.form-wrapper .checkbox-item label {
    color: #444;
    font-size: 14px;
    font-weight: normal;
    margin: 0 10px 5px 20px;
    vertical-align: middle
}

.manage-fields-wrapper .checkbox label,
.form-wrapper .checkbox label {
    color: #444;
    font-size: 14px;
    font-weight: normal
}

.manage-fields-wrapper .on-off-item label,
.form-wrapper .on-off-item label {
    display: inline-block;
    margin: 5px 10px
}

.manage-fields-wrapper label,
.form-wrapper label,
.manage-fields-wrapper .form-item-label,
.form-wrapper .form-item-label,
.manage-fields-wrapper .blockLabel,
.form-wrapper .blockLabel {
    color: #526075;
    font-weight: bold;
    font-size: 13px
}

.manage-fields-wrapper .tos-textarea,
.form-wrapper .tos-textarea {
    height: 320px;
    padding: 15px 15px 0 15px;
    resize: none;
    overflow: auto;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25)
}

.manage-fields-wrapper .tos-textarea h2,
.form-wrapper .tos-textarea h2,
.manage-fields-wrapper .tos-textarea h3,
.form-wrapper .tos-textarea h3 {
    text-align: left !important
}

.manage-fields-wrapper .tos-textarea h2,
.form-wrapper .tos-textarea h2 {
    font-size: 15px !important;
    margin: 0 0 5px 0 !important
}

.manage-fields-wrapper .tos-textarea ul,
.form-wrapper .tos-textarea ul {
    list-style-type: disc;
    margin-left: 15px
}

.manage-fields-wrapper .checkbox-label,
.form-wrapper .checkbox-label {
    display: inline
}

.manage-fields-wrapper input[type=text],
.form-wrapper input[type=text],
.manage-fields-wrapper input[type=password],
.form-wrapper input[type=password],
.manage-fields-wrapper input[type=email],
.form-wrapper input[type=email],
.manage-fields-wrapper textarea,
.form-wrapper textarea,
.manage-fields-wrapper .uneditable-input,
.form-wrapper .uneditable-input,
.manage-fields-wrapper .input-like-field,
.form-wrapper .input-like-field {
    border: 1px solid #a9a9a9;
    width: 100%;
    padding: 4px 6px;
    height: 30px
}

.manage-fields-wrapper .uneditable-input,
.form-wrapper .uneditable-input,
.manage-fields-wrapper .input-like-field,
.form-wrapper .input-like-field {
    background-color: white;
    padding: 4px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    height: auto
}

.manage-fields-wrapper textarea,
.form-wrapper textarea {
    height: 70px;
    padding-right: 0;
    resize: none
}

.manage-fields-wrapper input:-moz-placeholder,
.form-wrapper input:-moz-placeholder,
.manage-fields-wrapper textarea:-moz-placeholder,
.form-wrapper textarea:-moz-placeholder {
    color: #aaa
}

.manage-fields-wrapper input::-webkit-input-placeholder,
.form-wrapper input::-webkit-input-placeholder,
.manage-fields-wrapper textarea::-webkit-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
    color: #aaa
}

.manage-fields-wrapper .tooltip-reference,
.form-wrapper .tooltip-reference {
    position: relative;
    display: inline-block;
    width: 100%
}

.manage-fields-wrapper .tooltip-reference:hover .black-tooltip,
.form-wrapper .tooltip-reference:hover .black-tooltip {
    opacity: 0;
    visibility: hidden
}

.manage-fields-wrapper .tooltip-reference:hover .black-tooltip.error-msg,
.form-wrapper .tooltip-reference:hover .black-tooltip.error-msg {
    opacity: 1;
    visibility: visible
}

.manage-fields-wrapper .tooltip-reference input:focus~.notes,
.form-wrapper .tooltip-reference input:focus~.notes,
.manage-fields-wrapper .tooltip-reference textarea:focus~.notes,
.form-wrapper .tooltip-reference textarea:focus~.notes,
.manage-fields-wrapper .tooltip-reference label:focus~.notes,
.form-wrapper .tooltip-reference label:focus~.notes {
    visibility: visible;
    opacity: 1;
    z-index: 89
}

.manage-fields-wrapper .hover.tooltip-reference:hover~.notes,
.form-wrapper .hover.tooltip-reference:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference select:hover~.notes,
.form-wrapper .hover.tooltip-reference select:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference input:hover~.notes,
.form-wrapper .hover.tooltip-reference input:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:hover~.notes,
.form-wrapper .hover.tooltip-reference textarea:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference label:hover~.notes,
.form-wrapper .hover.tooltip-reference label:hover~.notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:hover~.notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:hover~.notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:hover~.notes,
.form-wrapper .tooltip-reference .redactor-box:hover~.notes,
.manage-fields-wrapper .tooltip-reference select:hover~.notes,
.form-wrapper .tooltip-reference select:hover~.notes,
.manage-fields-wrapper .tooltip-reference .hover:hover~.notes,
.form-wrapper .tooltip-reference .hover:hover~.notes {
    visibility: visible;
    opacity: 1;
    z-index: 89
}

.manage-fields-wrapper .hover.tooltip-reference:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference select:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference select:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference input:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference input:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference textarea:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference label:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference label:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:focus:hover~.notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:focus:hover~.notes,
.form-wrapper .tooltip-reference .redactor-box:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference select:focus:hover~.notes,
.form-wrapper .tooltip-reference select:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference .hover:focus:hover~.notes,
.form-wrapper .tooltip-reference .hover:focus:hover~.notes {
    visibility: visible;
    opacity: 1;
    z-index: 89
}

.manage-fields-wrapper .hover.tooltip-reference:focus~.notes,
.form-wrapper .hover.tooltip-reference:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference select:focus~.notes,
.form-wrapper .hover.tooltip-reference select:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference input:focus~.notes,
.form-wrapper .hover.tooltip-reference input:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:focus~.notes,
.form-wrapper .hover.tooltip-reference textarea:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference label:focus~.notes,
.form-wrapper .hover.tooltip-reference label:focus~.notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:focus~.notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:focus~.notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:focus~.notes,
.form-wrapper .tooltip-reference .redactor-box:focus~.notes,
.manage-fields-wrapper .tooltip-reference select:focus~.notes,
.form-wrapper .tooltip-reference select:focus~.notes,
.manage-fields-wrapper .tooltip-reference .hover:focus~.notes,
.form-wrapper .tooltip-reference .hover:focus~.notes {
    visibility: hidden;
    opacity: 0;
    z-index: 89
}

.manage-fields-wrapper .ch-count-field,
.form-wrapper .ch-count-field {
    padding-right: 45px !important
}

.manage-fields-wrapper .ch-count-field .error-msg,
.form-wrapper .ch-count-field .error-msg {
    right: 39px
}

.manage-fields-wrapper .ch-count,
.form-wrapper .ch-count {
    position: absolute;
    background: #e5e7ea;
    color: #636b6f;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    right: 3px;
    top: 3px;
    line-height: 24px;
    width: 34px;
    text-align: center;
    z-index: 3
}

.manage-fields-wrapper .ch-count-warning,
.form-wrapper .ch-count-warning {
    background: #ff0000;
    color: #ffffff;
    font-size: 18px
}

.manage-fields-wrapper .ch-count-field-long+.ch-count,
.form-wrapper .ch-count-field-long+.ch-count {
    width: 44px
}

.manage-fields-wrapper .inside-error-msg,
.form-wrapper .inside-error-msg {
    background: #d23837;
    bottom: 2px;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    position: absolute;
    right: 2px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .outside-error-msg,
.form-wrapper .outside-error-msg {
    color: #d23837;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .outside-warning-msg,
.form-wrapper .outside-warning-msg {
    color: #ef8d2b;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .field-error input,
.form-wrapper .field-error input,
.manage-fields-wrapper .field-error textarea,
.form-wrapper .field-error textarea {
    border-color: #d23837
}

.manage-fields-wrapper .field-error select,
.form-wrapper .field-error select {
    color: #d23837
}

.manage-fields-wrapper .field-error .checkbox-label,
.form-wrapper .field-error .checkbox-label,
.manage-fields-wrapper .field-error .checkbox-item>label,
.form-wrapper .field-error .checkbox-item>label {
    color: #d23837
}

.manage-fields-wrapper .field-error .error-msg,
.form-wrapper .field-error .error-msg {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper .field-error .form-control:focus,
.form-wrapper .field-error .form-control:focus {
    border-color: inherit;
    box-shadow: none
}

.manage-fields-wrapper .form-tooltip hr,
.form-wrapper .form-tooltip hr {
    margin-bottom: 7px;
    margin-top: 7px
}

.manage-fields-wrapper .form-tooltip.blue-skin,
.form-wrapper .form-tooltip.blue-skin {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper .form-tooltip.blue-skin .inside-error-msg,
.form-wrapper .form-tooltip.blue-skin .inside-error-msg {
    right: 3px;
    bottom: 3px;
    font-size: 12px
}

.manage-fields-wrapper .radio-list,
.form-wrapper .radio-list {
    list-style: none !important;
    margin-left: 0 !important;
    background: #aecae6
}

.manage-fields-wrapper .radio-list .inside-error-msg,
.form-wrapper .radio-list .inside-error-msg {
    bottom: -27px !important;
    right: 3px !important
}

.manage-fields-wrapper .radio-list li.radio-item,
.form-wrapper .radio-list li.radio-item {
    background: #EFF5FC;
    margin-top: 3px;
    min-height: 30px;
    padding: 6px;
    position: relative
}

.manage-fields-wrapper .radio-list li.radio-item:before,
.form-wrapper .radio-list li.radio-item:before,
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    content: " ";
    display: table
}

.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    clear: both
}

.manage-fields-wrapper .radio-list li.radio-item:before,
.form-wrapper .radio-list li.radio-item:before,
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    content: " ";
    display: table
}

.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    clear: both
}

.manage-fields-wrapper .radio-list li.radio-item input[type=radio],
.form-wrapper .radio-list li.radio-item input[type=radio] {
    float: left;
    margin-top: 9px
}

.manage-fields-wrapper .radio-list li.radio-item input[type=text],
.form-wrapper .radio-list li.radio-item input[type=text],
.manage-fields-wrapper .radio-list li.radio-item input[type=password],
.form-wrapper .radio-list li.radio-item input[type=password] {
    width: 318px !important;
    margin: 0 0 0 10px
}

.manage-fields-wrapper .radio-list li.radio-item label,
.form-wrapper .radio-list li.radio-item label {
    margin: 6px 0 0 8px;
    float: left
}

.manage-fields-wrapper .as-selection-item,
.form-wrapper .as-selection-item {
    background: #9297a2 !important;
    text-shadow: none !important
}

.manage-fields-wrapper .as-selection-item a,
.form-wrapper .as-selection-item a {
    background: #63666b !important;
    color: white !important
}

.manage-fields-wrapper .as-selection-item a:hover,
.form-wrapper .as-selection-item a:hover {
    background: #000 !important
}

.manage-fields-wrapper .media-upload-manager .black-tooltip,
.form-wrapper .media-upload-manager .black-tooltip {
    top: auto;
    bottom: 5px
}

.manage-fields-wrapper .media-preview-wrapper,
.form-wrapper .media-preview-wrapper {
    background: #fff;
    border: 1px solid #A9A9A9;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.63), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    padding: 18px
}

.manage-fields-wrapper .media-preview-wrapper .q-mark,
.form-wrapper .media-preview-wrapper .q-mark {
    top: 20px
}

.manage-fields-wrapper .media-preview-wrapper .contained,
.form-wrapper .media-preview-wrapper .contained {
    max-width: 100%;
    max-height: 100%
}

.manage-fields-wrapper .media-preview-wrapper .media-preview,
.form-wrapper .media-preview-wrapper .media-preview {
    background: #EEF4FD;
    padding: 2px;
    height: 200px
}

.manage-fields-wrapper .media-preview-wrapper .video-status-message,
.form-wrapper .media-preview-wrapper .video-status-message {
    background: #EEF4FD
}

.manage-fields-wrapper .media-preview-wrapper .media,
.form-wrapper .media-preview-wrapper .media {
    border: 1px dotted #C2CBD7;
    height: 270px;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    height: 100%
}

.manage-fields-wrapper .media-preview-wrapper .notes-table,
.form-wrapper .media-preview-wrapper .notes-table {
    height: 100%;
    width: 100%;
    position: relative
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .media-content,
.form-wrapper .media-preview-wrapper .notes-table .media-content {
    width: 100%;
    height: 100%
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .info,
.form-wrapper .media-preview-wrapper .notes-table .info {
    color: #5589B6;
    text-align: center;
    background: #EEF4FD;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .info h4,
.form-wrapper .media-preview-wrapper .notes-table .info h4 {
    top: 50%;
    margin-top: -14px;
    position: relative
}

.manage-fields-wrapper .media-preview-wrapper .notes-table h4,
.form-wrapper .media-preview-wrapper .notes-table h4 {
    font-size: 24px;
    font-weight: 300
}

.manage-fields-wrapper .media-preview-wrapper .notes-table h5,
.form-wrapper .media-preview-wrapper .notes-table h5 {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .processing,
.form-wrapper .media-preview-wrapper .notes-table .processing {
    font-size: 15px;
    color: #5589B6;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.manage-fields-wrapper .media-preview-wrapper .tip,
.form-wrapper .media-preview-wrapper .tip {
    color: #444;
    margin-top: 10px
}

.manage-fields-wrapper .input-wrapper,
.form-wrapper .input-wrapper {
    margin-top: 20px
}

.manage-fields-wrapper.ud-manageinstructors .table-view li>span:nth-child(1),
.form-wrapper.ud-manageinstructors .table-view li>span:nth-child(1),
.manage-fields-wrapper.ud-manageinstructors .table-view li>div:nth-child(1),
.form-wrapper.ud-manageinstructors .table-view li>div:nth-child(1) {
    width: 130px
}

.manage-fields-wrapper.ud-manageinstructors .table-view .ud-checkbox+label,
.form-wrapper.ud-manageinstructors .table-view .ud-checkbox+label {
    padding-left: 15px;
    text-indent: -999999px;
    width: 1em
}

.manage-fields-wrapper.ud-manageinstructors .table-view .ud-checkbox+label:after,
.form-wrapper.ud-manageinstructors .table-view .ud-checkbox+label:after,
.manage-fields-wrapper.ud-manageinstructors .table-view .ud-checkbox+label:before,
.form-wrapper.ud-manageinstructors .table-view .ud-checkbox+label:before {
    text-indent: 0
}

.manage-fields-wrapper .table-view,
.form-wrapper .table-view {
    margin: 20px 0 0 0;
    display: table;
    width: 100%
}

.manage-fields-wrapper .table-view.coupon-codes li div:first-child,
.form-wrapper .table-view.coupon-codes li div:first-child,
.manage-fields-wrapper .table-view.coupon-codes li span:first-child,
.form-wrapper .table-view.coupon-codes li span:first-child {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis
}

.manage-fields-wrapper .table-view#coupon-code-list,
.form-wrapper .table-view#coupon-code-list {
    margin-left: 0
}

.manage-fields-wrapper .table-view li,
.form-wrapper .table-view li {
    background: #fff;
    position: relative;
    color: #555;
    font-size: 14px;
    width: 100%;
    margin: 0;
    display: table-row
}

.manage-fields-wrapper .table-view li.header>span,
.form-wrapper .table-view li.header>span {
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB
}

.manage-fields-wrapper .table-view li.header>span:first-child,
.form-wrapper .table-view li.header>span:first-child {
    border-left: 1px solid #BBB
}

.manage-fields-wrapper .table-view li.header>span:last-child,
.form-wrapper .table-view li.header>span:last-child {
    border-right: 1px solid #BBB
}

.manage-fields-wrapper .table-view li>div,
.form-wrapper .table-view li>div,
.manage-fields-wrapper .table-view li>span,
.form-wrapper .table-view li>span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px;
    border-top: none;
    border-bottom: 1px solid #D1D1D1
}

.manage-fields-wrapper .table-view li>div:first-child,
.form-wrapper .table-view li>div:first-child,
.manage-fields-wrapper .table-view li>span:first-child,
.form-wrapper .table-view li>span:first-child {
    border-left: 1px solid #D1D1D1
}

.manage-fields-wrapper .table-view li>div:last-child,
.form-wrapper .table-view li>div:last-child,
.manage-fields-wrapper .table-view li>span:last-child,
.form-wrapper .table-view li>span:last-child {
    border-right: 1px solid #D1D1D1
}

.manage-fields-wrapper .table-view li>div .flex,
.form-wrapper .table-view li>div .flex,
.manage-fields-wrapper .table-view li>span .flex,
.form-wrapper .table-view li>span .flex {
    display: inline-block
}

.manage-fields-wrapper .table-view li>.outside-error-msg,
.form-wrapper .table-view li>.outside-error-msg {
    text-align: left
}

.manage-fields-wrapper .table-view li.header,
.form-wrapper .table-view li.header {
    background: #ecf0f2;
    top: 3px;
    z-index: 1;
    font-size: 13px
}

.manage-fields-wrapper .table-view li.header>span,
.form-wrapper .table-view li.header>span,
.manage-fields-wrapper .table-view li.header>div,
.form-wrapper .table-view li.header>div {
    box-shadow: 1px 0 #bbb inset, 2px 0 #fff inset
}

.manage-fields-wrapper .table-view li.header>span:nth-child(1),
.form-wrapper .table-view li.header>span:nth-child(1),
.manage-fields-wrapper .table-view li.header>div:nth-child(1),
.form-wrapper .table-view li.header>div:nth-child(1) {
    box-shadow: none
}

.manage-fields-wrapper .table-view li .ui-icon,
.form-wrapper .table-view li .ui-icon {
    background: none;
    height: auto
}

.manage-fields-wrapper .table-view li .ui-icon .sort-handle,
.form-wrapper .table-view li .ui-icon .sort-handle {
    position: relative;
    right: 0;
    display: block;
    margin: 2px 0 0 4px;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .table-view li .perc input,
.form-wrapper .table-view li .perc input {
    width: 36px;
    text-align: right
}

.manage-fields-wrapper .table-view li .udemy-share,
.form-wrapper .table-view li .udemy-share {
    background: #e5e7ea;
    padding: 5px 10px;
    color: #979da0;
    font-weight: bold
}

.manage-fields-wrapper .table-view li .udemy-share span,
.form-wrapper .table-view li .udemy-share span {
    margin-left: 5px
}

.manage-fields-wrapper .table-view li:not(.udemy-column):hover .ui-icon .sort-handle,
.form-wrapper .table-view li:not(.udemy-column):hover .ui-icon .sort-handle {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper .add-instructor-submit,
.form-wrapper .add-instructor-submit {
    float: right;
    z-index: 2
}

.manage-fields-wrapper .input-group .form-control,
.form-wrapper .input-group .form-control {
    min-height: 44px
}

.static-content-wrapper,
.form-wrapper {
    overflow: visible !important;
    margin: 20px auto;
    border: 1px solid #ccc
}

.static-content-wrapper h1,
.form-wrapper h1 {
    background: #f1f1f1;
    font-size: 16px;
    padding: 2px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #BEBEBE;
    box-shadow: 0 1px #edede7;
    line-height: 2.6;
    margin: auto
}

.static-content-wrapper h1:first-child,
.form-wrapper h1:first-child {
    padding: 10px 35px 10px 15px;
    margin: 0;
    line-height: 1.2
}

.static-content-wrapper .submit-row,
.form-wrapper .submit-row {
    width: 100%;
    margin: 10px 0 5px;
    text-align: center
}

.error-text,
.form-errors {
    color: #C93643;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    position: static;
    margin: 15px auto;
    padding: 5px
}

.fancybox-wrap {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0
}

.fancybox-wrap .fancybox-skin {
    background: #000;
    border: 0;
    box-shadow: none;
    border-radius: 6px
}

.fancybox-wrap .fancybox-skin .fancybox-inner {
    overflow: visible !important;
    border-radius: 6px
}

.fancybox-wrap .fancybox-skin .fancybox-inner>div:first-child {
    border-radius: 6px
}

.fancybox-wrap .fancybox-skin .fancybox-inner .header {
    background: #f4f4f4;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25)
}

.fancybox-wrap .fancybox-skin .fancybox-inner .header h1 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 26px 21px 26px 21px;
    color: #303e4d;
    text-transform: none;
    border-bottom: none;
    font-weight: bold
}

.fancybox-wrap .fancybox-skin .fancybox-inner>h1:first-child {
    background: #F1F1F1;
    font-size: 16px;
    padding: 10px 35px 10px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #BEBEBE;
    box-shadow: 0 1px #EDEDE7;
    margin: 0;
    line-height: 1.2;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
    background: #fff
}



.organization .fancybox-wrap {
    top: 0 !important
}

.fancybox-wrap.tighter-close .fancybox-skin .fancybox-close {
    right: 12px;
    top: 4px
}

.fancybox-inner .static-content-wrapper {
    margin: auto;
    border-radius: 5px
}

.popup-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999
}

.loginbox-v4 {
    border: 1px solid #ccc;
    background: #EDEFF1;
    padding: 20px;
    color: #355368;
    width: 680px;
    border-radius: 5px
}

.loginbox-v4.loginbox-v4--experiment {
    background-color: #ffffff;
    color: #000000;
    width: 380px
}

.loginbox-v4.loginbox-v4--experiment h2 {
    font-size: 22px;
    font-weight: bold;
    color: #333333
}

.loginbox-v4.loginbox-v4--experiment .box-col {
    padding: 0
}

.loginbox-v4.loginbox-v4--experiment .box-footer {
    margin-top: 0
}

.loginbox-v4.loginbox-v4--experiment .social-button-separators {
    color: rgba(51, 51, 51, 0.55)
}

.loginbox-v4.loginbox-v4--experiment .social-button-separators span {
    margin-top: 8px
}

.loginbox-v4.loginbox-v4--experiment .social-button-separators .separator {
    border-top: 1px solid #d3d3d3;
    margin-top: 16px;
    margin-bottom: 6px;
    flex-grow: 2
}

.loginbox-v4.loginbox-v4--experiment .social-button-separators__text {
    padding: 0 10px;
    font-size: 11px;
    font-weight: bold
}

.loginbox-v4.loginbox-v4--experiment .social-btn {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px
}

.loginbox-v4.loginbox-v4--experiment .social-btn .udi-facebook-f {
    padding: 11px 0 11px 5px !important
}

.loginbox-v4.loginbox-v4--experiment .social-btn .udi-facebook-f:before {
    position: relative;
    font-size: 26px
}

.loginbox-v4.loginbox-v4--experiment .social-btn .btn-text {
    font-weight: normal
}

.loginbox-v4.loginbox-v4--experiment .google-btn {
    background-color: white;
    border: none;
    color: #737373
}

.loginbox-v4.loginbox-v4--experiment .google-btn:hover {
    background-color: #f2f2f2
}

.loginbox-v4.loginbox-v4--experiment .google-btn .udi-circle-loader {
    margin: auto
}

.loginbox-v4.loginbox-v4--experiment .facebook-btn {
    background-color: #2553b4
}

.loginbox-v4.loginbox-v4--experiment .facebook-btn:hover {
    background-color: #21499f
}

.loginbox-v4.loginbox-v4--experiment .facebook-btn .udi-circle-loader {
    margin: auto
}

.loginbox-v4.loginbox-v4--experiment .udi-facebook-f {
    border: none !important
}

.loginbox-v4.loginbox-v4--experiment .udi-google-plus {
    background: url('../images/icons/social/g-logo.svg') no-repeat center center;
    background-size: 24px;
    border: none !important
}

.loginbox-v4.loginbox-v4--experiment .udi-google-plus:before {
    content: "";
    display: inline-block
}

.loginbox-v4.loginbox-v4--experiment .form-actions {
    margin-top: 10px
}

.loginbox-v4.loginbox-v4--experiment .secondary-text {
    text-align: center
}

.loginbox-v4.box-heading {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f3f3f4;
    border-bottom: solid 1px #231f20 !important;
    border-radius: 0 !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    color: #000000;
    height: 72px;
    font-size: 15px;
    padding: 0;
    width: 380px
}

.loginbox-v4.box-heading .header-text {
    font-weight: bold;
    margin-left: 20px;
    width: 85%
}

.loginbox-v4.loginbox-v4--estacio {
    background: white;
    border-radius: 3px !important
}

.loginbox-v4.loginbox-v4--estacio .box-col {
    padding: 0
}

.loginbox-v4.loginbox-v4--estacio .box-heading {
    background: #f3f3f4;
    border-radius: 4px 4px 0 0;
    font-size: 19px;
    font-weight: bold;
    margin: -20px -20px 10px;
    padding-left: 20px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left
}

.loginbox-v4.loginbox-v4--estacio .logos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 15px 0
}

.loginbox-v4.loginbox-v4--estacio .logos .logosep {
    content: " ";
    height: 27px;
    margin: 0 10px;
    width: 1px;
    border-right: solid 2px #9b9b9b
}

.loginbox-v4.loginbox-v4--estacio .logos .logo {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 1px
}

.loginbox-v4.loginbox-v4--estacio .logos .logo__image {
    max-height: 40px
}

.loginbox-v4.loginbox-v4--estacio .logos .logo__image--smaller {
    margin-top: 4px;
    max-height: 28px;
    width: 84px
}

.loginbox-v4 .form-actions {
    margin-top: 20px
}

.loginbox-v4 .submit-row {
    text-align: center;
	direction:rtl;
}

.loginbox-v4 .submit-row>input {
    width: 100%;
    height: 50px;
    font-weight: bold;
    font-size: 16px
}

.loginbox-v4.narrow {
    max-width: 400px
}

.loginbox-v4.wide {
    max-width: 680px
}

.loginbox-v4 .box-heading {
    text-align: center;
    margin: 0;
    color: #355368;
    font-size: 24px;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0
}

.loginbox-v4 h4 {
    font-size: 16px;
    color: #355368;
    margin: 0;
	text-align:right;
	direction:rtl;
}

.loginbox-v4 .social-btn {
    margin-top: 10px
}

.loginbox-v4 .box-col {
    padding: 20px 20px 10px
}

.loginbox-v4 .box-separator {
    background: #d3d3d3;
    width: 1px
}

.loginbox-v4 .shadowed-btn {
    margin-top: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 10px
}

.loginbox-v4 .social-btn {
    padding: 0 20px 0 0
}

.loginbox-v4 .social-btn .social-icon {
    padding: 15px 0 15px 5px;
    display: inline-block;
    font-size: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    width: 50px;
    text-align: center;
    font-weight: normal
}

.loginbox-v4 .social-btn .btn-text {
    font-size: 16px;
    font-weight: bold
}

.loginbox-v4 .social-btn .udi-circle-loader {
    margin-left: 10px
}

.loginbox-v4 .disabled-btn {
    opacity: .5
}

.loginbox-v4 .facebook-btn {
    background: #38558f
}

.loginbox-v4 .facebook-btn:hover {
    background: #0c476f
}

.loginbox-v4 .facebook-btn .udi-circle-loader {
    margin: auto
}

.loginbox-v4 .google-btn {
    background: #2b85c3
}

.loginbox-v4 .google-btn:hover {
    background: #2879b1
}

.loginbox-v4 .google-btn .udi-circle-loader {
    margin: auto
}

.loginbox-v4 .secondary-text {
    margin-top: 10px;
    font-size: 15px;
	text-align:right;
	direction:rtl;
}

.loginbox-v4 .fancy {
    line-height: .5;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px
}

.loginbox-v4 .fancy span {
    display: inline-block;
    position: relative
}

.loginbox-v4 .fancy span:before,
.loginbox-v4 .fancy span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #CCC;
    top: 5px;
    width: 150px
}

.loginbox-v4 .fancy span:before {
    right: 100%;
    margin-right: 15px
}

.loginbox-v4 .fancy span:after {
    left: 100%;
    margin-left: 15px
}

.loginbox-v4 .non-labeled:before {
    font-family: cocon, 'UdemyIcons';
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 20px;
    color: #d3d3d3;
    width: 20px;
    z-index: 2;
    text-align: center;
    line-height: 1;
    margin-top: 15px
}

.loginbox-v4 #form-item-fullName:before,
.loginbox-v4 #form-item-fullname:before {
    content: "\f007"
}

.loginbox-v4 #form-item-signup {
    display: none
}

.loginbox-v4 #form-item-email:before {
    content: "\f0e0"
}

.loginbox-v4 #form-item-password:before {
    content: "\f023"
}
.loginbox-v4 #form-item-confirmpassword:before {
    content: "\f023"
}

.loginbox-v4 #form-item-subscribe_to_emails input[type="checkbox"] {
    cursor: pointer;
    position: relative;
    margin-left: -20px
}

.loginbox-v4 #form-item-title:before {
    content: "\f135"
}

.loginbox-v4 input[type="radio"],
.loginbox-v4 input[type="checkbox"] {
    margin: 0
}

.loginbox-v4 .manage-fields-wrapper {
    margin-top: 10px
}

.loginbox-v4 .manage-fields-wrapper input[type=text],
.loginbox-v4 .manage-fields-wrapper input[type=email],
.loginbox-v4 .manage-fields-wrapper input[type=password] {
    border-radius: 5px;
    padding: 11px 10px 12px 40px;
    height: auto;
    outline: 0;
    font-size: 18px;
    color: #355368;
	text-align:right;
	direction:rtl;
}

.loginbox-v4 .manage-fields-wrapper input[type=text]:focus,
.loginbox-v4 .manage-fields-wrapper input[type=email]:focus,
.loginbox-v4 .manage-fields-wrapper input[type=password]:focus {
    border-color: #2b85c3
}

.loginbox-v4 .manage-fields-wrapper input[type=text]:focus~i,
.loginbox-v4 .manage-fields-wrapper input[type=email]:focus~i,
.loginbox-v4 .manage-fields-wrapper input[type=password]:focus~i {
    color: #B5C3D4
}

.loginbox-v4 .manage-fields-wrapper>div {
    position: relative;
    margin-top: 10px
}

.loginbox-v4 .manage-fields-wrapper i {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    font-size: 18px;
    text-align: center;
    width: 18px;
    color: #D3D3D3
}

.loginbox-v4 .cancel-link {
    display: inline-block;
    margin-top: 10px
}

.loginbox-v4 .box-footer {
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
    box-shadow: 0 1px #fff inset;
    padding-top: 16px;
    text-align: center
}

.loginbox-v4 .box-footer a {
    font-weight: bold
}

.loginbox-v4.vertical {
    max-width: 360px;
    text-align: center
}

.loginbox-v4.vertical .box-wrapper {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.loginbox-v4.vertical .box-col {
    padding: 0
}

.loginbox-v4.vertical .box-separator {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    box-shadow: 0 1px #fff
}

.loginbox-v4 #id_should_subscribe_to_emails {
    left: 0;
    margin: 0;
    top: 4px
}

.small-loginbox {
    width: 420px
}

.fancybox-inner .loginbox-v4 {
    margin: 0;
    border: 0
}

.fancybox-inner .loginbox-v4 input[type="checkbox"] {
    margin-left: -21px;
    margin-top: 4px
}

.first-timer-popup {
    padding: 30px 20px 80px;
    background: #2484c5;
    width: 500px;
    text-align: center;
    text-shadow: 0 1px #333;
    border-radius: 3px
}

.first-timer-popup .redeem {
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px
}

.first-timer-popup .redeem input {
    border: none;
    background-color: #2484c5;
    width: 150px
}

.first-timer-popup .heading {
    color: white;
    font-size: 68px;
    margin: 0;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1
}

.first-timer-popup .awarded {
    color: white;
    font-size: 40px;
    font-weight: 500;
    line-height: 1
}

.first-timer-popup .form-errors {
    width: 100%
}

.first-timer-popup .manage-fields-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    padding: 0
}

.first-timer-popup #email {
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 10px
}

.first-timer-popup .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #1e2c35;
    height: 40px
}

.first-timer-popup .box-heading {
    color: white;
    font-weight: bold;
    padding: 20px 0 0 0;
    font-size: 30px;
    border: none
}

.first-timer-popup .secondary-text,
.first-timer-popup .box-footer {
    color: white;
    text-shadow: none
}

.first-timer-popup .secondary-text a,
.first-timer-popup .box-footer a {
    color: #1e2c35
}

.first-timer-popup .secondary-text a:hover,
.first-timer-popup .box-footer a:hover {
    opacity: .5
}

.first-timer-popup .box-footer {
    margin-top: 0;
    box-shadow: none;
    border-top: 1px solid rgba(211, 211, 211, 0.32)
}

.first-timer-popup.loginbox-v4 {
    padding-bottom: 50px
}

.first-timer-popup .signin-form .non-labeled:before {
    text-shadow: none;
    margin-top: -16px
}

.first-timer-popup .signin-form .form-control {
    margin-bottom: 10px;
    height: 40px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    padding: 11px 10px 12px 40px !important
}

.first-timer-popup .signin-form .btn {
    min-width: 150px;
    border-radius: 4px;
    margin-top: 10px
}

.first-timer-popup .signin-form label {
    color: #ffffff;
    text-shadow: none;
    font-weight: 400
}

@media (max-width:1200px) {
    .loginbox-v4:not(.loginbox-v4--experiment) {
        max-width: none;
        text-align: center;
        width: 400px
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-wrapper.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-wrapper.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-col {
        padding: 10px 0 0;
        margin: 0;
        text-align: center;
        max-width: none
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-separator {
        width: 100%;
        height: 1px;
        margin: 20px 0;
        box-shadow: 0 1px #fff
    }
    .ie .loginbox-v4 .box-wrapper {
        display: block !important
    }
}

@media (max-width:767px) {
    .loginbox-v4:not(.loginbox-v4--experiment) {
        top: 0;
        left: 0;
        right: 0;
        min-height: 100%;
        width: auto
    }
    .loginbox-v4:not(.loginbox-v4--experiment) h4 {
        display: none
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-heading {
        font-size: 14px
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-separator {
        display: none
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-wrapper.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .loginbox-v4:not(.loginbox-v4--experiment) .box-wrapper.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .loginbox-v4.loginbox-v4--experiment {
        width: 100% !important
    }
    .loginbox-v4.loginbox-v4--experiment .box-wrapper {
        display: block
    }
    .loginbox-v4.loginbox-v4--experiment .box-right {
        max-width: none !important
    }
}

.ie .loginbox-v4 .box-right {
    max-width: none
}

@media only screen and (max-width:768px) {
    .loginbox-v4 {
        width: 100% !important
    }
}

.hello-bar {
    position: relative;
    text-align: center;
    font-size: 16px;
    padding: 0;
    height: 90px;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.hello-bar .hello-desc {
    font-size: 15px;
    display: block
}

.hello-bar .hello-img {
    border-radius: 50%;
    margin-right: 10px
}

.hello-bar .hello-title {
    font-size: 18px;
    font-weight: bold;
    text-align: left
}

.hello-bar .hello-content {
    display: none
}

.hello-bar .link {
    color: #ffd800;
    font-weight: 600;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .link:hover {
    color: #ffe866
}

.hello-bar .code-text {
    color: #333333;
    border-radius: 2px;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.hello-bar .code-text:focus {
    outline: none
}

.hello-bar .mobile-number__input {
    width: 210px
}

.hello-bar .mobile-number__label {
    font-size: 11px;
    display: block;
    font-weight: normal
}

.hello-bar .secondary-cta {
    display: block
}

.hello-bar.ahoy {
    background: #2d2d4c;
    color: #fff
}

.hello-bar.ahoy a.hello-title,
.hello-bar.ahoy a.hello-desc {
    color: #fff
}

.hello-bar.ahoy .send-bt {
    background: #ffd800;
    color: #2d2d4c
}

.hello-bar.ahoy .send-bt:hover {
    background: #ffe866
}

.hello-bar.ahoy .ask-later-bt {
    background: #eff2f5;
    color: #333333
}

.hello-bar.ahoy .ask-later-bt:hover {
    background: #fff
}

.hello-bar.ahoy figcaption {
    color: #fff
}

.hello-bar.howdy {
    background: #17aa1c;
    color: #fff
}

.hello-bar.howdy a.hello-title,
.hello-bar.howdy a.hello-desc {
    color: #fff
}

.hello-bar.howdy .send-bt {
    background: #2d2d4c;
    color: #fff;
    font-weight: 400
}

.hello-bar.howdy .send-bt:hover {
    outline: none;
    background: #40406c
}

.hello-bar.howdy .ask-later-bt {
    background: #eff2f5;
    color: #333333
}

.hello-bar.howdy .ask-later-bt:hover {
    background: #fff
}

.hello-bar.howdy .link {
    color: #2d2d4c;
    font-weight: 600;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar.howdy .link:hover {
    color: #53538c
}

.hello-bar.howdy figcaption {
    color: #fff
}

.hello-bar.howdy .timeTo div {
    border-color: #fff
}

.hello-bar.howdy .timeTo div:first-child {
    border-color: #fff
}

.hello-bar.ciao {
    background: #eff2f5;
    color: #333333
}

.hello-bar.ciao a.hello-title,
.hello-bar.ciao a.hello-desc {
    color: #333333
}

.hello-bar.ciao .link {
    color: #17aa1c
}

.hello-bar.ciao .link:hover {
    color: #42e547
}

.hello-bar.ciao .send-bt {
    background: #17aa1c
}

.hello-bar.ciao .send-bt:hover {
    outline: none;
    background: #1dd723
}

.hello-bar.ciao .ask-later-bt {
    background: #ffd800;
    color: #2d2d4c
}

.hello-bar.ciao .ask-later-bt:hover {
    background: #ffe866
}

.hello-bar.ciao .close {
    color: #333333
}

.hello-bar.money,
.hello-bar.new_terms {
    background: -moz-linear-gradient(#18ab1d, #107313);
    background: -webkit-linear-gradient(#18ab1d, #107313);
    background: -o-linear-gradient(#18ab1d, #107313);
    background: -ms-linear-gradient(#18ab1d, #107313);
    background: linear-gradient(#18ab1d, #107313);
    font-weight: 600;
    color: #fff;
    background-color: #18ab1d;
    font-size: 15px
}

.hello-bar.money.i .hello-spacing-wrapper,
.hello-bar.new_terms.i .hello-spacing-wrapper {
    padding-left: 120px;
    background: url("../images/hello-bar/warning.png") no-repeat 0 center
}

.hello-bar.money a.close,
.hello-bar.new_terms a.close {
    display: none
}

.hello-bar.money span.send-bt[data-href^='pricing-close-cross'],
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross'],
.hello-bar.money span.send-bt[data-href^='terms-close-cross'],
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross'] {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -35px;
    padding: 15px;
    background: none;
    text-decoration: none;
    min-width: 0
}

.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:after,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:after,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:after,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:after,
.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:before,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:before,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:before,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:before {
    display: block;
    content: '';
    width: 22px;
    border-top: 2px solid white;
    margin-top: 12px;
    margin-left: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden
}

.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:before,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:before,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:before,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:before {
    margin-top: 7px;
    margin-bottom: -14px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden
}

.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:hover:after,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:hover:after,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:hover:after,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:hover:after,
.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:active:after,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:active:after,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:active:after,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:active:after,
.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:hover:before,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:hover:before,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:hover:before,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:hover:before,
.hello-bar.money span.send-bt[data-href^='pricing-close-cross']:active:before,
.hello-bar.new_terms span.send-bt[data-href^='pricing-close-cross']:active:before,
.hello-bar.money span.send-bt[data-href^='terms-close-cross']:active:before,
.hello-bar.new_terms span.send-bt[data-href^='terms-close-cross']:active:before {
    border-color: #F7F7F4
}

.hello-bar.money .container,
.hello-bar.new_terms .container {
    position: relative
}

.hello-bar.money .hello-titles,
.hello-bar.new_terms .hello-titles {
    max-width: 100%
}

@media (min-width:992px) {
    .hello-bar.money .hello-titles,
    .hello-bar.new_terms .hello-titles {
        padding-right: 8%
    }
}

.hello-bar.money .hello-title,
.hello-bar.new_terms .hello-title {
    font-size: 15px;
    display: inline-block;
    padding-right: 10px;
    font-weight: bold
}

.hello-bar.money .hello-title a,
.hello-bar.new_terms .hello-title a {
    font-weight: bold
}

.hello-bar.money .hello-desc,
.hello-bar.new_terms .hello-desc {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.5em
}

.hello-bar.money .hello-content,
.hello-bar.new_terms .hello-content {
    display: block;
    width: 214px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px
}

.hello-bar.money a,
.hello-bar.new_terms a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}

.hello-bar.money a:hover,
.hello-bar.new_terms a:hover {
    opacity: .8
}

.hello-bar.money .mobile-number,
.hello-bar.new_terms .mobile-number {
    text-align: right
}

.hello-bar.money .send-bt,
.hello-bar.new_terms .send-bt {
    min-width: 214px;
    background: #fff;
    color: #17aa1c;
    margin-bottom: 17px
}

.hello-bar.money .send-bt:hover,
.hello-bar.new_terms .send-bt:hover,
.hello-bar.money .send-bt:active,
.hello-bar.new_terms .send-bt:active {
    background: #F7F7F4
}

.hello-bar.money .hello-spacing-wrapper,
.hello-bar.new_terms .hello-spacing-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center
}

.hello-bar.money .hello-spacing-wrapper.center,
.hello-bar.new_terms .hello-spacing-wrapper.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hello-bar.money .hello-spacing-wrapper.right,
.hello-bar.new_terms .hello-spacing-wrapper.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

@media (min-width:992px) {
    .hello-bar.money .hello-spacing-wrapper,
    .hello-bar.new_terms .hello-spacing-wrapper {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.hello-bar.money .secondary-cta,
.hello-bar.new_terms .secondary-cta,
.hello-bar.money .secondary-cta:hover,
.hello-bar.new_terms .secondary-cta:hover,
.hello-bar.money .secondary-cta:active,
.hello-bar.new_terms .secondary-cta:active {
    padding: 0;
    margin-bottom: 0;
    color: #fff;
    background: transparent;
    font-weight: normal;
    text-decoration: underline;
    font-size: 15px
}

.hello-bar.money .secondary-cta:hover,
.hello-bar.new_terms .secondary-cta:hover {
    opacity: .8
}

.hello-bar.money .container {
    background: url("../images/hello-bar/pricing-header.png") repeat top left
}

.hello-bar .send-bt {
    padding: 7px 28px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    min-height: 33px;
    min-width: 87px;
    text-emphasis: center;
    background: #ffd800;
    color: #fff;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .send-bt:hover {
    background: #ffe033
}

.hello-bar .send-bt:focus {
    outline: none
}

.hello-bar .send-bt span {
    min-width: 31px;
    min-height: 19px;
    display: inline-block;
    background: url("../images/hello-bar/hello_sprite.png") no-repeat center center;
    background-position: center -100px
}

.hello-bar .send-bt .checked {
    background-position: center -41px;
    text-indent: -9999px
}

.hello-bar .send-bt .checked_white {
    background-position: center -62px;
    text-indent: -9999px
}

.hello-bar .ask-later-bt {
    background: #eff2f5;
    color: #333333
}

.hello-bar .ask-later-bt:hover {
    background: #fff
}

.hello-bar .close {
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: .8;
    color: #fff;
    font-size: 15px;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.2);
    padding: 0 3px 3px;
    border-radius: 2px;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .close:hover {
    opacity: .5
}

.hello-bar p {
    margin: 5px 0
}

.hello-bar em {
    font-style: normal
}

.hello-bar label {
    cursor: default
}

.hello-bar .big {
    display: inline;
    font-size: 1.4em
}

.hello-bar .bigger {
    display: inline;
    font-size: 1.8em
}

.hello-bar .colored {
    color: #51904E
}

.hello-bar .orange {
    color: #ffd800;
    font-weight: 600
}

.hello-bar .green {
    color: #17aa1c;
    font-weight: 600
}

.hello-bar figcaption {
    text-align: left !important;
    font-size: 11px;
    margin-bottom: 5px
}

.hello-bar .hello-timer {
    width: 150px
}

.hello-bar .hello-timer .hello-bar-timer {
    font-weight: 500;
    font-size: 25px;
    font-family: cocon, "Open Sans", sans-serif
}

.hello-bar .hello-timer .hello-bar-timer figure,
.hello-bar .hello-timer .hello-bar-timer span {
    float: left !important
}

.hello-bar .btn-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.hello-bar .border-none {
    border: none !important
}

.hello-bar-container {
    z-index: 6;
    position: relative
}

.c_header {
    height: auto
}

.c_header .hello-bar-border {
    height: 8px;
    display: block;
    margin-bottom: -4px
}

.c_header .hello-bar-border:before {
    content: '';
    height: 4px;
    background: #17aa1c;
    display: block;
    transition: .15s ease-in-out
}

.c_header .hello-bar-border:hover:before {
    height: 8px
}

.c_header.white.has-hello-bar {
    border-top: none !important
}

.c_header .hello-bar {
    -moz-transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
    -webkit-backface-visibility: hidden;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    overflow: hidden;
    height: 0
}

.c_header .hello-bar.open {
    cursor: auto !important;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    height: auto
}

.c_header .hello-bar .active-link {
    cursor: pointer
}

.c_header.has-hello-bar {
    display: block;
    height: auto
}

.c_header .hello-bar {
    z-index: 6
}

.c_header.white.has-hello-bar .c_header__inner {
    border-top: none
}

.hello-bar-tooltip {
    position: absolute;
    display: block;
    top: 10px;
    left: 50%;
    z-index: 9;
    margin-left: 65px
}

.hello-bar-tooltip span {
    position: absolute;
    width: 190px;
    padding: 5px 10px;
    color: #FFFFFF;
    background: rgba(50, 50, 56, 0.9);
    min-height: 42px;
    line-height: 1.4;
    text-align: center;
    font-size: 11px;
    border-radius: 2px
}

.hello-bar-tooltip span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 5px solid rgba(50, 50, 56, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

@media only screen and (max-width:1024px) {
    .c_header {
        height: auto !important
    }
    .c_header .hello-bar-tooltip {
        display: none !important
    }
    .c_header .hello-bar-border {
        height: 8px
    }
    .code-text {
        border-radius: 2px !important;
        padding: 7px !important
    }
    .hello-bar.money.i .hello-spacing-wrapper,
    .hello-bar.new_terms.i .hello-spacing-wrapper {
        padding-left: 0;
        padding-top: 100px;
        background: url("../images/hello-bar/warning.png") no-repeat center 10px
    }
    .hello-bar.money .mobile-number,
    .hello-bar.new_terms .mobile-number {
        text-align: center
    }
    .hello-bar.money .hello-content,
    .hello-bar.new_terms .hello-content {
        width: auto
    }
    .home .hello-bar.open {
        border-bottom: 4px solid #17aa1c
    }
}

@media only screen and (max-width:992px) {
    .hello-bar .hello-title {
        font-size: 16px
    }
    .hello-bar .hello-desc {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .code-text {
        border-radius: 2px !important;
        padding: 7px !important
    }
    .c_header {
        height: auto !important
    }
    .c_header .hello-bar-tooltip {
        display: none !important
    }
    .c_header .hello-bar-border {
        height: 8px
    }
    .c_header .hello-bar {
        height: 0;
        overflow: hidden
    }
    .c_header .hello-bar .close {
        font-size: 14px
    }
    .c_header:hover .hello-bar:hover {
        cursor: pointer
    }
}

@media only screen and (max-width:480px) {
    .hello-bar .mobile-number {
        padding-top: 5px
    }
    .hello-bar .mobile-number__label {
        padding: 0 !important
    }
    .hello-bar .mobile-number,
    .hello-bar .mobile-number__input,
    .hello-bar .send-bt {
        width: 100%
    }
}

.hello-spacing-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center
}

.hello-spacing-wrapper.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hello-spacing-wrapper.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

@media (min-width:480px) {
    .hello-spacing-wrapper {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:768px) {
    .hello-spacing-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
}

.hello-spacing-wrapper>* {
    padding: 10px 0
}

@media (min-width:768px) {
    .hello-titles {
        margin-right: 20px
    }
}

@media (min-width:480px) {
    .hello-titles {
        max-width: 40%
    }
}

.alert {
    color: #000000;
    text-align: left !important
}

.alert h3 {
    font-size: 18px !important;
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-weight: 400 !important
}

.alert h3 i {
    margin-right: 10px
}

.alert h3.headless {
    display: inline
}

.alert>p {
    text-align: left;
    padding-left: 28px
}

.alert>p a {
    color: #1376d7;
    text-decoration: underline
}

.alert.with-icon .icon {
    font-size: 18px;
    float: left;
    margin-top: 2px
}

.alert.with-icon .content {
    padding-left: 28px
}

.alert-success.with-icon .icon {
    color: #17aa1c
}

.alert-success h3 i {
    color: #17aa1c
}

.alert-info.with-icon .icon {
    color: #298fb7
}

.alert-info h3 i {
    color: #298fb7
}

.alert-danger.with-icon .icon {
    color: #d23837
}

.alert-danger h3 i {
    color: #d23837
}

.alert-warning.with-icon .icon {
    color: #ef8d2b
}

.alert-warning h3 i {
    color: #ef8d2b
}

.tags {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #f4f4f4;
    border-radius: 15px;
    padding: 2px 5px 2px 10px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 5px
}

.tags__close {
    font-size: 9px;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    top: -1px;
    border: none;
    background: none
}

.tags__close:focus,
.tags__close:hover {
    outline: none
}

.tags--related {
    display: inline-block
}

.tags--related .tags__title {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
    margin-right: 10px
}

.tags--related .tags__item {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #17aa1c;
    height: 30px;
    border-radius: 2px;
    background-color: #ffffff;
    display: inline-block;
    padding: 7px 18px;
    line-height: 1;
    margin: 0 10px 10px 0;
    border: solid 1px #dedede;
    position: relative
}

.tags--related .tags__item:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: .3s cubic-bezier(.02, .01, .21, 1);
    left: 0;
    top: 0;
    opacity: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.tags--related .tags__item:hover:after {
    opacity: 1
}

.tags--related .tags__item.active {
    cursor: pointer;
    background: #17aa1c;
    color: #fff
}

.tags--related .tags__item.active .tags__close {
    display: inline-block
}

.tags--related .tags__close {
    display: none;
    font-size: 8px;
    color: #fff;
    margin: 0 0 0 5px
}

.tags--carousel {
    position: relative
}

.tags--carousel .tags--related {
    padding-bottom: 15px;
    white-space: nowrap;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%
}

.tags--carousel .tags__item {
    margin: 0 10px 0 0
}

.tags--carousel .tags__next-bt,
.tags--carousel .tags__prev-bt {
    border: none;
    background: none;
    position: absolute;
    font-size: 20px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.55);
    transition: 300ms;
    height: auto;
    padding: 5px 11px;
    border-radius: 0;
    background: #f4f4f4;
    box-shadow: -2px 0 3px -1px rgba(0, 0, 0, 0.2);
    top: -4px;
    opacity: .7
}

.tags--carousel .tags__next-bt:focus,
.tags--carousel .tags__prev-bt:focus {
    outline: none
}

.tags--carousel .tags__next-bt:hover,
.tags--carousel .tags__prev-bt:hover {
    opacity: 1
}

.tags--carousel .tags__next-bt {
    right: -4px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.tags--carousel .tags__prev-bt {
    left: -4px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

@media only screen and (max-width:992px) {
    .tags--related {
        display: none
    }
}

.play-button-trigger {
    cursor: pointer
}

.play-button-trigger .play-button {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('../images/v5/icon-play.svg') no-repeat;
    background-size: auto 50%;
    background-position: center;
    visibility: hidden;
    opacity: 0;
    -moz-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    -webkit-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    -moz-transition: -moz-transform 150ms ease-in-out;
    -o-transition: -o-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out
}

.play-button-trigger .play-button--initially-visible {
    visibility: visible;
    opacity: .5
}

.play-button-trigger:hover .play-button {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.card-wrapper--list li {
    margin-bottom: 10px
}

.card-wrapper--one-line {
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    white-space: nowrap;
    padding: 0 2px
}

.card-wrapper--one-line .card {
    white-space: normal
}

.card-wrapper--multi-line {
    padding: 0 2px;
    white-space: normal;
    margin-right: -15px
}

.card-wrapper .price {
    font-weight: bold;
    font-size: 15px;
    color: #17aa1c
}

.card-wrapper .price--old {
    color: rgba(0, 0, 0, 0.55);
    text-decoration: line-through;
    margin-left: 5px
}

.card-wrapper .price--promotion {
    font-size: 15px;
    font-weight: bold;
    display: block;
    float: left
}

.card-wrapper .label--new {
    border-radius: 0;
    background: #ffffff;
    font-weight: bold;
    padding: 3px 6px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 1;
    border: 1px solid #17aa1c;
    color: #17aa1c
}

.card-wrapper .label--status {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    font-size: 13px;
    color: #ffffff
}

.card {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0;
    width: 216px;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 2px 2px #cbcbcb;
    position: relative
}

.card a {
    color: #000000;
    display: block;
    font-size: 13px
}

.card a:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.55)
}

.card a:hover img {
    opacity: .5
}

.card a:hover .card__instructors,
.card a:hover .card__content-info {
    opacity: 1
}

.card a:hover .card__instructors img,
.card a:hover .card__content-info img {
    opacity: 1
}

.card a:hover:after {
    opacity: 1
}

.card .details__name,
.card .details__instructor {
    height: 40px;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card .details__rating {
    margin-bottom: 5px
}

.card .review-stars {
    font-size: 17px
}

.card .review-stars label {
    cursor: pointer
}

.card .star-rating--static {
    margin-right: 5px
}

.card .details__price .price--old {
    color: rgba(0, 0, 0, 0.55);
    text-decoration: line-through
}

.card .options__wishlist .tooltip {
    top: 0;
    right: 20px;
    visibility: hidden;
    transition: .25s cubic-bezier(.46, .03, .52, .96)
}

.card .options__wishlist .tooltip__arrow {
    border-left-color: #ffffff
}

.card .options__wishlist .tooltip__inner {
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.8)
}

.card .options__wishlist .icon {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-text-stroke: 1px #ffffff
}

.card .options__wishlist .icon::before {
    float: right
}

.card .options__wishlist.active .icon {
    color: #d23837;
    -webkit-text-stroke: 1px #ffffff
}

.card .options__wishlist:hover {
    cursor: pointer
}

.card .options__wishlist:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.card .options__wishlist:hover .icon {
    color: #d23837;
    -webkit-text-stroke: 1px #ffffff
}

.card .options__dropdown .dropdown-menu {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.175);
    padding: 0;
    border: 0
}

.card .options__dropdown .dropdown-menu a {
    padding: 5px 12px
}

.card .options__dropdown .tooltip__card-dropdown {
    right: -13px;
    top: 100%
}

.card .options__dropdown .tooltip__card-dropdown small>div {
    width: 230px;
    white-space: normal;
    font-size: 12px;
    display: inline-flex
}

.card .options__dropdown .tooltip__card-dropdown span {
    font-size: small
}

.card .options__dropdown .tooltip__card-dropdown:after {
    right: 17px
}

.card .options__dropdown .dropdown__btn {
    padding: 5px 7px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #ffffff
}

.card .options__dropdown .dropdown__btn i {
    padding: 0;
    color: rgba(0, 0, 0, 0.25)
}

.card .options__dropdown .dropdown__btn:hover,
.card .options__dropdown .dropdown__btn:focus {
    outline: none;
    border-color: #17aa1c
}

.card .options__dropdown .dropdown__btn:hover i,
.card .options__dropdown .dropdown__btn:focus i {
    color: #17aa1c
}

.card__instructors {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    height: 50px
}

.card__instructor {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    border: 3px solid #fff;
    position: relative;
    margin-right: 3px;
    display: inline-block;
    overflow: hidden
}

.card__content-info {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    opacity: 0;
    background: none;
    position: absolute;
    left: 0;
    text-align: left;
    margin-left: 10px;
    z-index: 2;
    -webkit-text-stroke: .4px #ffffff;
    text-stroke: .4px #fff;
    top: 70px
}

.card__image {
    height: auto;
    display: block;
    position: relative;
    background: #000000;
    overflow: hidden
}

.card__image img {
    width: 100%
}

.card__details {
    padding: 12px 15px;
    display: block
}

.card__options {
    position: absolute;
    top: 10px;
    right: 10px
}

.card--learning {
    width: 230px
}

.card--learning .card__options .collection-item .collection-item__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.card--learning .card__options .collection-item .collection-item__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 145px
}

.card--learning .card__options .options__dropdown>.dropdown-menu-right {
    width: 206px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.21)
}

.card--learning .card__options .collection-options-action {
    width: 100%
}

.card--learning .card__options .collection-options-action:hover {
    background-color: #f4f4f4
}

.card--learning .card__options .collections-dropdown {
    overflow: auto;
    max-height: 106px
}

.card--learning .card__options .collections-dropdown .add-collection-button {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede
}

.card--learning .card__options .collections-dropdown>li:hover,
.card--learning .card__options .collections-dropdown .collection-item:hover {
    background-color: #f4f4f4
}

.card--learning.card--wide {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto;
    height: auto
}

.card--learning.card--wide .card--learning__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.card--learning.card--wide .card--learning__details>* {
    height: auto !important
}

.card--learning.card--wide .card--learning__details.center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.card--learning.card--wide .card--learning__details.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end
}

.card--learning.card--wide .card--learning__details .card__details {
    width: 100%;
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.card--learning.card--wide .card--learning__details .details__bottom--review {
    position: absolute;
    bottom: 0
}

.card--learning.card--wide .card--learning__details .star-rating-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.card--learning.card--wide .card--learning__details .star-rating-container {
    margin-right: 10px
}

.card--learning.card--wide .card--learning__details .details__name {
    height: auto;
    font-size: 18px;
    margin-bottom: 25px
}

.card--learning.card--wide .card--learning__details .details__instructor {
    font-size: 14px;
    height: auto
}

.card--learning.card--wide .card--learning__details .details__progress {
    margin-bottom: 5px;
    height: 5px
}

.card--learning.card--wide .card--learning__details .progress__completion-ratio {
    font-size: 13px
}

.card--learning.card--wide .card__options {
    display: none
}

.card--learning.card--wide .card__image {
    height: 200px;
    width: 355px
}

.card--learning .details__bottom {
    height: 35px;
    margin-top: 10px
}

.card--learning .details__bottom--review {
    float: right
}

.card--learning .details__progress {
    background-color: rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px
}

.card--learning .details__star-rating {
    float: right;
    display: inline-block;
    text-align: right
}

.card--learning .progress__bar {
    display: inherit;
    height: inherit;
    background-color: #17aa1c
}

.card--learning .progress__bar.completed {
    background-color: #17aa1c
}

.card--learning::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.card--learning::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.55)
}

.card--learning--small:hover .play-button {
    visibility: visible
}

.card--learning--small .image__overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4)
}

.card--learning--small .card__image .play-button {
    background-position: center 15px
}

.card--learning--small .card__details {
    position: absolute;
    bottom: 0;
    color: white
}

.card--wide {
    padding: 10px;
    display: block;
    background-color: #ffffff;
    box-shadow: 0 0 2px #cbcbcb;
    position: relative
}

.card--wide:after {
    content: "";
    clear: both;
    display: block
}

.card--wide:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.55)
}

.card--wide .details__lec-bio {
    width: 270px;
    margin-right: 10px
}

.card--wide .details__lec-bio a {
    color: #000000
}

.card--wide .details__lec-count {
    width: 175px;
    margin-right: 10px;
    font-size: 13px
}

.card--wide .details__price {
    text-align: right
}

.card--wide .price {
    display: block
}

.card--wide .review {
    width: 120px;
    margin-right: 10px;
    font-size: 13px
}

.card--wide .review__count--long {
    display: block
}

.card--wide .review__count--short {
    display: none
}

.card--wide__thumb {
    width: 130px;
    height: 70px;
    display: block;
    float: left;
    position: relative
}

.card--wide__thumb img {
    width: 100%;
    display: block
}

.card--wide__details {
    color: rgba(0, 0, 0, 0.8);
    margin-left: 140px
}

.card--wide__details .lec-bio__title {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    height: 40px
}

.card--wide__details .lec-bio__instructor {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px
}

@media only screen and (max-width:992px) {
    .card--wide .details__lec-bio {
        width: auto;
        margin-right: 25px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .card--wide .details__lec-count {
        display: none
    }
    .card--wide .details__price {
        text-align: right;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .card--wide .details__price.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .card--wide .details__price.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .card--wide .details__price span {
        display: block !important
    }
    .card--wide .review {
        margin: 5px 0 3px
    }
    .card--wide .review__count--long {
        display: none
    }
    .card--wide .review__count--short {
        display: inline-block
    }
    .card--wide__thumb {
        width: 96px;
        height: 96px;
        overflow: hidden
    }
    .card--wide__details {
        margin-left: 106px;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .card--wide__details .lec-bio__title {
        height: auto !important
    }
    .card--wide__details .lec-bio__instructor {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media only screen and (max-width:768px) {
    .card--learning.card--wide .card__image {
        height: 120px;
        width: 213px
    }
    .card--learning.card--wide .details__name {
        font-size: 16px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block !important
    }
    .card--learning.card--wide .details__instructor {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block !important
    }
}

@media only screen and (max-width:480px) {
    .card--wide .details__lec-bio {
        margin-right: 0
    }
    .card--wide .details__price {
        text-align: left;
        margin-right: 0;
        margin-top: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .card--wide .review {
        margin: 0
    }
    .card--wide__details {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .card--wide__details.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .card--wide__details.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .card--wide__details .lec-bio__title {
        margin: 0;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: box !important;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 40px
    }
}

.card--teaching {
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-right: none;
    background-color: #ffffff;
    height: 120px
}

.card--teaching * {
    border-color: inherit
}

.card--teaching a[class^="col-"] {
    display: block;
    color: inherit;
    padding: 10px 0
}

.card--teaching a[class^="col-"]:hover {
    background-color: rgba(0, 0, 0, 0.55)
}

.card--teaching a[class^="col-"]:hover .col-bordered,
.card--teaching a[class^="col-"]:hover+a>.col-bordered {
    border-color: transparent
}

.card--teaching a[class^="col-"]:hover .label {
    visibility: visible
}

.card--teaching a[class^="col-"].no-link {
    pointer-events: none
}

.card--teaching a>.label {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    white-space: pre-wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.card--teaching a .col-bordered {
    padding: 0 10px;
    border-left: 1px solid;
    border-color: inherit
}

.card--teaching .details__name {
    font-weight: 700;
    margin-bottom: 5px;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 41px
}

.card--teaching .details__card-status {
    line-height: 1.287;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px
}

.card--teaching .status-label {
    flex-grow: 1;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card--teaching .price-label {
    flex-grow: 0
}

.card--teaching.needs-fixes {
    border-color: #d23837;
    box-shadow: inset -1px 0 #d23837
}

.card--teaching.needs-fixes .status-label {
    color: #d23837
}

.card--teaching.approved .status-label {
    color: #17aa1c
}

.card--teaching__image {
    float: left;
    height: 100%;
    padding: 10px
}

.card--teaching__details {
    padding: 10px;
    margin-left: 120px;
    position: relative;
    display: block;
    color: inherit;
    height: 100%
}

.card--teaching__details:hover {
    background-color: rgba(0, 0, 0, 0.55);
    color: inherit;
    margin-right: -1px
}

.card--teaching__details:hover .label {
    visibility: visible
}

.card .price_and_cart__bottom {
    height: 20px
}

.card .price_and_cart__bottom .btn {
    padding: 3px;
    font-size: 12px;
    background-color: #17aa1c;
    color: #ffffff;
    width: 100px
}

.card .price_and_cart__bottom .btn .disabled {
    opacity: .4
}

.card .price_and_cart__bottom .details__price {
    float: left
}

.card .price_and_cart__bottom .add-to-cart {
    float: right
}

.card--cart {
    margin: 0;
    -webkit-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 1px;
    max-width: 220px
}

.card--cart .details__bottom {
    font-size: 15px
}

.card--cart .details__price {
    font-weight: bold
}

.card--search {
    position: relative;
    margin-bottom: 20px
}

.card--search.no-curriculum {
    margin-bottom: 30px
}

.card--search a {
    color: rgba(0, 0, 0, 0.8)
}

.card--search a:hover {
    text-decoration: underline
}

.card--search .rev-count {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.55)
}

.card--search .rev-point {
    font-size: 13px
}

.card--search .price {
    font-size: 18px;
    color: #333333
}

.card--search .card {
    color: rgba(0, 0, 0, 0.8)
}

.card--search .card__badge {
    display: inline-block
}

.card--search .card__badge-type {
    background: #ffd000;
    color: #333333;
    font-weight: bold;
    font-size: 11px;
    padding: 3px;
    position: relative;
    display: inline-block;
    margin: 0 10px
}

.card--search .card__badge-type:before,
.card--search .card__badge-type:after {
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    display: block;
    position: absolute
}

.card--search .card__badge-type:before {
    border-bottom: 21px solid #ffd000;
    border-left: 10px solid transparent;
    left: -10px
}

.card--search .card__badge-type:after {
    border-top: 21px solid #ffd000;
    border-right: 10px solid transparent;
    right: -10px
}

.card--search .card__badge-content {
    font-size: 11px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.55)
}

.card--search .card__badge-content a {
    color: #0eadad
}

.card--search .card__inner {
    border: 1px solid #dedede;
    border-radius: 2px 2px 0 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.card--search .card__content {
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.card--search .card__title {
    display: inline-block
}

.card--search .card__title h1 {
    font-size: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
    padding: 0
}

.card--search .card__head {
    padding: 10px 30px 0 20px
}

.card--search .card__instructor {
    font-size: 11px;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    width: auto;
    height: auto;
    border-radius: initial;
    border: none;
    overflow: visible;
    max-width: 100%
}

.card--search .card__instructor .card__instructor-inner {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card--search .card__instructor-badge a {
    font-weight: 600;
    color: #1376d7
}

.card--search .card__subtitle {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.8);
    margin: 10px 0;
    padding: 0;
    height: 36px
}

.card--search .card__price {
    margin-top: auto
}

.card--search .card__metadata {
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    margin-top: 15px
}

.card--search .card__meta-item {
    margin-right: 10px
}

.card--search .card__icon {
    color: rgba(0, 0, 0, 0.55);
    font-size: 15px;
    padding: 0 1px;
    margin: 0 3px 0 0
}

.card--search .card__image {
    width: 250px;
    height: auto
}

.card--search .card--left-col {
    width: 250px
}

.card--search .card--middle-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    padding: 0 30px 10px 20px
}

.card--search .card--right-col {
    color: rgba(0, 0, 0, 0.8);
    width: 250px;
    vertical-align: top;
    text-align: right;
    height: 110px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 0 30px 10px 0
}

.card--search .card--right-col.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.card--search .card--right-col.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.card--search .fold {
    position: absolute;
    bottom: -30px;
    width: 100%;
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, 0.55);
    border-bottom: 1px solid #dedede;
    border-radius: 0 0 2px 2px;
    font-size: 11px;
    padding: 7px 0;
    box-shadow: 0 4px 10px -5px #dedede;
    max-height: 37px;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
    transition-property: padding, bottom
}

.card--search .fold .card__icon {
    font-size: 15px;
    margin: 0 10px 0 0
}

.card--search .fold:hover {
    padding: 10px 0;
    bottom: -36px
}

.card--search .fold:hover .fold__middle {
    top: 17px;
    width: calc(100% - 36px)
}

.card--search .fold:hover .fold__top {
    top: -1px;
    width: 26px
}

.card--search .fold:hover .fold__bottom {
    bottom: -17px;
    width: 26px
}

.card--search .fold:hover .fold__right,
.card--search .fold:hover .fold__left {
    top: 10px
}

.card--search .fold .curriculum {
    height: 100%;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.card--search .fold .curriculum__body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    overflow-x: auto;
    padding-bottom: 20px
}

.card--search .fold .curriculum__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    margin-right: 34px;
    min-width: calc(50% - 17px);
    max-width: calc(50% - 17px)
}

.card--search .fold .curriculum__col:last-child {
    margin-right: 0
}

.card--search .fold .curriculum__title {
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: inherit
}

.card--search .fold .curriculum__subtitle {
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.8);
    display: block;
    text-align: center;
    margin: 0 0 0 -10px;
    padding: 0 150px 0 0;
    text-decoration: inherit;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.card--search .fold .curriculum__lecture-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.card--search .fold .curriculum__lecture {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px
}

.card--search .fold .curriculum__lecture:hover {
    text-decoration: none
}

.card--search .fold .curriculum__section-title {
    color: #1376d7;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.card--search .fold .curriculum__section-number {
    margin-right: 5px
}

.card--search .fold .curriculum__metadata {
    font-weight: normal;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.55);
    padding-left: 10px;
    white-space: nowrap;
    margin-left: auto
}

.card--search .fold .curriculum__head {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 35px
}

.card--search .fold .curriculum__back-bt {
    position: relative;
    left: -20px;
    top: 0;
    font-size: 18px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    margin: 0 0 25px 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px
}

.card--search .fold .curriculum__back-bt:hover {
    text-decoration: none
}

.card--search .fold .curriculum__back-bt i {
    position: relative;
    top: 2px
}

.card--search .fold .curriculum__free {
    border-radius: 15px;
    border: 1px solid #1376d7;
    padding: 1px 10px;
    margin: 0 10px;
    white-space: nowrap;
    font-size: 11px;
    color: #1376d7
}

.card--search .fold .curriculum__free:hover {
    text-decoration: none
}

.card--search .fold .curriculum__sections {
    padding: 30px 70px 10px 70px;
    width: 100%
}

.card--search .fold .curriculum__section-detail {
    padding: 30px 70px 10px 70px;
    width: 100%;
    height: 100%;
    -moz-transition: .6s ease-in-out;
    -ms-transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: 100%
}

.card--search .fold .curriculum__section-detail.on {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden
}

.card--search .fold .loading-screen {
    position: absolute
}

.card--search .fold__left {
    position: absolute;
    left: -2px;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
    top: 7px
}

.card--search .fold__right {
    position: absolute;
    right: -2px;
    transform: rotateY(180deg);
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
    top: 7px
}

.card--search .fold__top {
    position: absolute;
    top: 0;
    width: 20px;
    height: 1px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    background-color: #dedede;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out
}

.card--search .fold__bottom {
    position: absolute;
    bottom: -16px;
    width: 20px;
    height: 1px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
    background-color: #dedede
}

.card--search .fold__middle {
    width: calc(100% - 30px);
    height: 1px;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #ededed;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
    z-index: -1
}

.card--search .fold__text {
    background-color: #fff;
    padding: 0 20px;
    color: rgba(0, 0, 0, 0.55);
    z-index: 1
}

.card--search .fold__text:after {
    content: "";
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute
}

.card--search .fold__text .udi-curriculum {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.card--search .fold__text:hover {
    color: rgba(0, 0, 0, 0.8)
}

.card--search .fold__close {
    position: absolute;
    right: 40px;
    top: 40px;
    color: #000000;
    font-size: 18px;
    z-index: 10
}

.card--search .fold--open {
    top: 0;
    position: relative;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding: 10px 0;
    max-height: 500px;
    height: 395px
}

.card--search .fold--open .fold__left,
.card--search .fold--open .fold__right,
.card--search .fold--open .fold__middle,
.card--search .fold--open .fold__top,
.card--search .fold--open .fold__bottom,
.card--search .fold--open .fold__text {
    display: none
}

.card--search .fold--open:hover {
    padding: 10px 0
}

.card--search .fold__next,
.card--search .fold__prev {
    color: #737373;
    background: #f4f4f4;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    display: block;
    line-height: normal;
    font-size: 30px;
    padding: 20px 10px;
    text-align: center;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out
}

.card--search .fold__next:hover,
.card--search .fold__prev:hover {
    text-decoration: none;
    background: #ececec
}

.card--search .fold__next {
    right: 0;
    border-radius: 0 0 4px 4px
}

.card--search .fold__prev {
    left: 0;
    border-radius: 4px 4px 0 0
}

@media only screen and (max-width:992px) {
    .card--search .card--right-col {
        width: 150px
    }
    .card--search .card__subtitle {
        display: none
    }
    .card--search .card--middle-col {
        padding: 10px 25px 10px 20px
    }
    .card--search .fold .curriculum__sections {
        padding: 30px
    }
    .card--search .fold .curriculum__lecture-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1
    }
}

@media only screen and (max-width:768px) {
    .card--search {
        margin-bottom: 0
    }
    .card--search .price {
        font-size: 13px
    }
    .card--search .card__content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px;
        padding: 10px
    }
    .card--search .card__content.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .card--search .card__content.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .card--search .card__price {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-box-ordinal-group: 3;
        -o-box-ordinal-group: 3;
        box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2
    }
    .card--search .card--middle-col {
        padding: 0;
        margin-bottom: 10px
    }
    .card--search .card--right-col {
        height: 50px;
        width: 100%;
        padding: 0;
        font-size: 13px
    }
    .card--search .card--right-col .vertical-align {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        text-align: left
    }
    .card--search .card--right-col .vertical-align.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .card--search .card--right-col .vertical-align.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }
    .card--search .card__star {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .card--search .card__star a:first-child {
        margin-right: 5px
    }
    .card--search .card--left-col {
        width: 100px;
        padding-top: 10px;
        height: 87px;
        overflow: hidden;
        position: relative
    }
    .card--search .card__image {
        height: 100%;
        position: absolute;
        width: auto;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-backface-visibility: hidden
    }
    .card--search .card__inner {
        border: none;
        border-top: 1px solid #f4f4f4
    }
    .card--search .card__subtitle,
    .card--search .card__metadata {
        display: none
    }
    .card--search .card__instructor {
        display: none
    }
    .card--search .fold {
        display: none
    }
    .ie .card--search .card__content {
        display: block
    }
}

.content-loader--list li {
    border-bottom: 1px solid #f4f4f4
}

.content-loader--list li>div {
    -moz-animation: flash 1.5s ease-out infinite;
    -ms-animation: flash 1.5s ease-out infinite;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: flash 1.5s ease-out infinite;
    -o-animation: flash 1.5s ease-out infinite;
    animation: flash 1.5s ease-out infinite
}

.content-loader--card li {
    border: 1px solid #f4f4f4;
    border-radius: 4px
}

.content-loader--card li>div {
    -moz-animation: flash 1.5s ease-out infinite;
    -ms-animation: flash 1.5s ease-out infinite;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: flash 1.5s ease-out infinite;
    -o-animation: flash 1.5s ease-out infinite;
    animation: flash 1.5s ease-out infinite
}

.content-loader--card.none {
    display: none !important
}

.content-loader--featured li>div {
    -moz-animation: flash 1.5s ease-out infinite;
    -ms-animation: flash 1.5s ease-out infinite;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: flash 1.5s ease-out infinite;
    -o-animation: flash 1.5s ease-out infinite;
    animation: flash 1.5s ease-out infinite
}

.content-loader__item {
    background: #eee
}

@-moz-keyframes flash {
    0% {
        opacity: 1
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

@media only screen and (max-width:1280px) {
    .content-loader--card li:nth-child(n+4) {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .content-loader--card li:nth-child(n+3) {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .content-loader--card li:nth-child(n+2) {
        display: none
    }
}

.ie .ufbCourseCards__imgHolder {
    display: none
}

.ie .ufbCourseCards__img {
    position: static
}

.ie .ufbCourseCards__link {
    display: block
}

.ie .ufbCourseCards__body {
    display: block
}

.ufbCourseCards {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.ufbCourseCards__item {
    width: 33.33%;
    min-height: 300px;
    padding: 10px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ufbCourseCards__item .star-rating--static {
    margin-right: 5px
}

@media (min-width:1921px) {
    .ufbCourseCards__item {
        width: 16.66%
    }
}

@media (max-width:1920px) {
    .ufbCourseCards__item {
        width: 25%
    }
}

@media (max-width:1600px) {
    .ufbCourseCards__item {
        width: 25%
    }
}

@media (max-width:1366px) {
    .ufbCourseCards__item {
        width: 33.33%
    }
}

@media (max-width:1199px) {
    .ufbCourseCards__item {
        width: 50%
    }
}

@media (max-width:991px) {
    .ufbCourseCards__item {
        width: 33.33%
    }
}

@media (max-width:767px) {
    .ufbCourseCards__item {
        width: 50%
    }
}

@media (max-width:480px) {
    .ufbCourseCards__item {
        width: 100%
    }
}

.ufbCourseCards__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    background: #fff;
    color: #000;
    font-size: 13px;
    box-shadow: 0 2px 2px rgba(203, 203, 203, 0.5);
    border-radius: 2px;
    overflow: hidden;
    width: 100%
}

.ufbCourseCards__link.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ufbCourseCards__link.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.ufbCourseCards__link:hover {
    color: #000;
    box-shadow: 0 2px 2px rgba(203, 203, 203, 0.9)
}

.ufbCourseCards__imgWrapper {
    min-height: 130px;
    position: relative
}

.ufbCourseCards__imgHolder {
    display: block
}

.ufbCourseCards__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.ufbCourseCards__body {
    padding: 10px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.ufbCourseCards__body.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ufbCourseCards__body.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.ufbCourseCards__title {
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.ufbCourseCards__desc {
    font-size: 15px;
    margin-top: 10px;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 65px
}

.ufbCourseCards__instructors__header {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: bold
}

.ufbCourseCards__instructors {
    display: block;
    margin-top: 5px
}

.ufbCourseCards__lectureCount {
    display: block;
    margin-top: 10px
}

.ufbCourseCards__duration {
    margin-top: 10px;
    display: block
}

.ufbCourseCards__rating {
    margin-top: 10px;
    display: block
}

.ufbCourseCards--placeholder .ufbCourseCards__link {
    width: 100%
}

.ufbCourseCards--placeholder .ufbCourseCards__imgHolder {
    background: rgba(0, 0, 0, 0.07);
    display: block
}

.ufbCourseCards--placeholder .ufbCourseCards__title:before,
.ufbCourseCards--placeholder .ufbCourseCards__instructors:before,
.ufbCourseCards--placeholder .ufbCourseCards__lectureCount:before,
.ufbCourseCards--placeholder .ufbCourseCards__duration:before,
.ufbCourseCards--placeholder .ufbCourseCards__rating:before {
    content: '';
    height: 18px;
    background: rgba(0, 0, 0, 0.04);
    display: block
}

.ufbCourseCards--placeholder .ufbCourseCards__title:before {
    width: 80%
}

.ufbCourseCards--placeholder .ufbCourseCards__instructors:before {
    width: 40%
}

.ufbCourseCards--placeholder .ufbCourseCards__lectureCount:before {
    width: 30%
}

.ufbCourseCards--placeholder .ufbCourseCards__duration:before {
    width: 20%
}

.ufbCourseCards--placeholder .ufbCourseCards__rating:before {
    width: 35%
}

.bc-black_op25 {
    border-color: rgba(0, 0, 0, 0.25)
}

.bc-gray-lighter {
    border-color: #ccc
}

a.hover-black:hover {
    color: #000
}

.text-white {
    color: #fff
}

.color-white {
    color: #fff
}

.text-force-white {
    color: #fff !important
}

a.text-white:hover {
    color: #d9d9d9
}

a.text-force-white:hover {
    color: #d9d9d9 !important
}

.bg-white {
    background-color: #fff
}

.bg-force-white {
    background-color: #fff !important
}

.text-black {
    color: #000
}

.color-black {
    color: #000
}

.text-force-black {
    color: #000 !important
}

a.text-black:hover {
    color: #000
}

a.text-force-black:hover {
    color: #000 !important
}

.bg-black {
    background-color: #000
}

.bg-force-black {
    background-color: #000 !important
}

.text-gray-dark {
    color: #353535
}

.color-gray-dark {
    color: #353535
}

.text-force-gray-dark {
    color: #353535 !important
}

a.text-gray-dark:hover {
    color: #0f0f0f
}

a.text-force-gray-dark:hover {
    color: #0f0f0f !important
}

.bg-gray-dark {
    background-color: #353535
}

.bg-force-gray-dark {
    background-color: #353535 !important
}

.text-gray-light {
    color: #777
}

.color-gray-light {
    color: #777
}

.text-force-gray-light {
    color: #777 !important
}

a.text-gray-light:hover {
    color: #515151
}

a.text-force-gray-light:hover {
    color: #515151 !important
}

.bg-gray-light {
    background-color: #777
}

.bg-force-gray-light {
    background-color: #777 !important
}

.text-gray-lighter {
    color: #ccc
}

.color-gray-lighter {
    color: #ccc
}

.text-force-gray-lighter {
    color: #ccc !important
}

a.text-gray-lighter:hover {
    color: #a6a6a6
}

a.text-force-gray-lighter:hover {
    color: #a6a6a6 !important
}

.bg-gray-lighter {
    background-color: #ccc
}

.bg-force-gray-lighter {
    background-color: #ccc !important
}

.text-primary {
    color: #17aa1c
}

.color-primary {
    color: #17aa1c
}

.text-force-primary {
    color: #17aa1c !important
}

a.text-primary:hover {
    color: #0e6711
}

a.text-force-primary:hover {
    color: #0e6711 !important
}

.bg-primary {
    background-color: #17aa1c
}

.bg-force-primary {
    background-color: #17aa1c !important
}

.text-success {
    color: #17aa1c
}

.color-success {
    color: #17aa1c
}

.text-force-success {
    color: #17aa1c !important
}

a.text-success:hover {
    color: #0e6711
}

a.text-force-success:hover {
    color: #0e6711 !important
}

.bg-success {
    background-color: #17aa1c
}

.bg-force-success {
    background-color: #17aa1c !important
}

.text-info {
    color: #298fb7
}

.color-info {
    color: #298fb7
}

.text-force-info {
    color: #298fb7 !important
}

a.text-info:hover {
    color: #1b5e79
}

a.text-force-info:hover {
    color: #1b5e79 !important
}

.bg-info {
    background-color: #298fb7
}

.bg-force-info {
    background-color: #298fb7 !important
}

.text-warning {
    color: #ef8d2b
}

.color-warning {
    color: #ef8d2b
}

.text-force-warning {
    color: #ef8d2b !important
}

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

a.text-force-warning:hover {
    color: #bf670e !important
}

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

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

.text-danger {
    color: #d23837
}

.color-danger {
    color: #d23837
}

.text-force-danger {
    color: #d23837 !important
}

a.text-danger:hover {
    color: #9a2323
}

a.text-force-danger:hover {
    color: #9a2323 !important
}

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

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

.text-whiteSmokeDark {
    color: #ddd
}

.color-whiteSmokeDark {
    color: #ddd
}

.text-force-whiteSmokeDark {
    color: #ddd !important
}

a.text-whiteSmokeDark:hover {
    color: #b7b7b7
}

a.text-force-whiteSmokeDark:hover {
    color: #b7b7b7 !important
}

.bg-whiteSmokeDark {
    background-color: #ddd
}

.bg-force-whiteSmokeDark {
    background-color: #ddd !important
}

.text-whiteSmokeLight {
    color: #f4f4f4
}

.color-whiteSmokeLight {
    color: #f4f4f4
}

.text-force-whiteSmokeLight {
    color: #f4f4f4 !important
}

a.text-whiteSmokeLight:hover {
    color: #cecece
}

a.text-force-whiteSmokeLight:hover {
    color: #cecece !important
}

.bg-whiteSmokeLight {
    background-color: #f4f4f4
}

.bg-force-whiteSmokeLight {
    background-color: #f4f4f4 !important
}

.text-white-smoke-super-light {
    color: #F9F9F9
}

.color-white-smoke-super-light {
    color: #F9F9F9
}

.text-force-white-smoke-super-light {
    color: #F9F9F9 !important
}

a.text-white-smoke-super-light:hover {
    color: #d3d3d3
}

a.text-force-white-smoke-super-light:hover {
    color: #d3d3d3 !important
}

.bg-white-smoke-super-light {
    background-color: #F9F9F9
}

.bg-force-white-smoke-super-light {
    background-color: #F9F9F9 !important
}

.text-dim-gray {
    color: #666
}

.color-dim-gray {
    color: #666
}

.text-force-dim-gray {
    color: #666 !important
}

a.text-dim-gray:hover {
    color: #404040
}

a.text-force-dim-gray:hover {
    color: #404040 !important
}

.bg-dim-gray {
    background-color: #666
}

.bg-force-dim-gray {
    background-color: #666 !important
}

.text-gainsboro-light {
    color: #eee
}

.color-gainsboro-light {
    color: #eee
}

.text-force-gainsboro-light {
    color: #eee !important
}

a.text-gainsboro-light:hover {
    color: #c8c8c8
}

a.text-force-gainsboro-light:hover {
    color: #c8c8c8 !important
}

.bg-gainsboro-light {
    background-color: #eee
}

.bg-force-gainsboro-light {
    background-color: #eee !important
}

.text-silver-light {
    color: #C3C3C3
}

.color-silver-light {
    color: #C3C3C3
}

.text-force-silver-light {
    color: #C3C3C3 !important
}

a.text-silver-light:hover {
    color: #9d9d9d
}

a.text-force-silver-light:hover {
    color: #9d9d9d !important
}

.bg-silver-light {
    background-color: #C3C3C3
}

.bg-force-silver-light {
    background-color: #C3C3C3 !important
}

.text-blue {
    color: #297fb8
}

.color-blue {
    color: #297fb8
}

.text-force-blue {
    color: #297fb8 !important
}

a.text-blue:hover {
    color: #1b5479
}

a.text-force-blue:hover {
    color: #1b5479 !important
}

.bg-blue {
    background-color: #297fb8
}

.bg-force-blue {
    background-color: #297fb8 !important
}

.text-green {
    color: #17aa1c
}

.color-green {
    color: #17aa1c
}

.text-force-green {
    color: #17aa1c !important
}

a.text-green:hover {
    color: #0e6711
}

a.text-force-green:hover {
    color: #0e6711 !important
}

.bg-green {
    background-color: #17aa1c
}

.bg-force-green {
    background-color: #17aa1c !important
}

.text-green-light {
    color: #e3ede2
}

.color-green-light {
    color: #e3ede2
}

.text-force-green-light {
    color: #e3ede2 !important
}

a.text-green-light:hover {
    color: #b5d0b3
}

a.text-force-green-light:hover {
    color: #b5d0b3 !important
}

.bg-green-light {
    background-color: #e3ede2
}

.bg-force-green-light {
    background-color: #e3ede2 !important
}

.text-red {
    color: #f00
}

.color-red {
    color: #f00
}

.text-force-red {
    color: #f00 !important
}

a.text-red:hover {
    color: #b30000
}

a.text-force-red:hover {
    color: #b30000 !important
}

.bg-red {
    background-color: #f00
}

.bg-force-red {
    background-color: #f00 !important
}

.text-kelly-green {
    color: #17aa1c
}

.color-kelly-green {
    color: #17aa1c
}

.text-force-kelly-green {
    color: #17aa1c !important
}

a.text-kelly-green:hover {
    color: #0e6711
}

a.text-force-kelly-green:hover {
    color: #0e6711 !important
}

.bg-kelly-green {
    background-color: #17aa1c
}

.bg-force-kelly-green {
    background-color: #17aa1c !important
}

.text-purple {
    color: #7f0067
}

.color-purple {
    color: #7f0067
}

.text-force-purple {
    color: #7f0067 !important
}

a.text-purple:hover {
    color: #330029
}

a.text-force-purple:hover {
    color: #330029 !important
}

.bg-purple {
    background-color: #7f0067
}

.bg-force-purple {
    background-color: #7f0067 !important
}

.text-black_op25 {
    color: rgba(0, 0, 0, 0.25)
}

.color-black_op25 {
    color: rgba(0, 0, 0, 0.25)
}

.text-force-black_op25 {
    color: rgba(0, 0, 0, 0.25) !important
}

a.text-black_op25:hover {
    color: #000
}

a.text-force-black_op25:hover {
    color: #000 !important
}

.bg-black_op25 {
    background-color: rgba(0, 0, 0, 0.25)
}

.bg-force-black_op25 {
    background-color: rgba(0, 0, 0, 0.25) !important
}

.text-black_op8 {
    color: rgba(0, 0, 0, 0.8)
}

.color-black_op8 {
    color: rgba(0, 0, 0, 0.8)
}

.text-force-black_op8 {
    color: rgba(0, 0, 0, 0.8) !important
}

a.text-black_op8:hover {
    color: rgba(0, 0, 0, 0.8)
}

a.text-force-black_op8:hover {
    color: rgba(0, 0, 0, 0.8) !important
}

.bg-black_op8 {
    background-color: rgba(0, 0, 0, 0.8)
}

.bg-force-black_op8 {
    background-color: rgba(0, 0, 0, 0.8) !important
}

.text-dark-grey {
    color: rgba(0, 0, 0, 0.8)
}

.color-dark-grey {
    color: rgba(0, 0, 0, 0.8)
}

.text-force-dark-grey {
    color: rgba(0, 0, 0, 0.8) !important
}

a.text-dark-grey:hover {
    color: rgba(0, 0, 0, 0.8)
}

a.text-force-dark-grey:hover {
    color: rgba(0, 0, 0, 0.8) !important
}

.bg-dark-grey {
    background-color: rgba(0, 0, 0, 0.8)
}

.bg-force-dark-grey {
    background-color: rgba(0, 0, 0, 0.8) !important
}

.text-link-blue {
    color: #1376d7
}

.color-link-blue {
    color: #1376d7
}

.text-force-link-blue {
    color: #1376d7 !important
}

a.text-link-blue:hover {
    color: #0d4f91
}

a.text-force-link-blue:hover {
    color: #0d4f91 !important
}

.bg-link-blue {
    background-color: #1376d7
}

.bg-force-link-blue {
    background-color: #1376d7 !important
}

.text-ud-orange {
    color: #ef8d2b
}

.color-ud-orange {
    color: #ef8d2b
}

.text-force-ud-orange {
    color: #ef8d2b !important
}

a.text-ud-orange:hover {
    color: #bf670e
}

a.text-force-ud-orange:hover {
    color: #bf670e !important
}

.bg-ud-orange {
    background-color: #ef8d2b
}

.bg-force-ud-orange {
    background-color: #ef8d2b !important
}

body.organization .udemy-header-transparent {
    background: #fff
}

body.organization .logo-text {
    color: #000;
    font-weight: bold
}

.org-logo {
    width: 130px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/v4/logo.svg");
    display: inline-block
}

@media (max-width:640px) {
    .org-logo {
        width: 65px
    }
}

.purchase-popup {
    min-width: 500px;
    padding: 10px 16px
}

.purchase-popup input[type=number].num-of-licenses {
    display: inline-block;
    width: 65px;
    text-align: right;
    margin-left: 5px
}

.purchase-popup .btn-container {
    margin-top: 10px
}

.purchase-popup .license-limit-message {
    display: block;
    font-size: 10px
}

.purchase-popup.quick {
    background: #fff;
    padding: 0
}

.purchase-popup.quick .top-items>div:first-child {
    border: 0 none
}

.purchase-popup.quick .top-items>div {
    overflow: hidden;
    padding: 15px
}

.purchase-popup.quick .top-items .amount-container {
    background: white
}

.purchase-popup.quick .license-limit-message {
    margin-top: -20px;
    padding-left: 15px
}

.update-credit-cards {
    border-top: 1px solid #ccc;
    padding: 15px
}

.update-credit-cards h2 {
    color: #656565;
    font-size: 13px;
    line-height: 1.2
}

.update-credit-cards ul {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #ddd;
    margin-top: 10px
}

.update-credit-cards li {
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 10px
}

.update-credit-cards li:first-child {
    border: 0 none
}

.update-credit-cards li:nth-child(2n+1) {
    background: #fff
}

.update-credit-cards li:nth-child(2n) {
    background: #F3F3F3
}

.update-credit-cards li input {
    position: relative;
    top: -5px
}

.update-credit-cards .icon {
    background: url("../images/v3/sprites1c07.png?v=17") -150px -292px;
    border: 1px solid #B1B1B1;
    display: inline-block;
    height: 34px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 48px
}

.update-credit-cards .icon.visa {
    background-position: -150px -332px
}

.update-credit-cards .icon.mastercard {
    background-position: -151px -371px
}

.update-credit-cards .icon.amex {
    background-position: -221px -380px
}

.update-credit-cards .icon.discover {
    background-position: -220px -340px
}

.update-credit-cards .title {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    color: #666
}

.update-credit-cards .title b {
    color: #333
}

.update-credit-cards a.other {
    font-size: 13px;
    text-decoration: underline;
    margin-top: 7px;
    display: inline-block
}

.payment-v4 {
    max-width: 767px;
    position: relative;
    margin: auto;
    padding-bottom: 15px;
    border-radius: 5px;
    background: #f3f3f3
}

.payment-v4.fail .card-info-field {
    border-color: #DA7070;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 112, 112, 0.43)
}

.payment-v4 .redeem-submitted .cancel-btn {
    position: relative;
    top: -2px
}

.payment-v4 .card-info-field {
    height: 42px
}

.payment-v4 .general-heading {
    background: #4f9e52;
    color: #fff;
    font-size: 14px;
    padding: 10px 40px 10px 40px;
    margin: 0;
    border-radius: 3px 3px 0 0
}

.payment-v4 .payment-top {
    padding: 0 40px
}

.payment-v4 .top-left {
    margin-right: 20px;
    flex: 1
}

.payment-v4 .top-row {
    margin-top: 10px
}

.payment-v4 .final-wrapper {
    font-weight: bold;
    color: #355368;
    padding-top: 5px
}

.payment-v4 .gray-border {
    border-top: 1px solid #fff;
    box-shadow: 0 -1px 0 #dadadb
}

.payment-v4 .payment-main {
    padding: 0 30px 20px 30px;
    margin-top: 20px
}

.payment-v4 .payment-tabs .label--new {
    position: relative;
    left: -5px;
    font-weight: 600;
    background: #000000;
    color: #f4f4f4;
    border-radius: 4px;
    padding: 0 5px 2px;
    font-size: 12px
}

.payment-v4 .main-row {
    margin-top: 10px
}

.payment-v4 .country-wrapper {
    background: #fff
}

.payment-v4 .cardno-wrapper {
    z-index: 1
}

.payment-v4 .cards-img {
    height: 20px
}

.payment-v4 .cards-caret {
    font-size: 16px;
    color: #365367
}

.payment-v4 .saved-cards-heading {
    margin: 10px 10px;
    color: #899aa5;
    font-size: 10px
}

.payment-v4 .card-type {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    color: #355368;
    cursor: pointer
}

.payment-v4 .card-type:hover {
    background-color: #EFF2F5
}

.payment-v4 .cards-dropdown {
    height: 42px;
    padding: 10px 10px 20px 10px
}

.payment-v4 .cards-dropdown .dropdown-menu {
    width: 100%
}

.payment-v4 .add-new-card {
    cursor: pointer;
    padding: 5px 10px;
    border-top: 1px solid #d3d3d3;
    font-size: 12px;
    color: #355368
}

.payment-v4 .add-new-card:hover {
    background: #EFF2F5
}

.payment-v4 .cards-options-bordered {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    display: block
}

.payment-v4 .adyen_issuer_dropdown {
    display: inline-block;
    width: auto;
    margin-left: 10px
}

.payment-v4 .iconed-field {
    position: relative
}

.payment-v4 .field-icon {
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -9px;
    font-size: 18px;
    color: #D3D3D3;
    width: 24px;
    text-align: center
}

.payment-v4 .iconed-field input {
    padding: 0 10px 0 35px;
    width: 100%
}

.payment-v4 .detected-card {
    position: absolute;
    width: 36px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 10px;
    top: 50%;
    margin-top: -10px
}

.payment-v4 .detected-card.visa {
    background-image: url("../images/v4/card-visa.svg")
}

.payment-v4 .detected-card.mastercard {
    background-image: url("../images/v4/card-mastercard.svg")
}

.payment-v4 .detected-card.amex {
    background-image: url("../images/v4/card-amex.svg")
}

.payment-v4 .detected-card.discover {
    background-image: url("../images/v4/card-discover.svg")
}

.payment-v4 .detected-card.maestro {
    background-image: url("../images/v4/card-maestro.svg")
}

.payment-v4 .detected-card.jcb {
    background-image: url("../images/v4/card-jcb.svg")
}

.payment-v4 .detected-card.elo {
    background-image: url("../images/v4/card-elo.svg")
}

.payment-v4 .field-note {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    color: #297fb8
}

.payment-v4 .field-note:hover {
    color: #000
}

.payment-v4 .custom-select-box {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    position: relative;
    padding: 10px 10px 10px 35px;
    height: auto;
    background: transparent;
    z-index: 1
}

.payment-v4 .custom-select-box-caret {
    position: absolute;
    top: 50%;
    font-size: 18px;
    right: 10px;
    margin-top: -10px
}

.payment-v4 .move-1px-up {
    margin-top: -1px
}

.payment-v4 .move-1px-left {
    margin-left: -1px
}

.payment-v4 input.custom-checkbox {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background: #fff;
    margin: 0;
    cursor: pointer
}

.payment-v4 input.custom-checkbox:focus {
    outline: 0
}

.payment-v4 input.custom-checkbox:checked+.custom-checkbox-icon {
    display: block
}

@-moz-document url-prefix() {
    .payment-v4 input.custom-checkbox:checked+.custom-checkbox-icon {
        display: none
    }
}

.payment-v4 .custom-checkbox-icon {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 12px;
    height: 14px;
    width: 14px;
    text-align: center;
    display: none;
    margin: 0
}

.payment-v4 .remember-card-text {
    margin: 0 0 0 5px;
    font-weight: normal;
    color: #355368
}

.payment-v4 .terms-row {
    color: #8392A3;
    font-size: 12px
}

.payment-v4 .secure-row {
    color: #8392A3;
    font-size: 12px
}

.payment-v4 .cvc-tooltip {
    width: 260px;
    min-height: 150px;
    text-align: center;
    padding: 10px
}

.payment-v4 .redeem-form-wrapper {
    position: relative;
    width: 100%
}

.payment-v4 .applied-code {
    color: #2484C5;
    margin-right: 5px
}

.payment-v4 .error-note {
    color: #d23837;
    text-align: center
}

.payment-v4 .fail-net-note {
    color: #17aa1c;
    text-align: center
}

.payment-v4 .payment-tabs li a {
    padding: 5px 15px;
    text-align: center
}

.payment-v4 .payment-tabs li a:hover {
    background: #edeff1
}

.payment-v4 .payment-tabs li.active a {
    background: #edeff1;
    color: #355368
}

.payment-v4 [name=payment-options] {
    display: none
}

.payment-v4 #option-credit-card:checked~.option-tab-content #credit-card {
    display: block
}

.payment-v4 #option-credit-card:checked~.payment-tabs [for=option-credit-card] {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #355368
}

.payment-v4 #option-paypal:checked~.option-tab-content #paypal {
    display: block
}

.payment-v4 #option-paypal:checked~.payment-tabs [for=option-paypal] {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #355368
}

.payment-v4 #option-adyen:checked~.option-tab-content #adyen {
    display: block
}

.payment-v4 #option-adyen:checked~.payment-tabs [for=option-adyen] {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #355368
}

.payment-v4 #option-all-down:checked~.option-tab-content #all-down {
    display: block
}

.payment-v4 #option-all-down:checked~.payment-tabs [for=option-all-down] {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #355368
}

.payment-v4 .option-tab-content>div {
    display: none
}

.payment-v4 .payment-tabs label {
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-bottom-color: #ccc;
    font-size: 14px;
    text-align: center;
    color: #428bca
}

.payment-v4 #cardNumberField {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.payment-v4 #expirationDate {
    border-radius: 0;
    border-bottom-left-radius: 5px
}

.payment-v4 #countryId {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.payment-v4 [name=card-no] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.payment-v4 [name=expiration] {
    border-radius: 0;
    border-bottom-left-radius: 5px
}

.payment-v4 [name=security-code] {
    border-radius: 0;
    border-bottom-right-radius: 5px
}

.payment-v4 [name=country] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.payment-v4 [name=zip-code] {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.payment-v4 .norton-span img {
    width: 80px
}

.fancybox-inner .payment-v4 {
    margin: 0
}

.fancybox-inner .payment-v4-wrapper {
    width: 520px
}

@media only screen and (max-width:768px) {
    .payment-v4 div[data-purpose=fail-net] span {
        font-size: 14px
    }
    .payment-v4 span {
        pointer-events: none;
        font-size: 12px
    }
    .payment-v4 .general-heading {
        padding: 20px 50px 15px 20px
    }
    .payment-v4 .tooltip {
        display: none !important
    }
    .payment-v4 .payment-top {
        padding: 0 20px
    }
    .payment-v4 .payment-main {
        padding: 0 10px 20px 10px
    }
    .payment-v4 .cards-dropdown .dropdown-menu .add-new-card,
    .payment-v4 .cards-dropdown .dropdown-menu .card-type {
        height: 42px
    }
    .payment-v4 .adyen_issuer_dropdown {
        display: inline-block;
        width: auto;
        margin-left: 10px
    }
}

@media only screen and (max-width:768px) {
    .payment-v4 .general-heading {
        padding: 20px 50px 15px 20px
    }
}

.payment-popup {
    min-height: 800px
}

@media only screen and (max-width:767px) {
    .fancybox-inner .payment-v4-wrapper {
        width: 100%
    }
}

.p404-fullscreen {
    position: absolute;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.p404 {
    overflow: hidden;
    position: absolute
}

.p404 .layer1 {
    background-image: url("../images/v4/404/layer1.svg");
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.p404 .layer2 {
    background-image: url("../images/v4/404/layer2.svg");
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.p404 .layer3 {
    background-image: url("../images/v4/404/layer3.svg");
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px
}

.p404 .layer4 {
    background-image: url("../images/v4/404/wilson-no-text.svg");
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px
}

.p404 .layer5 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 530px;
    margin: -270px 0 0 -590px;
    color: #FFF
}

.p404 .layer5 a {
    font-weight: bold;
    color: #51c451
}

.p404 .layer5 a:hover {
    color: #000
}

.p404 .seems {
    font-size: 68px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 15px
}

.p404 .escape {
    font-size: 30px;
    line-height: 1
}

.p404 .suggestions {
    font-size: 18px;
    margin-top: 20px
}

.p404 .or {
    margin-top: 10px
}

.p404 .search-inp-container {
    padding: 0 0 0 20px;
    background: #FFF;
    border-radius: 20px 0 0 20px
}

.p404 .search-field {
    height: 62px;
    font-size: 24px;
    padding: 0;
    background: 0 0;
    border: 0 !important;
    box-shadow: none !important
}

.p404 .search-btn {
    background: #4985B8;
    border: 0;
    color: #FFF;
    font-size: 36px;
    border-radius: 0 20px 20px 0;
    padding: 0 20px;
    height: 62px
}

@-webkit-keyframes shake {
    80% {
        margin-left: 0
    }
    85% {
        margin-left: -20px
    }
    90% {
        margin-left: 0
    }
    95% {
        margin-left: -20px
    }
    100% {
        margin-left: 0
    }
}

@keyframes shake {
    80% {
        margin-left: 0
    }
    85% {
        margin-left: -20px
    }
    90% {
        margin-left: 0
    }
    95% {
        margin-left: -20px
    }
    100% {
        margin-left: 0
    }
}

.p404 .layer4 {
    -webkit-animation: shake 5s infinite;
    animation: shake 5s infinite
}

[lang=en-us] .p404 .layer4 {
    background-image: url("../images/v4/404/wilson.svg");
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px
}

@media (max-width:1024px) {
    .p404 .layer5 {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 0 30px
    }
}

@media (max-width:640px) {
    .p404 .seems {
        font-size: 20px
    }
    .p404 .layer5 {
        margin-top: 70px;
        top: 0
    }
    .p404 .escape {
        display: none
    }
    .p404 .suggestions {
        font-size: 16px;
        line-height: 1.2
    }
    .p404 .search-field {
        height: 42px;
        font-size: 14px
    }
    .p404 .search-btn {
        height: 42px;
        font-size: 20px
    }
}

@media (max-width:1200px) {
    #course-approval-header .close {
        top: 7px;
        right: 0
    }
    #course-approval-header h2 {
        margin-top: 0
    }
    .gray-nav {
        border: 0 !important
    }
    .gray-nav>li>* {
        font-size: 12px;
        padding: 0 6px;
        letter-spacing: -0.5px
    }
}

@media (max-width:1024px) {
    .hl {
        margin-right: 0 !important
    }
    body {
        padding: 0;
        text-rendering: auto
    }
}

@media (max-width:800px) {
    .gray-nav {
        border: 0 !important
    }
    .gray-nav>li>* {
        font-size: 12px;
        padding: 0 6px;
        letter-spacing: -0.5px
    }
    .hello-bar {
        font-size: 13px;
        line-height: 1.2;
        padding: 0 40px 0 10px
    }
    .purchase-popup {
        min-width: 0 !important
    }
    .purchase-popup.quick .license-limit-message {
        line-height: 1.2;
        padding: 10px
    }
    .static-content-wrapper h1 small {
        font-size: 12px !important;
        line-height: 1.2 !important;
        display: block;
        margin-top: 10px
    }
    .tablet-fn {
        float: none !important
    }
    .tablet-m0 {
        margin: 0 !important
    }
    #price-and-promotions .btn-apply {
        position: absolute;
        bottom: 5px;
        right: 10px
    }
    #premium-instructor-application .steps-bar li {
        margin-left: 15px
    }
    #premium-instructor-application .steps-bar li:first-child {
        margin-left: 0
    }
    #premium-instructor-application .steps-bar li:before {
        left: 95px;
        width: 47px
    }
    #premium-instructor-application .steps-bar li span {
        display: none
    }
}

@media (max-width:640px) {
    #afflp .fea,
    #afflp .ht,
    #afflp .faq {
        padding: 0 5px
    }
    #afflp .ban {
        min-height: 0
    }
    #afflp .join {
        margin-top: 20px
    }
    #afflp .fea-ul,
    #afflp .mfea-ul {
        margin-top: 0;
        flex-direction: column
    }
    #afflp .fea-li {
        margin: 0 0 20px
    }
    .classic-tabs {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .course-box .add-to-wishlist {
        display: block !important
    }
    body.payment-page #form-item-cardNumber input {
        width: 100%
    }
    body.payment-page #form-item-cardNumber .card-type {
        position: static;
        margin-top: 10px
    }
    body.payment-page .manage-fields-wrapper .two-cols {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important
    }
    body.payment-page #form-item-securityCode {
        display: inline-table
    }
    body .main.container {
        margin: auto
    }
    body .main.container .row {
        margin: auto
    }
    .landing-page .fancybox-wrap h1 {
        line-height: 1.2 !important;
        padding-right: 39px !important;
        font-size: 13px !important
    }
    #signup-form {
        width: auto !important;
        float: none !important;
        margin: 0 !important;
        font-size: 11px
    }
    #signup-form label {
        font-size: 11px
    }
    #signup-form .cancel-link {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        width: 90px
    }
    #course-dashboard {
        margin-top: 0 !important
    }
    #course-dashboard li {
        min-height: 29px
    }
    #course-dashboard .top {
        padding: 7px !important
    }
    #course-dashboard .course-image {
        width: 70px !important;
        height: 50px !important
    }
    #course-dashboard .titles {
        margin: 4px 0 0 0 !important
    }
    #course-dashboard .titles * {
        font-size: 11px !important
    }
    #course-dashboard #progress {
        text-align: center
    }
    #course-dashboard #progress h3 {
        font-size: 12px !important;
        padding: 2px 0 10px !important
    }
    #course-dashboard .play {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block !important;
        font-size: 10px !important;
        float: none !important;
        max-width: 90%;
        text-align: left
    }
    #course-dashboard #curriculum {
        margin-top: 8px !important
    }
    #course-dashboard .wrapper {
        padding: 0 !important;
        margin: 0 !important
    }
    #course-dashboard .list {
        border: 0 !important;
        margin: 10px 0 0 0 !important
    }
    #course-dashboard .chapter,
    #course-dashboard .no,
    #course-dashboard .circle,
    #course-dashboard time,
    #course-dashboard li .btn,
    #course-dashboard .lecture {
        display: none !important
    }
    #course-dashboard.main .top .right-col {
        position: relative;
        margin: 60px 0 0 0;
        right: auto;
        top: 0
    }
    #course-dashboard.main .top .right-col * {
        font-size: 11px !important
    }
    #course-dashboard.main .top .right-col .btns {
        float: left;
        margin: 5px 8px 5px 0
    }
    #course-dashboard.main .top .right-col * {
        font-size: 10px !important
    }
    #course-dashboard h5 {
        margin: 10px 0 0 0 !important
    }
    #course-dashboard h6 {
        left: 15px !important;
        right: 40px !important
    }
    #course-dashboard h6 a {
        font-size: 12px !important
    }
    #course-dashboard li {
        margin-top: 0 !important
    }
    #course-dashboard .title {
        position: relative !important;
        left: 0 !important;
        margin: 0 !important;
        float: none !important
    }
    #course-dashboard ul {
        margin: 0 !important
    }
    #filters {
        display: none
    }
    .static-content-wrapper,
    .form-wrapper {
        max-width: 100%
    }
    .fancybox-lock {
        margin-right: 0 !important
    }
    .create-wrapper {
        width: auto !important;
        margin: 0 10px !important
    }
    .create-wrapper h1 {
        font-size: 28px;
        margin-top: 10px
    }
    .create-wrapper .form-wrapper h2 {
        background-color: #F0F0F0;
        border-bottom: 1px solid #ddd;
        font-size: 24px;
        line-height: 1.2;
        font-size: 17px;
        padding: 5px
    }
    .create-wrapper .q-mark {
        display: none
    }
    .create-wrapper .form-wrapper .cfi-add .content {
        padding: 5px 0
    }
    .create-wrapper .form-wrapper .editing .content .cfi-item-title {
        margin-left: 57px
    }
    .create-wrapper .ud-curriculumform * {
        font-size: 12px !important
    }
    .create-wrapper .ud-curriculumform .cfi-sortable.cfi-lecture,
    .create-wrapper .ud-curriculumform .cfi-add-form.cfi-lecture,
    .create-wrapper .ud-curriculumform .cfi-sortable.cfi-quiz,
    .create-wrapper .ud-curriculumform .form-wrapper .cfi-add-form.cfi-quiz {
        margin-left: 10px
    }
    #form-item-privacySettings_coursePrivate_optionpasswordProtected_inner input[type="text"] {
        width: auto !important
    }
    .steps-bar {
        margin: 20px 0 0;
        padding: 0
    }
    .steps-bar ul {
        text-align: center;
        height: auto
    }
    .steps-bar li {
        width: auto;
        margin: 0 5px;
        background: none !important;
        transform: none !important;
        height: auto !important
    }
    .steps-bar li:before,
    .steps-bar li:after {
        display: none
    }
    .steps-bar li span {
        margin: 0 !important;
        top: 0;
        position: static
    }
    .steps-bar li.on {
        font-size: 19px
    }
    .static-content-wrapper .imaged .img,
    .form-wrapper .imaged .img {
        height: 42px;
        width: 68px
    }
    .static-content-wrapper .imaged article,
    .form-wrapper .imaged article {
        margin: 0 0 0 80px;
        overflow: hidden
    }
    #ki_container {
        display: none
    }
    .start-page p {
        color: red
    }
    .quiz-asset * {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 1.2
    }
    .quiz-asset .start-page {
        padding-bottom: 60px
    }
    .quiz-asset .start-page h1 {
        color: red;
        font-size: 35px;
        line-height: 1.2
    }
    .quiz-asset .start-page h2 {
        font-size: 20px
    }
    .quiz-asset .start-page article {
        display: none
    }
    .quiz-asset .start-page .more {
        display: none
    }
}

@media (max-height:1024px) {
    .quiz-asset .start-page article {
        max-height: 300px
    }
}

@media (max-height:1000px) {
    .quiz-asset .start-page article {
        max-height: 200px;
        margin-bottom: 120px
    }
}

@media (max-height:670px) {
    .quiz-asset .start-page article {
        max-height: 100px
    }
}

@media (max-height:660px) {
    .quiz-asset .start-page article {
        max-height: 40px
    }
}

@media (max-height:520px) {
    .quiz-asset .start-page article {
        display: none
    }
}

@media (max-width:480px) {
    body {
        font-size: 10px
    }
}

@media (max-width:768px) {
    body {
        font-size: 14px
    }
}

.area-progress-chart {
    position: relative;
    width: inherit;
    height: inherit
}

.area-progress-chart #highchart-area {
    height: 100%;
    width: 100%
}

.area-progress-chart .progress-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 2px;
    bottom: 1px
}

.area-progress-chart .progress {
    position: relative;
    height: 100%;
    background-color: #000;
    opacity: .19;
    float: left
}

.area-progress-chart .slider {
    position: absolute;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #000;
    overflow: initial
}

.area-progress-chart .udi-circle {
    position: absolute;
    left: -6.5px;
    font-size: 20px;
    color: black
}

.layered-bar {
    position: relative;
    list-style-type: none;
    width: calc(100%);
    height: 16px
}

.layered-bar-back {
    border: 1px solid rgba(0, 0, 0, 0.8);
    display: block
}

.layered-bar-mid {
    background-color: #298fb7;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    cursor: pointer;
    position: relative;
    display: block;
    height: 16px;
    width: 0
}

.layered-bar-mid .inner {
    background-color: #17aa1c;
    width: 0;
    height: 16px
}

.report-popup {
    margin: 20px auto;
    background: #FFF;
    border-radius: 5px;
    max-width: 570px;
    padding: 40px
}

.report-popup #id_reason {
    cursor: pointer;
    height: 45px;
    margin-top: 25px;
    width: 300px
}

.report-popup #id_description {
    height: 160px
}

.report-popup .form-actions {
    margin-top: 25px
}

.report-popup #submit-id-submit {
    padding: 5px 25px
}

.report-popup #button-id-cancel {
    margin-left: 20px
}

.report-popup .report-copyright {
    display: none
}

.report-popup .report-copyright .report-rights-owner,
.report-popup .report-copyright .report-third-party {
    display: none
}

.report-popup .report-copyright label {
    font-weight: normal
}

.report-popup .report-copyright ul.report-rights-owner {
    text-align: center
}

.report-popup .report-copyright p {
    margin: 20px 0
}

.report-comment i.udi-flag {
    color: #717081;
    opacity: .5
}

.report-comment i.udi-flag:hover {
    opacity: 1
}

@media only screen and (max-width:992px) {
    .report-popup {
        padding: 10px
    }
}

#jp .footer-v42-wrapper .row {
    line-height: 36px;
    text-align: center
}

#jp .splash-text {
    width: 100%
}

[type="radio"].ud-checkbox,
[type="radio"].ud-radio,
[type="checkbox"].ud-checkbox,
[type="checkbox"].ud-radio {
    position: fixed;
    left: -9999px
}

[type="checkbox"].ud-checkbox+label,
[type="checkbox"].ud-radio+label,
[type="radio"].ud-checkbox+label,
[type="radio"].ud-radio+label {
    position: relative;
    padding-left: 25px;
    padding-top: 1px;
    cursor: pointer
}

[type="checkbox"].ud-checkbox+label:before,
[type="checkbox"].ud-radio+label:before,
[type="radio"].ud-checkbox+label:before,
[type="radio"].ud-radio+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid;
    background-color: #17aa1c;
    border-color: #17aa1c
}

[type="checkbox"].ud-checkbox+label:before,
[type="checkbox"].ud-radio+label:before {
    border-radius: 2px
}

[type="radio"].ud-checkbox+label:before,
[type="radio"].ud-radio+label:before {
    border-radius: 17px
}

[type="checkbox"]:not(:checked).ud-checkbox+label:before,
[type="checkbox"]:not(:checked).ud-radio+label:before,
[type="checkbox"]:not(:checked).ud-checkbox+label:after,
[type="checkbox"]:not(:checked).ud-radio+label:after,
[type="radio"]:not(:checked).ud-checkbox+label:before,
[type="radio"]:not(:checked).ud-radio+label:before,
[type="radio"]:not(:checked).ud-checkbox+label:after,
[type="radio"]:not(:checked).ud-radio+label:after {
    background-color: transparent;
    border-color: #e0e0e0;
    transition: all .2s
}

[type="checkbox"].ud-checkbox+label:after,
[type="checkbox"].ud-radio+label:after,
[type="radio"].ud-checkbox+label:after,
[type="radio"].ud-radio+label:after {
    font-family: cocon, 'UdemyIcons';
    position: absolute;
    color: #fff;
    transition: all .2s
}

[type="radio"].ud-checkbox+label:after,
[type="radio"].ud-radio+label:after {
    content: "\f111";
    top: 5px;
    left: 5px;
    font-size: 8px
}

[type="checkbox"].ud-checkbox+label:after,
[type="checkbox"].ud-radio+label:after {
    content: "\f00c";
    top: 2px;
    left: 2px;
    font-size: 13px
}

[type="checkbox"]:not(:checked).ud-checkbox+label:after,
[type="checkbox"]:not(:checked).ud-radio+label:after,
[type="radio"]:not(:checked).ud-checkbox+label:after,
[type="radio"]:not(:checked).ud-radio+label:after {
    opacity: 0;
    transform: scale(0)
}

[type="checkbox"]:checked.ud-checkbox+label:after,
[type="checkbox"]:checked.ud-radio+label:after,
[type="radio"]:checked.ud-checkbox+label:after,
[type="radio"]:checked.ud-radio+label:after {
    opacity: 1;
    transform: scale(1)
}

[type="checkbox"]:disabled.ud-checkbox+label:before,
[type="checkbox"]:disabled.ud-radio+label:before,
[type="radio"]:disabled.ud-checkbox+label:before,
[type="radio"]:disabled.ud-radio+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type="checkbox"]:disabled:checked.ud-checkbox+label:after,
[type="checkbox"]:disabled:checked.ud-radio+label:after,
[type="radio"]:disabled:checked.ud-checkbox+label:after,
[type="radio"]:disabled:checked.ud-radio+label:after {
    color: #999
}

[type="checkbox"]:disabled.ud-checkbox+label,
[type="checkbox"]:disabled.ud-radio+label,
[type="radio"]:disabled.ud-checkbox+label,
[type="radio"]:disabled.ud-radio+label {
    color: #aaa
}

.ud-checkbox:not(:disabled)+label:hover:before,
.ud-radio:not(:disabled)+label:hover:before {
    border: 1px solid #17aa1c !important
}

@media only screen and (max-width:768px) {
    .fancybox-wrap {
        left: 0 !important;
        height: 100%;
        bottom: 0 !important;
        width: 100% !important;
        box-shadow: none;
        opacity: 1 !important
    }
    .fancybox-wrap.static-content-wrapper {
        margin: 0
    }
    .fancybox-wrap.static-content-wrapper h1 {
        line-height: 52px;
        padding: 0 10px
    }
    .fancybox-wrap .static-content-wrapper,
    .fancybox-wrap .form-wrapper {
        border: 0;
        width: auto !important
    }
    .fancybox-wrap .form-tooltip {
        display: none !important
    }
    .fancybox-wrap .fancybox-skin {
        background: #000;
        border: 0;
        box-shadow: none
    }
    .fancybox-wrap .fancybox-inner>h1:first-child {
        text-align: center
    }
    .fancybox-wrap .fancybox-inner {
        height: 100% !important;
        width: 100% !important
    }
    .fancybox-wrap .report-popup {
        max-width: 100%
    }
    .organization .fancybox-wrap {
        margin: 0
    }
    .fancybox-overlay {
        background: #fff
    }
    .fancybox-mobile {
        overflow: visible !important
    }
}

.v5-form .form-control {
    border-radius: 2px;
    padding: 10px !important;
    border: 1px solid #ccc;
    box-shadow: none
}

.v5-form .form-control:focus {
    border-color: #17aa1c;
    box-shadow: none
}

.v5-form .btn {
    padding: 11px 12px;
    font-size: 15px;
    border-radius: 2px;
    outline: none !important
}

.v5-form .btn.btn-primary {
    background-color: #17aa1c
}

.v5-form .btn.btn-primary:hover,
.v5-form .btn.btn-primary:focus {
    background-color: #159819
}

.v5-form .btn.btn-primary:active {
    background-color: #138f18
}

.v5-form .btn.btn-default {
    border-width: 1px;
    border-style: solid;
    color: #1376d7;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:focus,
.v5-form .btn.btn-default.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:active,
.v5-form .btn.btn-default.active,
.open>.dropdown-toggle.v5-form .btn.btn-default {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:active:hover,
.v5-form .btn.btn-default.active:hover,
.open>.dropdown-toggle.v5-form .btn.btn-default:hover,
.v5-form .btn.btn-default:active:focus,
.v5-form .btn.btn-default.active:focus,
.open>.dropdown-toggle.v5-form .btn.btn-default:focus,
.v5-form .btn.btn-default:active.focus,
.v5-form .btn.btn-default.active.focus,
.open>.dropdown-toggle.v5-form .btn.btn-default.focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:focus,
.v5-form .btn.btn-default.focus {
    color: #1376d7;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:hover {
    color: #1376d7;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:active,
.v5-form .btn.btn-default.active,
.open>.dropdown-toggle.v5-form .btn.btn-default {
    color: #1376d7;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:active:hover,
.v5-form .btn.btn-default.active:hover,
.open>.dropdown-toggle.v5-form .btn.btn-default:hover,
.v5-form .btn.btn-default:active:focus,
.v5-form .btn.btn-default.active:focus,
.open>.dropdown-toggle.v5-form .btn.btn-default:focus,
.v5-form .btn.btn-default:active.focus,
.v5-form .btn.btn-default.active.focus,
.open>.dropdown-toggle.v5-form .btn.btn-default.focus {
    color: #1376d7;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default:active,
.v5-form .btn.btn-default.active,
.open>.dropdown-toggle.v5-form .btn.btn-default {
    background-image: none
}

.v5-form .btn.btn-default.disabled:hover,
.v5-form .btn.btn-default[disabled]:hover,
fieldset[disabled] .v5-form .btn.btn-default:hover,
.v5-form .btn.btn-default.disabled:focus,
.v5-form .btn.btn-default[disabled]:focus,
fieldset[disabled] .v5-form .btn.btn-default:focus,
.v5-form .btn.btn-default.disabled.focus,
.v5-form .btn.btn-default[disabled].focus,
fieldset[disabled] .v5-form .btn.btn-default.focus {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2)
}

.v5-form .btn.btn-default .badge {
    color: transparent;
    background-color: #1376d7
}

.v5-form .btn.btn-sm {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.351;
    border-radius: 2px
}

.v5-form .search-btn {
    margin-left: -1px;
    padding: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 18px !important;
    width: 50px
}

.v5-form *:focus {
    outline: none
}

.v5-form ul[datepicker-popup-wrap] {
    padding: 5px 10px
}

.v5-form ul[datepicker-popup-wrap]:before {
    content: '';
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    top: 0;
    left: 10px;
    box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    margin-top: -4px
}

.v5-form ul[datepicker-popup-wrap] .btn {
    font-size: 14px;
    padding: 3px 5px
}

.v5-form ul[datepicker-popup-wrap] .btn.btn-default {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 2px;
    background: none
}

.v5-form ul[datepicker-popup-wrap] .btn.btn-default span {
    color: #353535
}

.v5-form ul[datepicker-popup-wrap] .btn.btn-default span.text-info {
    color: #17aa1c
}

.v5-form ul[datepicker-popup-wrap] .btn.btn-default:hover {
    background: #DBF7FF
}

.v5-form ul[datepicker-popup-wrap] .btn.btn-default.active {
    background-color: #17aa1c
}

.v5-form ul[datepicker-popup-wrap] .btn.btn-default.active span {
    color: #fff
}

.v5-form ul[datepicker-popup-wrap] [ng-if="showButtonBar"] {
    padding: 0 !important
}

.v5-form .has-error .form-control,
.v5-form.has-error .form-control {
    border-color: #d23837
}

.manage-fields-wrapper .v5-form input[type=text],
.form-wrapper .v5-form input[type=text],
.manage-fields-wrapper .v5-form input[type=password],
.form-wrapper .v5-form input[type=password],
.manage-fields-wrapper .v5-form input[type=email],
.form-wrapper .v5-form input[type=email],
.manage-fields-wrapper .v5-form textarea,
.form-wrapper .v5-form textarea,
.manage-fields-wrapper .v5-form .uneditable-input,
.form-wrapper .v5-form .uneditable-input,
.manage-fields-wrapper .v5-form .input-like-field,
.form-wrapper .v5-form .input-like-field {
    border: 1px solid #ccc
}

.manage-fields-wrapper .v5-form input[type=text]:focus,
.form-wrapper .v5-form input[type=text]:focus,
.manage-fields-wrapper .v5-form input[type=password]:focus,
.form-wrapper .v5-form input[type=password]:focus,
.manage-fields-wrapper .v5-form input[type=email]:focus,
.form-wrapper .v5-form input[type=email]:focus,
.manage-fields-wrapper .v5-form textarea:focus,
.form-wrapper .v5-form textarea:focus,
.manage-fields-wrapper .v5-form .uneditable-input:focus,
.form-wrapper .v5-form .uneditable-input:focus,
.manage-fields-wrapper .v5-form .input-like-field:focus,
.form-wrapper .v5-form .input-like-field:focus {
    border-color: #17aa1c
}

.dropdown.v5-dropdown {
    text-transform: capitalize
}

.dropdown.v5-dropdown .btn {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding: 10px;
    border: 1px solid #ccc;
    outline: 0 !important;
    font-size: 15px;
    border-radius: 2px;
    background-color: #fff
}

.dropdown.v5-dropdown .btn .udi {
    font-size: 24px;
    margin-left: 40px;
    line-height: .8
}

.dropdown.v5-dropdown [data-toggle]:before {
    content: '';
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    top: 100%;
    left: 10px;
    box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    margin-top: -1px;
    display: none
}

.dropdown.v5-dropdown.pull-right {
    float: none !important
}

.dropdown.v5-dropdown.pull-right [data-toggle]:before {
    left: auto;
    right: 10px
}

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

.dropdown.v5-dropdown.open [data-toggle]:before,
.dropdown.v5-dropdown .open [data-toggle]:before {
    display: block !important
}

.dropdown.v5-dropdown:hover .btn,
.dropdown.v5-dropdown.open .btn {
    border-color: #17aa1c
}

.dropdown.v5-dropdown .dropdown-menu {
    font-size: 15px;
    max-height: 300px;
    overflow-x: hidden
}

.dropdown.v5-dropdown .dropdown-menu:before {
    display: none
}

.dropdown.v5-dropdown label {
    display: block;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 35px !important
}

.dropdown.v5-dropdown label:before {
    left: 10px !important;
    top: 5px !important
}

.dropdown.v5-dropdown label:after {
    top: 5px !important;
    left: 12px !important
}

.dropdown.v5-dropdown label:hover {
    color: #17aa1c
}

.pagination.v5-pagination {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    width: auto
}

.pagination.v5-pagination>li {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto
}

.pagination.v5-pagination>li a,
.pagination.v5-pagination>li span {
    color: #17aa1c;
    border-color: #ddd;
    background-color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 5px 12px
}

.pagination.v5-pagination>li a:focus,
.pagination.v5-pagination>li span:focus {
    color: #17aa1c;
    background-color: #fff
}

.pagination.v5-pagination>li a:hover,
.pagination.v5-pagination>li span:hover {
    background-color: #17aa1c;
    color: #fff;
    border-color: transparent
}

.pagination.v5-pagination .active a,
.pagination.v5-pagination .active span {
    background-color: #17aa1c !important;
    color: #fff !important;
    border-color: transparent
}

.pagination.v5-pagination .disabled a,
.pagination.v5-pagination .disabled span {
    background-color: #fff !important;
    color: #ccc !important;
    cursor: default
}

.pagination.v5-pagination .disabled a:hover,
.pagination.v5-pagination .disabled span:hover {
    border-color: #ddd
}

.pagination.v5-pagination [ng-if$='Links'] a {
    font-size: 0
}

.pagination.v5-pagination [ng-if$='Links'] a:before {
    font-family: cocon, 'UdemyIcons';
    content: "\f100";
    font-size: 22px
}

.pagination.v5-pagination [ng-if$='Links']:nth-child(2) a:before {
    content: "\f104"
}

.pagination.v5-pagination [ng-if$='Links']:nth-last-child(2) a:before {
    content: "\f105"
}

.pagination.v5-pagination [ng-if$='Links']:nth-last-child(1) a:before {
    content: "\f101"
}

.course_manage__body {
    margin: 0 20px;
    width: auto
}

.v5-course_messages label {
    font-size: 15px;
    color: #555;
    font-weight: bold !important;
    margin-bottom: 15px !important;
    text-align: left !important
}

.v5-course_messages .tooltip-reference {
    margin: 10px 0
}

.v5-course_messages textarea {
    height: 125px
}

.v5-course_messages .manage-fields-wrapper .ch-count {
    top: 5px;
    right: 5px
}

.v5-course_messages small {
    font-size: 100%
}

.v5-announcement i[class*="icon--"] {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    text-align: center
}

.v5-announcement .icon--educational {
    background: #17aa1c
}

.v5-announcement .icon--promotional {
    background: #1376d7
}

.v5-announcement__title {
    font-weight: bold !important;
    margin-bottom: 15px !important;
    text-align: left !important
}

.v5-announcement__types {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 15px
}

.v5-announcement__types.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.v5-announcement__types.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.v5-announcement__types--promotional {
    border-left: 1px solid rgba(0, 0, 0, 0.25)
}

.v5-announcement__table {
    padding-left: 15px;
    padding-right: 15px;
    table-layout: fixed
}

.v5-announcement__table li {
    height: 80px
}

.v5-announcement__table li>div:first-child {
    border-left: none !important;
    width: 30px;
    padding: 0;
    text-align: left
}

.v5-announcement__table li>div:last-child {
    border-right: none !important
}

.v5-announcement__list-content {
    text-align: left !important;
    padding-right: 40px;
    padding-left: 0
}

.modal.v5-modal {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.5) !important
}

.modal.v5-modal .modal-content {
    border-radius: 3px;
    border: 0
}

.modal.v5-modal .modal-content .modal-header {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: auto;
    background: #F4F4F4;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px 30px;
    height: auto
}

.modal.v5-modal .modal-content .modal-header .modal-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    font-size: 14px;
    font-weight: bold;
    color: #231F20;
    transform: none
}

.modal.v5-modal .modal-content .modal-header button {
    font-size: 36px;
    font-weight: 200;
    margin-top: 0;
    transform: none;
    padding: 10px 0;
    outline: none
}

.modal.v5-modal .modal-content .modal-header button:hover {
    color: #000
}

.modal.v5-modal .modal-content .modal-body {
    padding: 30px
}

.modal.v5-modal .modal-content .modal-footer {
    border: 0;
    padding: 15px 30px 30px
}

@media (max-width:992px) {
    .modal.v5-modal {
        border-radius: 0
    }
    .modal.v5-modal .modal-dialog {
        margin-top: 0
    }
    .modal.v5-modal .modal-content {
        border-radius: 0
    }
}

.course-test-video #test-video-form {
    display: none
}

.course-test-video .test-video-holder {
    height: 420px
}

.course-test-video .add-comment .thread-head__basic-info {
    padding-left: 0;
    padding-right: 0
}

.course-test-video .ch-count {
    position: initial
}

.course-test-video #test-video-comment-form textarea.form-control {
    height: 70px
}

body.organization.modal-open:not(.landing-page) .modal-backdrop {
    display: none !important
}

.mini-tooltip2 {
    position: relative
}

.mini-tooltip2:hover .mini-tooltip-text {
    display: block;
    z-index: 2
}

.mini-tooltip2 .mini-tooltip-text {
    background: #000;
    color: #fff;
    font-size: 11px;
    padding: 3px 10px;
    white-space: nowrap;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 5px -9px;
    display: none;
    -webkit-font-smoothing: subpixel-antialiased
}

.mini-tooltip2 .mini-tooltip-text:before {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #000;
    top: 100%;
    left: 10px
}

.mini-tooltip2.pull-tooltip-right .mini-tooltip-text {
    left: auto;
    right: -3px
}

.mini-tooltip2.pull-tooltip-right .mini-tooltip-text:before {
    left: auto;
    right: 5px
}

.mini-tooltip2.pull-tooltip-left .mini-tooltip-text {
    left: initial;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    margin-right: 10px;
    bottom: auto
}

.mini-tooltip2.pull-tooltip-left .mini-tooltip-text:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50%;
    left: 100%;
    margin-top: -5px
}

.mini-tooltip2.pull-tooltip-down .mini-tooltip-text {
    bottom: auto
}

.mini-tooltip2.pull-tooltip-down .mini-tooltip-text:before {
    top: -10px;
    border-color: transparent transparent #000
}

.mini-tooltip2.light {
    font-weight: normal
}

.mini-tooltip2.light .mini-tooltip-text {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.mini-tooltip3 {
    text-align: center
}

.mini-tooltip3 .mini-tooltip-text {
    display: none;
    position: relative;
    top: -44px;
    border: 1px solid #000;
    padding: 5px;
    background: #fff;
    color: #000;
    white-space: nowrap
}

.mini-tooltip3 .mini-tooltip-text:before {
    font-family: cocon, 'UdemyIcons';
    content: "\f0d7";
    left: 50%;
    position: absolute;
    top: 100%;
    line-height: 5px;
    color: #fff;
    margin-left: -5px;
    font-size: 20px;
    text-shadow: 0 1px 0 #000
}

.mini-tooltip3:hover .mini-tooltip-text {
    display: inline-block
}

.tooltip-container {
    position: relative;
    display: inline
}

.tooltip-container:hover .tooltip--new {
    visibility: visible;
    opacity: 1;
    z-index: 3
}

.tooltip__icon:hover+.tooltip--new {
    visibility: visible;
    opacity: 1;
    z-index: 3
}

.tooltip--new {
    background: #ffffff;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    border-radius: 2px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.4);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    display: block
}

.tooltip--center {
    text-align: center;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden
}

.tooltip--left {
    right: 0
}

.tooltip--right {
    left: 0
}

.tooltip--top {
    top: -100%
}

.tooltip--blue {
    display: inline-block;
    margin-top: 10px;
    background-color: #1376d7;
    box-shadow: none;
    padding: 10px 15px;
    color: #ffffff;
    position: absolute;
    left: 0;
    z-index: 2;
    white-space: nowrap
}

.tooltip--blue:after {
    bottom: 100%;
    border: 6px solid rgba(255, 255, 255, 0);
    border-bottom-color: #1376d7;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 35px
}

.tooltip--blue.tooltip--right {
    left: auto;
    right: 0
}

.tooltip--blue.tooltip--right:after {
    left: auto;
    right: 35px
}

.tooltip--blue.tooltip--top {
    margin-top: -14px
}

.tooltip--blue.tooltip--top:after {
    border: 6px solid rgba(255, 255, 255, 0);
    border-top-color: #1376d7;
    bottom: -12px
}

.tooltip--browse {
    position: absolute;
    display: block;
    top: 3px;
    left: 54px;
    z-index: 9;
    margin-left: 65px
}

.tooltip--browse .tooltip__content {
    position: absolute;
    width: 265px;
    padding: 7px 30px 7px 15px;
    color: #FFFFFF;
    min-height: 42px;
    line-height: 1.4;
    text-align: left;
    font-size: 13px;
    border-radius: 2px;
    background: #1376d7
}

.tooltip--browse .tooltip__content:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 32px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 5px solid #1376d7;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tooltip--browse .tooltip__close {
    position: absolute;
    color: #fff;
    font-size: 9px;
    right: 12px;
    top: 12px;
    width: 12px;
    height: 12px;
    text-align: right
}

@media only screen and (max-width:992px) {
    .tooltip--browse {
        display: none
    }
}

.full-width {
    margin-left: -3000px;
    padding-left: 3000px;
    margin-right: -3000px;
    padding-right: 3000px
}

.round {
    border-radius: 50%
}

.rounded {
    border-radius: 4px
}

.well--flat {
    background: #f4f4f4;
    padding: 20px
}

.white-space {
    white-space: pre
}

.cursor-default {
    cursor: default
}

.cursor-default-force {
    cursor: default !important
}

.bor-rad2 {
    border-radius: 2px
}

.h110-force {
    height: 110px !important
}

.brd1-ccc {
    border: 1px solid #ccc
}

.maxH400 {
    max-height: 400px
}

.invisible-force {
    visibility: hidden !important
}

.op5 {
    opacity: .5
}

.rot135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.renderByPass {
    display: none
}

.renderByPass.renderByPass--ready {
    display: inherit
}

@media (max-width:1199px) {
    .clickable-label>* {
        pointer-events: none
    }
}

.sc-dropdown__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    max-width: 280px;
    padding: 0 10px
}

.sc-dropdown__empty-message {
    border-top: none;
    text-align: center;
    padding: 20px
}

.sc-dropdown__image {
    width: 60px
}

.sc-dropdown__image img {
    width: 100%
}

.sc-dropdown__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid rgba(191, 191, 191, 0.45);
    padding: 10px 15px;
    min-height: 80px
}

.sc-dropdown__item:last-child {
    border-bottom: none
}

.sc-dropdown__item-instructor {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.55);
    font-size: 11px;
    margin-top: 5px
}

.sc-dropdown__item-title {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sc-dropdown__list {
    display: block;
    max-height: 160px;
    border-bottom: 1px solid rgba(191, 191, 191, 0.45);
    overflow-y: auto
}

.sc-dropdown__prices {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    -o-flex: 0;
    flex: 0;
    min-width: 1px;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    min-width: 25px;
    text-align: right
}

.sc-dropdown__price {
    color: #17aa1c;
    font-weight: bold;
    direction: rtl
}

.sc-dropdown__price--old {
    color: rgba(0, 0, 0, 0.55);
    font-size: 13px;
    font-weight: 600;
    direction: rtl;
    text-decoration: line-through
}

.sc-dropdown__total {
    border-bottom: 1px solid rgba(191, 191, 191, 0.45);
    border-top: none;
    padding: 10px 15px;
    text-align: right;
    font-size: 15px
}

.sc-dropdown__total .sc-dropdown__price {
    font-weight: normal
}

.sc-dropdown__to-cart {
    display: block;
    margin: 10px;
    text-align: center
}

.sc-dropdown__to-more {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 13px
}

.sc-dropdown__to-more .udi-next {
    position: relative;
    font-size: 12px;
    top: 1px;
    left: 0;
    -moz-transition: 300ms ease-in-out;
    -ms-transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out
}

.sc-dropdown__to-more:hover {
    color: #0f5ca8
}

.sc-dropdown__to-more:hover .udi-next {
    left: 5px
}

html.pricing-popup-is-open,
html.pricing-popup-is-open body {
    overflow: hidden
}

.pricing-popup {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    overflow: auto;
    background: rgba(255, 255, 255, 0.8)
}

.pricing-popup form {
    text-align: right;
    padding: 0 31px 35px 0
}

.pricing-popup form .btn-primary {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    color: #ffffff;
    background-color: #17aa1c;
    border-color: transparent
}

.pricing-popup form .btn-tertiary {
    color: #0e600e;
    margin-top: 10px;
    background-color: transparent;
    border-color: transparent
}

.pricing-popup form .btn-decline {
    color: #d23837
}

.pricing-popup a {
    color: #1376d7
}

.pricing-popup a:hover {
    color: #23527c
}

.pricing-popup p+ul {
    margin-top: -20px
}

.pricing-popup ul li {
    padding-left: 20px
}

.pricing-popup ul li:before {
    content: '\2022 ';
    position: absolute;
    margin-left: -15px;
    line-height: .8em;
    font-size: 26px;
    color: #727272
}

.pricing-popup .pricing-popup--window {
    width: 100%;
    position: absolute;
    margin: 50px auto
}

.pricing-popup .pricing-popup--content {
    border: none;
    width: 580px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    margin: 0 auto
}

.pricing-popup .pricing-popup--header-wrapper {
    background-color: #18ab1d;
    background: linear-gradient(#18ab1d, #107313);
    border-radius: 4px 4px 0 0
}

.pricing-popup .pricing-popup--header {
    position: relative;
    padding: 28px 50px 23px 25px;
    border-radius: 4px 4px 0 0;
    text-align: left;
    font-weight: bold;
    color: white;
    background: url("../images/hello-bar/pricing-header-popup.png") repeat center center
}

.pricing-popup .pricing-popup--header.warning {
    background: url("../images/hello-bar/pricing-header-popup.png") repeat center center, url("../images/hello-bar/warning.png") no-repeat 20px center;
    background-size: 100% 100%, 37px 37px;
    padding-left: 70px
}

.pricing-popup .pricing-popup--header .closeButton {
    position: absolute;
    top: 30px;
    right: 25px;
    opacity: .8;
    padding: 0;
    background: none;
    text-decoration: none;
    min-width: 0;
    cursor: pointer
}

.pricing-popup .pricing-popup--header .closeButton:after,
.pricing-popup .pricing-popup--header .closeButton:before {
    display: block;
    content: '';
    width: 22px;
    border-top: 2px solid white;
    margin-top: 12px;
    margin-left: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden
}

.pricing-popup .pricing-popup--header .closeButton:before {
    margin-top: 7px;
    margin-bottom: -14px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden
}

.pricing-popup .pricing-popup--header .closeButton:hover,
.pricing-popup .pricing-popup--header .closeButton:active {
    opacity: .8
}

.pricing-popup .pricing-popup--header .closeButton:hover:after,
.pricing-popup .pricing-popup--header .closeButton:active:after,
.pricing-popup .pricing-popup--header .closeButton:hover:before,
.pricing-popup .pricing-popup--header .closeButton:active:before {
    border-color: #F7F7F4
}

.pricing-popup .pricing-popup--video-content {
    background: #fefefe;
    margin: 0 auto;
    padding: 20px;
    border-bottom: 1px solid #f4f4f4;
    min-height: 285px
}

.pricing-popup .pricing-popup--video-content iframe {
    display: block;
    margin: 0 auto
}

.pricing-popup .pricing-popup--text-content {
    background: #fefefe;
    color: #000000;
    margin: 0 auto;
    font-size: 15px;
    padding: 18px 31px 0 25px
}

.pricing-popup .pricing-popup--text-content p {
    line-height: 1.35em;
    padding-bottom: 11px
}

.pricing-popup .btn-primary:hover,
.pricing-popup .btn-primary:active {
    background: #159d1a
}

.price-change-wrap {
    background-color: #f4f4f4;
    border-top: 1px solid #d5d5d5;
    padding: 30px 0
}

.price-change-wrap .course-link {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px
}

.price-change-wrap .course-img {
    width: 132px;
    height: auto
}

.price-change-wrap .popover-close {
    font-size: 16px;
    top: -40px;
    right: 18px;
    position: absolute;
    color: rgba(0, 0, 0, 0.8)
}

.price-change-wrap .popover {
    max-width: 620px
}

.price-change-wrap .popover-title {
    font-weight: bold;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 15px
}

.price-change-wrap .popover-content {
    position: relative;
    padding: 20px 15px
}

.price-change-wrap .procedure--top {
    margin-bottom: 50px
}

.price-change-wrap .procedure--top .procedure__box:last-child:before {
    content: "↓";
    position: absolute;
    left: 50%;
    top: 100%;
    font-size: 40px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    color: rgba(203, 203, 203, 0.9)
}

.price-change-wrap .procedure--top,
.price-change-wrap .procedure--bottom {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.price-change-wrap .procedure--top>*,
.price-change-wrap .procedure--bottom>* {
    height: auto !important
}

.price-change-wrap .procedure--top.center,
.price-change-wrap .procedure--bottom.center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.price-change-wrap .procedure--top.right,
.price-change-wrap .procedure--bottom.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end
}

.price-change-wrap .procedure__box {
    position: relative;
    border: 1px solid rgba(203, 203, 203, 0.9);
    padding: 15px;
    min-height: 63px;
    min-width: 155px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.price-change-wrap .procedure__icon {
    margin: 0 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.price-change-wrap .procedure__footer {
    margin-top: 15px;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.price-change-wrap__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.price-change-wrap__content.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.price-change-wrap__content.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.price-change-wrap__dropdown {
    min-width: 150px;
    font-size: 13px
}

.price-change-wrap__table .custom-select {
    max-width: 144px
}

.price-change-wrap__table tbody {
    background: #fff
}

.price-change-wrap__table td {
    vertical-align: top;
    border: 1px solid rgba(203, 203, 203, 0.9);
    padding: 20px
}

@media (max-width:992px) {
    .price-change-wrap__table {
        border: none;
        margin-top: 20px;
        padding: 1px
    }
    .pricing-popup .modal-dialog {
        width: 80%
    }
}

@media (max-width:768px) {
    .pricing-popup .pricing-popup--content {
        width: auto;
        border-radius: 0;
        margin: 5px
    }
    .pricing-popup .pricing-popup--window {
        margin: 0
    }
    .pricing-popup .pricing-popup--header {
        border-radius: 0;
        padding: 10px 50px 10px 10px;
        background: #148E18
    }
    .pricing-popup .pricing-popup--header .closeButton {
        right: 10px;
        top: 12px
    }
    .pricing-popup .pricing-popup--text-content {
        padding-left: 10px
    }
    .pricing-popup .pricing-popup--header-wrapper {
        border-radius: 0
    }
    .pricing-popup .pricing-popup--video-content {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
        min-height: 0
    }
    .pricing-popup iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width:480px) {
    .price-change-wrap__table td {
        padding: 8px
    }
    .pricing-popup .modal-dialog {
        width: 100%;
        margin: auto
    }
    .pricing-popup .modal-footer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        padding: 0 0 30px 0 !important
    }
}

html.terms-popup-is-open,
html.terms-popup-is-open body {
    overflow: hidden
}

.terms-popup {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    overflow: auto;
    background: rgba(255, 255, 255, 0.8)
}

.terms-popup form {
    text-align: right;
    padding: 0 31px 35px 0
}

.terms-popup form.terms-popup--instructor-form {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.terms-popup form .btn-primary {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    color: #ffffff;
    background-color: #17aa1c;
    border-color: transparent
}

.terms-popup form .btn-tertiary {
    color: #0e600e;
    background-color: transparent;
    border-color: transparent
}

.terms-popup form .btn-decline {
    color: #d23837
}

.terms-popup a {
    color: #1376d7
}

.terms-popup a:hover {
    color: #23527c
}

.terms-popup p+ul {
    margin-top: -20px
}

.terms-popup ul li {
    padding-left: 30px;
    padding-top: 10px
}

.terms-popup ul li:before {
    content: '\2022 ';
    position: absolute;
    margin-left: -15px;
    line-height: .8em;
    font-size: 26px;
    color: #727272
}

.terms-popup .terms-popup--window {
    width: 100%;
    position: absolute;
    margin: 50px auto
}

.terms-popup .terms-popup--content {
    width: 600px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    margin: 0 auto
}

.terms-popup .terms-popup--header-wrapper {
    background-color: #18ab1d;
    background: linear-gradient(#18ab1d, #107313);
    border-radius: 4px 4px 0 0
}

.terms-popup .terms-popup--header {
    position: relative;
    padding: 28px 0 23px 25px;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    color: white
}

.terms-popup .terms-popup--header.warning {
    background: url("../images/hello-bar/warning.png") no-repeat 20px center;
    background-size: 37px 37px;
    padding-left: 70px;
    padding-right: 40px
}

.terms-popup .terms-popup--header .closeButton {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    background: none;
    text-decoration: none;
    min-width: 0;
    cursor: pointer
}

.terms-popup .terms-popup--header .closeButton:after,
.terms-popup .terms-popup--header .closeButton:before {
    display: block;
    content: '';
    width: 22px;
    border-top: 2px solid white;
    margin-top: 12px;
    margin-left: -6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden
}

.terms-popup .terms-popup--header .closeButton:before {
    margin-top: 7px;
    margin-bottom: -14px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden
}

.terms-popup .terms-popup--header .closeButton:hover:after,
.terms-popup .terms-popup--header .closeButton:active:after,
.terms-popup .terms-popup--header .closeButton:hover:before,
.terms-popup .terms-popup--header .closeButton:active:before {
    border-color: #F7F7F4
}

.terms-popup .terms-popup--text-content {
    background: #fefefe;
    color: #000000;
    margin: 0 auto;
    font-size: 15px;
    padding: 18px 31px 0 21px
}

.terms-popup .terms-popup--text-content p {
    line-height: 1.35em;
    padding-bottom: 11px
}

.terms-popup .btn-primary:hover,
.terms-popup .btn-primary:active {
    background: #159d1a
}

@media (max-width:768px) {
    .terms-popup .terms-popup--content {
        width: auto;
        border-radius: 0;
        margin: 5px
    }
    .terms-popup .terms-popup--window {
        margin: 0
    }
    .terms-popup .terms-popup--header {
        border-radius: 0;
        padding: 10px;
        background: #148E18
    }
    .terms-popup .terms-popup--header-wrapper {
        border-radius: 0
    }
    .terms-popup iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.df,
.fx-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.fx-vc,
.aic {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-drr {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-wrap,
.fxwrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-dif,
.dif,
.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.fx-df,
.flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.fx-lt,
.fxw {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-lc,
.fxac {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-lb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fx-ct,
.fxjc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-c,
.fxc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-cb,
.fxjc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-rt,
.fxje {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fx-rc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fx-rb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fx-jsa,
.fxjsa {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around
}

.fx-jsb,
.fxjsb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.fx-dc,
.fxdc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.fx-dc.center,
.fxdc.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-dc.right,
.fxdc.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fx-jcc {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-str {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.fx-str>* {
    height: auto !important
}

.fx-str.center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-str.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end
}

.fx-is {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.fx-ie {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.fx-ic {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center
}

.c_header {
    z-index: 4;
    display: block;
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px #cbcbcb;
    box-shadow: 0 1px 2px #cbcbcb
}

.c_header input::-ms-clear {
    width: 0;
    height: 0
}



.c_header.udemy-header-transparent {
    background: #ffffff
}

.c_header.udemy-header-darker {
    background: #414246
}

.c_header.udemy-header-darker .dropdown {
    border: 0
}

.c_header.udemy-header-darker .dropdown:hover {
    background: inherit
}

.c_header.udemy-header-darker .dropdown__main-link,
.c_header.udemy-header-darker .dropdown__main-link a,
.c_header.udemy-header-darker .dropdown__main-link a:hover,
.c_header.udemy-header-darker .dropdown__main-link i,
.c_header.udemy-header-darker .c_header__mobile-bt {
    color: #ffffff
}

.c_header .scroll {
    position: relative;
    -webkit-box-shadow: inset 0 -3px 2px 0 #f4f4f4, inset 0 3px 2px 0 #f4f4f4;
    box-shadow: inset 0 -3px 2px 0 #f4f4f4, inset 0 3px 2px 0 #f4f4f4
}

.c_header .scroll--at-top {
    position: relative;
    -webkit-box-shadow: inset 0 -3px 2px 0 #f4f4f4;
    box-shadow: inset 0 -3px 2px 0 #f4f4f4
}

.c_header .scroll--at-bottom {
    position: relative;
    -webkit-box-shadow: inset 0 3px 2px 0 #f4f4f4;
    box-shadow: inset 0 3px 2px 0 #f4f4f4
}

.c_header .dropdown {
    position: relative;
    font-size: 13px;
    border-left: 1px solid rgba(191, 191, 191, 0.45)
}

.c_header .dropdown__avatar {
    width: 32px;
    border-radius: 50%
}

.c_header .dropdown__toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}

.c_header .dropdown--topics {
    border-right: 1px solid rgba(191, 191, 191, 0.45)
}

.c_header .dropdown--topics .dropdown__menu-list .menu__link a {
    padding: 8px 15px
}

.c_header .dropdown__main-icon {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.55);
    display: block;
    text-align: center;
    position: relative;
    padding: 0
}

.c_header .dropdown--instructor .dropdown__menu,
.c_header .dropdown--org-manage .dropdown__menu,
.c_header .dropdown--mycourses .dropdown__menu,
.c_header .dropdown--shopping-cart .dropdown__menu,
.c_header .dropdown--notification .dropdown__menu,
.c_header .dropdown--user .dropdown__menu {
    left: inherit;
    right: -1px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.c_header .dropdown--instructor .dropdown__menu,
.c_header .dropdown--user .dropdown__menu {
    width: 210px
}

.c_header .dropdown--mycourses .dropdown__menu {
    width: 245px
}

.c_header .dropdown--notification .dropdown__menu {
    width: 380px
}

.c_header .dropdown--shopping-cart .dropdown__menu {
    width: 380px
}

.c_header .dropdown__main-link {
    color: rgba(0, 0, 0, 0.55);
    display: block;
    font-weight: 600;
    padding: 14px 20px;
    line-height: 20px;
    white-space: nowrap
}

.c_header .dropdown__menu-list>li.maintain-hover>a,
.c_header .dropdown__menu-list>li:last-child:hover>a {
    background: rgba(149, 0, 29, 1) !important
}

.c_header .dropdown__menu-list>li.maintain-hover .dropdown__menu,
.c_header .dropdown__menu-list>li:last-child:hover .dropdown__menu {
    display: block;
    opacity: 1;
    visibility: visible
}

.c_header .tooltip-container-non-responsive {
    color: white
}

.c_header .tooltip-container-non-responsive .language-icon {
    margin-left: 5px
}

@media (max-width:768px) {
    .c_header .tooltip-container-non-responsive {
        display: none
    }
}
.c_header .dropdown__menu {
    direction: rtl;
    display: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid rgba(191, 191, 191, 0.45);
    left: 0;
    right: -1px;
    font-size: 13px;
    border-radius: 0;
    border-bottom-left-radius: 2px;
    top: 100%;
    color: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 1000;
    list-style: none;
    text-align: right;
    background-color: #fff;
    /*width: 185px;*/
    width: 150px;
    background-clip: padding-box;
    margin: 0
}
.c_header__left  .dropdown__menu{
    width: 185px;
}
.c_header .dropdown__menu.skin2 {
    background: #960075
}

.c_header .dropdown__menu.skin3 {
    background: #540768
}

.c_header .dropdown__menu.skin4 {
    background: #32377a
}

.c_header .dropdown__menu.skin5 {
    background: #006b9c
}

.c_header .dropdown__menu.skin6 {
    background: #02a1a5
}

.c_header .dropdown__menu--sub {
    border: 0;
    left: 100%;
    top: 0;
    min-height: 100%;
    padding: 0 0 10px 0;
    border-bottom-right-radius: 2px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    color: #fff
}

.c_header .dropdown__header {
    padding: 12px;
    font-size: 15px;
    border-bottom: 1px solid rgba(191, 191, 191, 0.45);
    color: rgba(0, 0, 0, 0.8);
    background-color: #ffffff;
    position: relative
}

.c_header .dropdown__footer {
    position: relative;
    border-top: 1px solid rgba(191, 191, 191, 0.45);
    height: 49px
}

.c_header.c_header--desktop .dropdown:hover,
.c_header .dropdown.dropdown--open {
    background: none !important;
}

.c_header.c_header--desktop .dropdown:hover .dropdown__toggle .badge,
.c_header .dropdown.dropdown--open .dropdown__toggle .badge {
    border-color:none;
}

.c_header.c_header--desktop .dropdown:hover .dropdown__menu,
.c_header .dropdown.dropdown--open .dropdown__menu {
    display: block
}

.c_header .link--dropdown-footer {
    padding: 15px;
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #1376d7
}

.c_header .link--dropdown-footer:hover {
    color: #0f5ca8
}

.c_header .link--mark-all {
    float: left;
    cursor: pointer
}

.c_header .link--see-all {
    float: right
}

.c_header .link--see-all:hover .udi-next {
    left: 5px
}

.c_header .link--see-all .udi-next {
    position: relative;
    font-size: 12px;
    top: 1px;
    left: 0;
    -moz-transition: 300ms ease-in-out;
    -ms-transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out
}

.c_header.c_header--desktop .menu__link:hover,
.c_header .menu__link.active {
    background: #f4f4f4
}

.c_header.c_header--desktop .menu__link:hover .dropdown__menu--sub,
.c_header .menu__link.active .dropdown__menu--sub {
    opacity: 1;
    visibility: visible
}

.c_header.c_header--desktop .menu__link:hover .badge,
.c_header .menu__link.active .badge {
    border-color: #f4f4f4
}

.c_header .menu__header {
    font-size: 15px;
    font-weight: 400;
    padding: 5px 15px;
    color: rgba(0, 0, 0, 0.8)
}

.c_header .menu__link a {
    font-weight: 400;
    padding: 12px 15px;
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.c_header .menu__link--bordered {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid rgba(191, 191, 191, 0.45)
}

.c_header .menu__arrow {
    color: #bfbfbf;
    font-size: 10px;
    margin-right: -2px;
    padding: 0
}

.c_header .menu__icon {
    font-weight: 600;
    margin-right: 10px
}

.c_header .menu__sub-list a {
    color: #fff
}

.c_header .menu__sub-list a:hover {
    background: rgba(255, 255, 255, 0.1)
}

.c_header .menu__sub-list .menu__main-title {
    font-size: 15px
}

.c_header .menu__title {
    padding-right: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.c_header .quick-search__input {
    border: none;
    padding: 0 0 0 40px;
    outline: 0;
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    font-size: 15px;
    padding-right: 55px;
	text-align:right;
	direction: rtl;

}

.c_header .quick-search__input:focus {
    outline: none
}

.c_header .quick-search__input.search--loading~.quick-search__btn:before {
    -moz-animation: spin 1.5s infinite linear;
    -ms-animation: spin 1.5s infinite linear;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    display: inline-block;
    content: '\e779';
    color: white;
    animation: spin 1.5s infinite linear;
    display: block
}

.c_header .quick-search__btn {
    background: #17aa1c;
    color: white;
    padding: 10px;
    border-radius: 2px;
    top: 6px;
    animation: none;
    border: none;
    font-size: 16px;
    right: 10px;
    position: relative;
}

.c_header .quick-search__btn:focus {
    outline: none
}

.c_header .quick-search__search-results.dropdown-menu {
    background: #ffffff;
    top: 0;
    box-shadow: none;
    left: -1px;
    width: calc(100% + 1px);
    border-top: 1px dotted #cbcbcb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 5px 0
}

.c_header .quick-search__search-results.dropdown-menu a {
    padding: 5px 16px !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_header .quick-search__search-results.dropdown-menu a:hover,
.c_header .quick-search__search-results.dropdown-menu a.ui-state-focus {
    color: #1376d7;
    background-color: #f5f5f5
}

.c_header .quick-search__search-results.dropdown-menu i {
    margin-right: 10px;
    padding-left: 0;
    color: #999
}

.c_header .quick-search__search-results.dropdown-menu .results__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.c_header .mycourses .metadata {
    margin-left: 10px
}

.c_header .mycourses .metadata__title {
    color: #1376d7;
    font-weight: 500;
    line-height: 18px;
    font-size: 13px;
    margin: 0;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px
}

.c_header .mycourses .metadata__instructor {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.55);
    font-size: 11px;
    margin-top: 5px
}

.c_header .mycourses__item {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(191, 191, 191, 0.45)
}

.c_header .mycourses__item:last-child {
    border-bottom: none
}

.c_header .mycourses__item:hover .metadata__title {
    color: #0f5ca8
}

.c_header .mycourses__image {
    position: relative;
    width: 60px;
    height: 60px
}


.c_header .mycourses__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.c_header .badge {
    position: absolute
}

.c_header .dropdown__main-link .badge {
    top: -10px;
    left: 10px
}

.c_header .dropdown--user .dropdown__main-link .badge {
    top: -3px;
    left: 20px
}

.c_header .dropdown--user .menu__link .badge {
    position: static;
    margin-left: 5px
}

.c_header .mobile-bt--search-cancel {
    display: none;
    background: none;
    border: none;
    font-size: 15px;
    color: #1376d7;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 10px
}

.c_header .mobile-bt--search-cancel:focus {
    outline: 0
}

.c_header .overflow-nav {
    display: none
}

.c_header .nav-open.overflow-nav {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden
}

.c_header .nav-open .overflow-nav__avatar {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.c_header .nav-open .overflow-nav__user {
    opacity: 1;
    -moz-transition: 600ms 700ms cubic-bezier(.02, .01, .21, 1);
    -ms-transition: 600ms 700ms cubic-bezier(.02, .01, .21, 1);
    -webkit-transition: 600ms 700ms cubic-bezier(.02, .01, .21, 1);
    -o-transition: 600ms 700ms cubic-bezier(.02, .01, .21, 1);
    transition: 600ms 700ms cubic-bezier(.02, .01, .21, 1);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden
}

.c_header .nav-open .overflow-nav__links li {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    opacity: 1
}

.c_header .nav-open .overflow-nav__links li:nth-child(0) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.c_header .nav-open .overflow-nav__links li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.c_header .nav-open .overflow-nav__links li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c_header .nav-open .overflow-nav__links li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.c_header .nav-open .overflow-nav__links li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c_header .nav-open .overflow-nav__links li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.c_header .nav-open .overflow-nav__links li:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.c_header .nav-open .overflow-nav__links li:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.c_header .nav-open .overflow-nav__links li:nth-child(8) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.c_header .nav-open .overflow-nav__links li:nth-child(9) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.c_header .nav-open .overflow-nav__links li:nth-child(10) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.c_header .nav-open .overflow-nav__links li:nth-child(11) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.c_header .nav-open .overflow-nav__profile:after {
    -webkit-transform: scale(3.6);
    -ms-transform: scale(3.6);
    -o-transform: scale(3.6);
    transform: scale(3.6)
}

.c_header .nav-open--sub .overflow-nav--main {
    -moz-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden
}

.c_header .nav-open--sub .overflow-nav--sub {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden
}

.c_header.c_header--mobile.dropdown--shopping-cart .dropdown__menu {
    display: none
}

.c_header__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_header__mobile-spacer {
    display: none;
    visibility: hidden
}

.c_header__search {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    height: 48px;
    position: relative
}

.c_header__right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    **display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.c_header__overlay {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    background-color: rgba(0, 0, 0, 0.55)
}

.c_header__overlay.overlay--search-show {
    visibility: visible;
    opacity: 1;
    z-index: 4
}

.c_header__mobile-bt {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    /*color: rgba(0, 0, 0, 0.55);*/
    color: rgba(255, 255, 255, 1);
    width: 48px;
    height: 48px;
    touch-action: pan-y;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    padding: 0
}

.c_header__mobile-bt.udi-search {
    font-size: 20px;
    padding-bottom: 2px
}

.c_header__mobile-bt:active,
.c_header__mobile-bt:focus {
    outline: none
}

.c_header .dropdown-menu {
    font-size: 15px;
    overflow: hidden;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.175)
}

.c_header .dropdown-menu>li>a {
    padding: 5px 12px
}

.c_user-notification .dropdown__tab-btns {
    position: absolute;
    top: 8px;
    right: 55px
}

.c_user-notification .dropdown__tab-bt {
    border-bottom: 5px solid transparent;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 12px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    opacity: .7
}

.c_user-notification .dropdown__tab-bt.active {
    border-bottom-color: #17aa1c;
    opacity: 1
}

.c_user-notification .dropdown__tab-bt:hover {
    opacity: 1
}

.c_user-notification .dropdown__header .udi-settings {
    color: rgba(0, 0, 0, 0.25);
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 15px;
    -moz-transition: 250ms;
    -ms-transition: 250ms;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.c_user-notification .dropdown__header .udi-settings:hover {
    color: rgba(0, 0, 0, 0.55)
}

.c_user-notification .dropdown__header .badge {
    top: 0
}

.c_user-notification .dropdown__header .notification__instructor-badge {
    left: 68px
}

.c_user-notification .dropdown__header .notification__student-badge {
    left: 56px
}

.c_user-notification .notification__list {
    max-height: 404px;
    overflow-y: auto
}

.c_user-notification .notification__item {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(191, 191, 191, 0.45);
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_user-notification .notification__item:last-child {
    border-bottom: none
}

.c_user-notification .notification__url {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.c_user-notification .notification__message {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 245px;
    height: 40px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0
}


.c_user-notification .notification__time {
    color: rgba(0, 0, 0, 0.55);
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px
}

.c_user-notification .notification__status {
    position: absolute;
    top: 22px;
    right: 20px;
    background: #17aa1c;
    border: 1px solid transparent;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer
}

.c_user-notification .notification__status .tooltip--mark-as-read {
    display: none;
    left: inherit;
    right: -12px;
    top: 8px
}

.c_user-notification .notification__status .tooltip--mark-as-read:after {
    left: inherit;
    right: 10px
}

.c_user-notification .notification__status:hover .tooltip--mark-as-read {
    display: block
}

.c_user-notification .notification__status--read {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.25);
    cursor: default
}

.c_user-notification.user-notification--page-view .dropdown__header .udi-settings {
    top: -35px;
    color: #ffffff
}

.c_user-notification.user-notification--page-view .notification__message,
.c_user-notification.user-notification--page-view .notification__url {
    width: 100%
}

.c_user-notification.user-notification--page-view .badge,
.c_user-notification.user-notification--page-view .notification__status {
    display: none
}

.footer-v42 {
    /*font-size: 13px;
    padding: 10px 0 5px 0;
    background: #333;
    z-index: 3;
    position: absolute;
    bottom: 0;
    width: 100%*/
}

.footer-v42 .white-text {
    color: #fff;
    display: inline-block;
    margin-right: 16px
}

.footer-v42 .white-text:hover {
    text-decoration: underline
}

.footer-v42 .white-link {
    color: #fff
}

.footer-v42 .gray-link,
.footer-v42 .btn-group a.dropdown-toggle:focus {
    color: #999
}

.footer-v42 .gray-text {
    color: #999;
    display: inline-block;
    margin-right: 20px
}

.footer-v42 .gray-text:hover {
    text-decoration: underline
}

.footer-v42 .copyright:hover {
    text-decoration: none
}

@media (max-width:480px) {
    .footer-v42 {
        font-size: 11px
    }
}

.footer-v42-wrapper,
.footer-v42 {
    height: 61px;
	
}

@media (max-width:1200px) {
    .footer-v42-wrapper.lg-3-rows,
    .footer-v42.lg-3-rows {
        height: 79px
    }
}

@media (max-width:992px) {
    .footer-v42-wrapper,
    .footer-v42 {
        height: 79px
    }
    .footer-v42-wrapper.md-4-rows,
    .footer-v42.md-4-rows {
        height: 99px
    }
    #jp .footer-v42-wrapper,
    #jp .footer-v42 {
        height: 91px
    }
}

@media (max-width:767px) {
    .footer-v42-wrapper,
    .footer-v42 {
        height: 71px
    }
    .footer-v42-wrapper.xs-3-rows,
    .footer-v42.xs-3-rows {
        height: 71px
    }
    #jp .footer-v42-wrapper,
    #jp .footer-v42 {
        height: 112px
    }
}

.organization .footer-v42-wrapper,
.organization .footer-v42 {
    height: 61px
}

.lang-dropdown-control {
    cursor: pointer
}

.lang-dropdown {
    margin-top: -4px;
    margin-right: 25px
}

.lang-dropdown .dropdown-toggle {
    display: block;
    white-space: nowrap
}

.lang-dropdown .dropdown-menu {
    padding: 10px 5px
}

.lang-dropdown .dropdown-menu a {
    color: #888;
    font-weight: 600;
    padding: 2px 15px 2px 10px;
    display: block
}

.lang-dropdown .dropdown-menu a:after {
    font-family: cocon, 'UdemyIcons';
    content: '\f00c';
    color: #17aa1c;
    position: absolute;
    right: 5px;
    opacity: 0
}

.lang-dropdown .dropdown-menu a:hover {
    color: #555
}

.lang-dropdown .dropdown-menu a:hover:after {
    opacity: 1
}

.ufbDaysLeft {
    margin: 10px;
    padding: 10px;
    position: relative
}

.ufbDaysLeft:hover .ufbDaysLeft__popover {
    display: block
}

.ufbDaysLeft__popover {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    font-weight: normal;
    font-size: 12px;
    padding: 10px;
    z-index: 1;
    border-radius: 2px;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13);
    margin-top: 9px;
    width: 270px;
    white-space: normal;
    display: none
}

.ufbDaysLeft__popover:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: -1px -1px 0 0 #ccc;
    margin-bottom: -6px
}

@media (max-width:991px) {
    .c_header .dropdown.dropdown--org-manage:hover .dropdown__menu {
        display: block
    }
    .c_header .dropdown--mycourses,
    .c_header .dropdown--instructor,
    .c_header .dropdown--ufb {
        display: none
    }
    .c_header .dropdown--user .dropdown__menu {
        width: 200px
    }
    .c_header .dropdown--user .dropdown__menu .dn {
        display: block
    }
    .ufbDaysLeft__days {
        display: none
    }
}

@media (max-width:767px) {
    .c_header .quick-search__form {
        position: absolute;
        top: 0;
        right: 0;
        width: 1px
    }
    .c_header .quick-search__input {
        padding: 0;
        cursor: pointer
    }
    .c_header .quick-search__btn {
        font-size: 18px;
        display: none;
        background: #17aa1c;
        color: white;
        padding: 10px;
        border-radius: 2px;
        top: 6px;
        animation: none
		
    }
    .c_header .overlay--mobile-show {
        visibility: visible;
        opacity: 1
    }
    .c_header .overlay--search-show {
        visibility: hidden
    }
    .c_header .search-open.overlay--search-show {
        visibility: visible
    }
    .c_header .search-open .quick-search__form {
        position: static;
        width: 100%
    }
    .c_header .search-open .quick-search__input {
        padding: 0 48px 0 55px;
        cursor: auto
    }
    .c_header .search-open .quick-search__btn {
        display: block
    }
    .c_header .search-open.c_header__search {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2
    }
    .c_header .search-open .mobile-bt--search {
        display: none
    }
    .c_header .search-open .mobile-bt--search-cancel {
        display: block
    }
    .c_header .dropdown {
        border-left: 0
    }
    .c_header .dropdown--topics,
    .c_header .dropdown--notification,
    .c_header .dropdown--user,
    .c_header .dropdown--login,
    .c_header .dropdown--signup {
        display: none
    }
    .c_header .overflow-nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 480px;
        max-width: 80%;
        height: 100%;
        padding-bottom: 15px;
        background: #f4f4f4;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 600ms cubic-bezier(.785, .135, .15, .86);
        -moz-transition: -moz-transform 600ms cubic-bezier(.785, .135, .15, .86);
        -o-transition: -o-transform 600ms cubic-bezier(.785, .135, .15, .86);
        transition: transform 600ms cubic-bezier(.785, .135, .15, .86);
        -moz-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-backface-visibility: hidden;
        z-index: 6
    }
    .c_header .overflow-nav .get-app {
        border: 1px solid #1376d7;
        border-radius: 4px;
        padding: 3px 10px;
        color: #1376d7;
        font-size: 13px;
        top: 10px
    }
    .c_header .overflow-nav .menu__link a {
        padding: 10px 15px;
        color: rgba(0, 0, 0, 0.8);
        display: block;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .c_header .overflow-nav .menu__link a:hover,
    .c_header .overflow-nav .menu__link a:active,
    .c_header .overflow-nav .menu__link a:focus {
        background: #fff
    }
    .c_header .overflow-nav .menu__link.menu__link--bottom a {
        font-size: 16px;
        padding: 8px 15px
    }
    .c_header .overflow-nav .menu__link--separator {
        height: 1px;
        background-color: #cbcbcb;
        margin: 10px
    }
    .c_header .overflow-nav .menu__link--bottom-spacer {
        visibility: hidden;
        margin-top: 15px
    }
    .c_header .overflow-nav--main {
        -moz-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -ms-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -webkit-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -o-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        overflow-y: auto;
        height: 100%;
		margin-top:40px;
    }
    .c_header .overflow-nav__back-bt {
        line-height: 1;
        padding: 0;
        position: absolute;
        left: 5px;
        top: 15px;
        font-size: 18px;
        color: white;
        font-weight: normal;
        background: none;
        border: none
    }
    .c_header .overflow-nav__back-bt:active,
    .c_header .overflow-nav__back-bt:focus {
        outline: none
    }
    .c_header .overflow-nav--sub {
        overflow-y: auto;
        -moz-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -ms-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -webkit-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -o-transition: 600ms cubic-bezier(.42, 0, 0, .99);
        transition: 600ms cubic-bezier(.42, 0, 0, .99);
        -moz-transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-backface-visibility: hidden;
        font-size: 18px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #f4f4f4;
		margin-top:50px;
    }
    .c_header .overflow-nav--sub header {
        background-color: rgba(149, 0, 29, 1) !important;
        color: white;
        text-align: center;
        padding: 14px 15px;
        margin-bottom: 10px;
        font-weight: 600;
        position: relative
    }
    .c_header .overflow-nav--instructor .overflow-nav__profile:after,
    .c_header .overflow-nav--instructor .overflow-nav--sub header {
        background-color: #1376d7
    }
    .c_header .overflow-nav__profile {
        display: block;
        padding: 20px 10px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden
    }
    .c_header .overflow-nav__profile a {
        position: relative;
        z-index: 1;
        display: block
    }
    .c_header .overflow-nav__profile:after {
        content: "";
        background-color: #17aa1c;
        border-radius: 50%;
        position: absolute;
        width: 300px;
        height: 300px;
        -moz-transition: 600ms 400ms cubic-bezier(.02, .01, .21, 1);
        -ms-transition: 600ms 400ms cubic-bezier(.02, .01, .21, 1);
        -webkit-transition: 600ms 400ms cubic-bezier(.02, .01, .21, 1);
        -o-transition: 600ms 400ms cubic-bezier(.02, .01, .21, 1);
        transition: 600ms 400ms cubic-bezier(.02, .01, .21, 1);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        right: -150px;
        bottom: -150px
    }
    .c_header .overflow-nav__avatar {
        border-radius: 50%;
        width: 36%;
        max-width: 175px;
        -moz-transition: 300ms 400ms cubic-bezier(.02, .01, .21, 1);
        -ms-transition: 300ms 400ms cubic-bezier(.02, .01, .21, 1);
        -webkit-transition: 300ms 400ms cubic-bezier(.02, .01, .21, 1);
        -o-transition: 300ms 400ms cubic-bezier(.02, .01, .21, 1);
        transition: 300ms 400ms cubic-bezier(.02, .01, .21, 1);
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
        opacity: 0;
        display: block;
        margin: auto
    }
    .c_header .overflow-nav__user {
        color: #fff;
        opacity: 0;
        text-align: center;
        display: block;
        margin: 10px 0 0 0;
        font-size: 15px;
        -moz-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-backface-visibility: hidden;
        -moz-transition: 600ms ease-in-out;
        -ms-transition: 600ms ease-in-out;
        -webkit-transition: 600ms ease-in-out;
        -o-transition: 600ms ease-in-out;
        transition: 600ms ease-in-out;
        transition-property: transform, opacity
    }
    .c_header .overflow-nav__links {
        font-size: 18px;
        margin-top: 20px
    }
    .c_header .overflow-nav__links li {
        opacity: 0;
        -moz-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        -moz-transition: 300ms ease-in-out;
        -ms-transition: 300ms ease-in-out;
        -webkit-transition: 300ms ease-in-out;
        -o-transition: 300ms ease-in-out;
        transition: 300ms ease-in-out;
        -webkit-transition-property: transform opacity;
        -moz-transition-property: transform opacity;
        -ms-transition-property: transform opacity;
        -o-transition-property: transform opacity;
        transition-property: transform opacity;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }
	
	
	.c_header__left {
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -moz-flex: initial;
        -ms-flex: initial;
        -o-flex: initial;
        flex: initial;
        min-width: 1px
    }
    .c_header__mobile-spacer {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .c_header__mobile-bt {
        display: block
    }
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../images/fancybox_sprite.png')
}

#fancybox-loading div {
    background: url('../images/fancybox_loading.gif') center center no-repeat
}

.fancybox-overlay {
    background: url('../images/fancybox_overlay.png')
}

.fancybox-wrap .fancybox-skin .fancybox-inner h1:first-child {
    padding: 30px 35px 25px 15px
}

.fancy-box-dialog .fancybox-inner form {
    margin-top: 20px;
    text-align: right
}

.fancy-box-dialog .fancybox-inner form .btn {
    padding-left: 20px;
    padding-right: 20px
}

.fancybox-wrap {
    z-index: 1021
}

.fancybox-opened {
    z-index: 1022
}

#fancybox-loading {
    z-index: 1025
}

.fancybox-close {
    z-index: 1023
}

.fancybox-nav {
    z-index: 1023
}

.fancybox-nav span {
    z-index: 1023
}

.fancybox-overlay {
    z-index: 1020
}

.fancybox-title {
    z-index: 1024
}

.fancybox-title-float-wrap {
    z-index: 1024
}

.fancybox--has-header.fancybox-wrap .fancybox-skin .fancybox-close {
    top: 26px;
    right: 30px
}

.vertical-align {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden
}

.c_hero .hero__label {
    font-weight: bold;
    letter-spacing: -0.4px;
    margin-bottom: 0
}

.c_hero .hero__title {
    color: #fff;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: 30px;
    flex: initial
}

.c_hero .hero__desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    margin-bottom: 10px;
    font-size: 18px
}

.c_hero--carousel {
    position: relative;
    height: 360px
}

.c_hero--carousel .btn-primary {
    min-height: 44px;
    border-radius: 4px;
    background-color: #17aa1c !important;
    font-size: 15px;
    font-weight: 600;
    padding: 12px
}

.c_hero--carousel .btn-primary:hover {
    background-color: #0e600e !important
}

.c_hero--carousel .item {
    -moz-transition: .6s ease-in-out left;
    -ms-transition: .6s ease-in-out left;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
    position: relative;
    height: 100%;
    transition-property: opacity
}

.c_hero--carousel .item--gradient:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-linear-gradient(to left, rgba(24, 26, 29, 0) 20%, rgba(25, 28, 32, 0.6) 100%);
    background: -moz-linear-gradient(to left, rgba(24, 26, 29, 0) 20%, rgba(25, 28, 32, 0.6) 100%);
    background: -ms-linear-gradient(to left, rgba(24, 26, 29, 0) 20%, rgba(25, 28, 32, 0.6) 100%);
    background: -o-linear-gradient(to left, rgba(24, 26, 29, 0) 20%, rgba(25, 28, 32, 0.6) 100%);
    background: linear-gradient(to left, rgba(24, 26, 29, 0) 20%, rgba(25, 28, 32, 0.6) 100%);
    z-index: 1
}

.c_hero--carousel .item__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.c_hero--carousel .carousel__href {
    border-radius: 2px;
    height: 100%;
    font-weight: normal;
    width: 65%;
    position: absolute;
    display: block;
    z-index: 3
}

.c_hero--carousel .carousel__caption {
    height: 100%;
    width: 50%;
    padding: 50px 25px;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    z-index: 2;
    color: #fff;
    display: block
}

.c_hero--carousel .carousel__inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 15px
}

.c_hero--carousel .carousel__inner .item,
.c_hero--carousel .carousel__inner .active.left,
.c_hero--carousel .carousel__inner .active.right {
    opacity: 0
}

.c_hero--carousel .carousel__inner .active,
.c_hero--carousel .carousel__inner .next.left,
.c_hero--carousel .carousel__inner .prev.right {
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.c_hero--carousel .carousel__inner .next,
.c_hero--carousel .carousel__inner .prev,
.c_hero--carousel .carousel__inner .active.left,
.c_hero--carousel .carousel__inner .active.right {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transform: translate3d(0, 0, 0)
}

.c_hero--carousel .carousel-indicators {
    bottom: 25px;
    margin-bottom: 0;
    height: 50px
}

.c_hero--carousel .carousel-indicators li {
    display: inline-block;
    width: 180px;
    height: 50px;
    opacity: .8;
    margin: 0 10px;
    text-indent: -999px;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    -moz-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    -ms-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    -webkit-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    transition: 600ms cubic-bezier(.19, 1, .22, 1);
    background-color: #607489
}

.c_hero--carousel .carousel-indicators li.active {
    opacity: 1;
    border-color: #fff
}

.c_hero--carousel .carousel-indicators--boxed {
    top: 50%;
    width: auto;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    bottom: inherit;
    height: auto;
    left: inherit;
    right: 20px;
    margin: 0;
    z-index: 4
}

.c_hero--carousel .carousel-indicators--boxed li {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
    text-indent: inherit;
    width: 270px;
    height: auto;
    display: block;
    opacity: 1;
    border: none;
    margin-bottom: 0
}

.c_hero--carousel .carousel-indicators--boxed li:not(:last-child) .c_card--mini {
    border-bottom: none
}

.c_hero--carousel .carousel-indicators--boxed li.active .c_card--mini {
    background: #fff
}

.c_hero--carousel .carousel-indicators--boxed .c_card--mini {
    border: 1px solid #cbcbcb;
    text-align: left;
    background: #f1f1f1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    border-radius: 0;
    padding: 6px;
    font-size: 13px;
    font-weight: 600
}

.c_hero--carousel .carousel-indicators--boxed .c_card__image {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.c_hero--carousel .carousel-indicators--boxed .c_card__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_hero--carousel .carousel-control {
    z-index: 2;
    background: none;
    font-size: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    text-shadow: none;
    width: 50px;
    -moz-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    -ms-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    -webkit-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: 600ms cubic-bezier(.19, 1, .22, 1);
    transition: 600ms cubic-bezier(.19, 1, .22, 1)
}

.c_hero--collection {
    height: 420px;
    background-size: cover;
    background-position: center;
    text-align: left;
    color: #fff;
    position: relative
}

.c_hero--collection .container {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    z-index: 2
}

.c_hero--collection:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-linear-gradient(to bottom, rgba(25, 28, 32, 0.4) 40%, rgba(24, 26, 29, 0) 100%);
    background: -moz-linear-gradient(to bottom, rgba(25, 28, 32, 0.4) 40%, rgba(24, 26, 29, 0) 100%);
    background: -ms-linear-gradient(to bottom, rgba(25, 28, 32, 0.4) 40%, rgba(24, 26, 29, 0) 100%);
    background: -o-linear-gradient(to bottom, rgba(25, 28, 32, 0.4) 40%, rgba(24, 26, 29, 0) 100%);
    background: linear-gradient(to bottom, rgba(25, 28, 32, 0.4) 40%, rgba(24, 26, 29, 0) 100%);
    z-index: 1
}

.c_hero--collection__title {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 10px 0
}

.c_hero--collection__desc {
    font-size: 18px;
    margin-bottom: 23px
}

.c_hero__hide-item {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.carousel-fullscreen-sidebar .c_hero .carousel__caption {
    height: 85%
}

@media (max-width:1200px) {
    .c_hero--carousel .carousel__caption,
    .c_hero--carousel .carousel__href {
        width: 55%
    }
    .c_hero--carousel .btn {
        min-height: 44px
    }
    .carousel-fullscreen-sidebar .c_hero .carousel__caption {
        height: 100%
    }
    .carousel-fullscreen-sidebar .c_hero--carousel {
        height: 47vh
    }
}

@media (min-width:992px) and (max-width:1279px) {
    .c_hero .hero__title {
        font-size: 24px
    }
}

@media (max-width:992px) {
    .c_hero .carousel__caption,
    .c_hero .carousel__href {
        padding: 25px;
        height: 290px;
        width: 100%;
        max-width: 100%
    }
    .c_hero--carousel .carousel-control {
        display: none
    }
    .c_hero--carousel .carousel-indicators {
        height: 15px;
        margin-left: 0;
        width: 100%;
        display: block;
        left: 0;
        bottom: 10px;
        top: inherit
    }
    .c_hero--carousel .carousel-indicators li {
        display: inline-block;
        width: 15px;
        height: 15px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%
    }
    .c_hero--carousel .carousel-indicators li.active {
        background: #fff
    }
    .c_hero--carousel .carousel-indicators li .c_card--mini {
        display: none
    }
    .carousel-fullscreen-sidebar .c_hero .carousel__caption {
        height: 65%;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (max-width:480px) {
    .c_hero .carousel__caption {
        text-align: left;
        height: 285px;
        padding: 15px
    }
    .c_hero .carousel__href {
        height: 340px
    }
    .c_hero .hero__title {
        font-size: 25px
    }
    .c_hero .hero__desc {
        font-size: 15px
    }
    .c_hero--carousel {
        height: 250px
    }
    .carousel-fullscreen-sidebar .c_hero .carousel__caption {
        height: 65%;
        padding-bottom: 0;
        padding-top: 0;
        top: 10px;
        transform: translateY(0)
    }
}

.mobile-app-upsell-banner {
    z-index: 99999999999;
    width: 100%;
    text-align: center;
    color: #17aa1c;
    background-color: white;
    position: fixed;
    bottom: 0;
    padding: 20px 10%;
    border-top: 1px solid #dedede
}

.mobile-app-upsell-banner .udi-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: rgba(0, 0, 0, 0.55);
    font-size: 12px
}

.mobile-app-upsell-banner__get-app-btn {
    font-size: 16px
}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.8);
    opacity: 1 !important
}

.modal-backdrop .modal-open {
    overflow-y: auto
}

.generic-modal {
    background-color: transparent !important
}

.generic-modal .close {
    position: absolute;
    right: 10px;
    top: 15px
}

.generic-modal.modal--has-header .fancybox-wrap .fancybox-skin .fancybox-close {
    top: 26px;
    right: 30px
}

.generic-modal .modal-content {
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 1px;
    min-width: 300px;
    position: relative
}

.generic-modal .modal-dialog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    padding: 10vh 0
}

.generic-modal .modal-dialog.fancybox-wrap {
    position: static;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-backface-visibility: hidden
}

@media (max-width:767px) {
    .generic-modal .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: auto
    }
    .generic-modal .modal-content {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%
    }
}

.modal.fade {
    background-color: rgba(1, 1, 1, 0.2)
}

.modal.slide-from-bottom.fade .modal-dialog {
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    transform: translate(0, 25%)
}

.modal.slide-from-bottom.fade.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-content .udi-close {
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    vertical-align: middle
}

.modal-content .title {
    font-weight: bold
}

.modal-content .modal-footer {
    margin-top: 0;
    text-align: right;
    border: none;
    padding-top: 0
}

.modal-dialog {
    cursor: default
}

.modal-sm .modal-content {
    width: 300px
}

.modal-md .modal-content {
    width: 600px
}

.modal-lg .modal-content {
    width: 900px
}

.rzslider {
    display: inline-block;
    position: relative;
    height: 4px;
    width: 100%;
    margin: 35px 0 15px 0;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rzslider.with-legend {
    margin-bottom: 40px
}

.rzslider[disabled] {
    cursor: not-allowed
}

.rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    background-color: #d8e0f3
}

.rzslider span {
    white-space: nowrap;
    position: absolute;
    display: inline-block
}

.rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

.rzslider .rz-bar-wrapper {
    left: 0;
    box-sizing: border-box;
    margin-top: -16px;
    padding-top: 16px;
    width: 100%;
    height: 32px;
    z-index: 1
}

.rzslider .rz-bar-wrapper.rz-draggable {
    cursor: move
}

.rzslider .rz-bar {
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 1;
    background: #d8e0f3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rzslider .rz-bar.rz-selection {
    z-index: 2;
    background: #0db9f0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rzslider .rz-pointer {
    cursor: pointer;
    width: 32px;
    height: 32px;
    top: -14px;
    background-color: #0db9f0;
    z-index: 3;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.rzslider .rz-pointer:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 12px;
    left: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff
}

.rzslider .rz-pointer:hover:after {
    background-color: #fff
}

.rzslider .rz-pointer.rz-active {
    z-index: 4
}

.rzslider .rz-pointer.rz-active:after {
    background-color: #451aff
}

.rzslider .rz-bubble {
    cursor: default;
    bottom: 16px;
    padding: 1px 3px;
    color: #55637d
}

.rzslider .rz-bubble.rz-selection {
    top: 16px
}

.rzslider .rz-bubble.rz-limit {
    color: #55637d
}

.rzslider .rz-ticks {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: -3px;
    margin: 0;
    padding: 0 11px;
    z-index: 1;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rzslider .rz-ticks .rz-tick {
    text-align: center;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #d8e0f3;
    border-radius: 50%
}

.rzslider .rz-ticks .rz-tick.rz-selected {
    background: #0db9f0
}

.rzslider .rz-ticks .rz-tick .rz-tick-value {
    position: absolute;
    top: -30px;
    transform: translate(-50%, 0)
}

.rzslider .rz-ticks .rz-tick .rz-tick-legend {
    position: absolute;
    top: 24px;
    transform: translate(-50%, 0);
    max-width: 50px;
    white-space: normal
}

.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value {
    top: initial;
    bottom: -40px
}

.rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 20px;
    padding: 0;
    vertical-align: baseline
}

.rzslider.rz-vertical .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

.rzslider.rz-vertical .rz-bar-wrapper {
    top: auto;
    left: 0;
    margin: 0 0 0 -16px;
    padding: 0 0 0 16px;
    height: 100%;
    width: 32px
}

.rzslider.rz-vertical .rz-bar {
    bottom: 0;
    left: auto;
    width: 4px;
    height: 100%
}

.rzslider.rz-vertical .rz-pointer {
    left: -14px !important;
    top: auto;
    bottom: 0
}

.rzslider.rz-vertical .rz-bubble {
    left: 16px !important;
    margin-left: 3px;
    bottom: 0
}

.rzslider.rz-vertical .rz-bubble.rz-selection {
    left: 16px !important;
    top: auto
}

.rzslider.rz-vertical .rz-ticks {
    height: 100%;
    width: 0;
    left: -3px;
    top: 0;
    padding: 11px 0;
    z-index: 1;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.rzslider.rz-vertical .rz-ticks .rz-tick {
    vertical-align: middle
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
    left: 22px;
    top: initial;
    transform: translate(0, -28%)
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend {
    top: initial;
    right: 24px;
    transform: translate(0, -28%);
    max-width: none;
    white-space: nowrap
}

.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value {
    bottom: initial;
    left: initial;
    right: 12px
}

.uftPopup {
    position: relative;
    color: #383838;
    width: 760px;
    margin: 20px auto;
    background: #fff;
    border-radius: 4px
}

.landing-page .uftPopup {
    margin: 0;
    border: 0
}

.uftPopup__h1 {
    margin: 0;
    padding: 30px 45px !important;
    display: flex;
    align-items: center;
    border-radius: 4px 4px 0 0;
    background: #f3f3f4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.uftPopup__content {
    padding: 50px
}

.uftPopup__content--slider {
    padding: 30px
}

.uftPopup__per {
    margin-top: 10px;
    color: #3BAF4A;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px
}

.uftPopup__per__small {
    font-weight: normal;
    font-size: 14px
}

.uftPopup__unlimited {
    font-size: 18px
}

.uftPopup__lock {
    font-size: 20px;
    margin-right: 20px
}

.uftPopup__head {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize
}

.uftPopup__btnWrapper {
    margin-top: 50px
}

.uftPopup__btn {
    padding: 15px 70px
}

.uftPopup__header__button__content {
    background: #1e78d4;
    color: #fff !important
}

.uftPopup__header__button__content:hover,
.uftPopup__header__button__content:focus {
    background-color: #1b6ec2
}

.uftPopup__header__button__content:active {
    background-color: #1a69b9
}

.uftPopup__heading__inner {
    margin-left: 10px
}

.uftPopup__heading--med {
    margin: 10px 0 0 15px;
    padding: 0;
    color: #1a1718;
    font-size: 18px
}

.uftPopup__slider {
    margin-top: 35px;
    padding-left: 15px;
    display: flex
}

.uftPopup__slider__left {
    flex: 1
}

.uftPopup__slider__right__copy {
    font-size: 11px;
    text-align: center;
    padding-left: 30px;
    margin-top: -15px;
    display: inline-block;
    color: #4a90e2
}

.uftPopup__nums {
    margin: 50px 15px 30px
}

.uftPopup__nums__head {
    margin: 0;
    padding: 0;
    color: #1a1718;
    font-size: 18px
}

.uftPopup__nums__total {
    font-size: 32px;
    font-weight: bold
}

.uftPopup__submit {
    padding: 15px 30px !important
}

.uftPopup__cancel {
    border: 0;
    margin-right: 35px
}

.uftPopup .rzslider .rz-bar {
    background: #d8d8d8
}

.uftPopup .rzslider .rz-ticks .rz-tick {
    background: transparent
}

.uftPopup .rzslider .rz-ticks .rz-tick .rz-tick-value {
    top: -45px;
    font-size: 15px
}

.uftPopup .rzslider .rz-ticks .rz-tick:nth-child(5n+1) .rz-tick-value {
    font-size: 18px;
    font-weight: bold;
    margin-top: -2px
}

.uftPopup .rzslider .rz-pointer {
    background: #17aa1c;
    width: 28px;
    height: 28px
}

.uftPopup .rzslider .rz-pointer:after {
    display: none
}

.uftPopup .rzslider .rz-pointer:before {
    content: '';
    position: absolute;
    top: -13px;
    left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 24px 9px;
    border-color: transparent transparent #17aa1c
}

.uftPopup .rzslider .rz-pointer:focus {
    outline: none
}

.uftPopup__error {
    background: #fad5ce;
    margin: 20px 0 0 15px;
    padding: 10px 10px;
    display: flex
}

.uftPopup__error__icon {
    color: #d0021b;
    font-size: 20px
}

.uftPopup__error__right {
    margin-left: 15px;
    flex: 1
}

.uftPopup__error__link {
    text-decoration: underline
}

.uftPopup__footer {
    margin-top: 70px;
    text-align: right
}

.uftModal__submit {
    padding: 15px 30px
}

.uftModal__cancel {
    margin-right: 20px;
    border: 0;
    padding: 15px 30px
}

.organization .fancybox-wrap .fancybox-skin .fancybox-close {
    font-size: 36px;
    text-shadow: 0 1px 0 #fff;
    font-weight: 200;
    outline: none;
    color: rgba(0, 0, 0, 0.25);
    right: 20px;
    background: transparent;
    top: 10px
}

.organization .fancybox-wrap .fancybox-skin .fancybox-close:before {
    display: none
}

.organization .fancybox-wrap .fancybox-skin .fancybox-close:after {
    content: '×'
}

.uftPopup__loader {
    position: absolute;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px
}

@media (max-width:767px) {
    .uftPopup {
        width: 100%;
        margin: 0;
        border-radius: 0
    }
    .uftPopup__content {
        padding: 10px
    }
    .uftPopup__h1 {
        padding: 15px !important;
        border-radius: 0
    }
    .uftPopup__slider {
        display: block
    }
    .uftPopup__slider__right__copy {
        padding-left: 0;
        margin-top: 10px;
        display: inherit
    }
    .uftPopup__footer {
        text-align: center
    }
    .uftModal__cancel {
        margin-right: 0
    }
    .organization .fancybox-wrap .fancybox-skin .fancybox-close {
        top: 0
    }
}

.v5-table-flat {
    width: 100%;
    border-collapse: collapse
}

.v5-table-flat tr {
    border-bottom: 1px solid #bfbfbf
}

.v5-table-flat tr th {
    white-space: nowrap
}

.v5-table-flat tr th.orderable {
    overflow: hidden
}

.v5-table-flat tr th.orderable a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    position: relative;
    max-width: 100%;
    padding-right: 20px;
    font-weight: 600;
    color: #000000
}

.v5-table-flat tr th.orderable a:after {
    font-family: cocon, 'UdemyIcons';
    position: absolute;
    right: 0;
    content: "\f077";
    padding-left: 10px;
    font-weight: normal;
    color: #bfbfbf
}

.v5-table-flat tr th.orderable.asc a:after,
.v5-table-flat tr th.orderable.desc a:after {
    color: #17aa1c
}

.v5-table-flat tr th.orderable.asc a:after {
    content: "\f077"
}

.v5-table-flat tr th.orderable.desc a:after {
    content: "\f078"
}

.v5-table-flat tr td,
.v5-table-flat tr th {
    padding: 15px 15px
}

.v5-table-flat tr td:first-child,
.v5-table-flat tr th:first-child {
    padding-left: 20px
}

.v5-table-flat tr td:last-child,
.v5-table-flat tr th:last-child {
    padding-right: 30px
}

.v5-table-flat tr.even {
    background: #fcfcfc
}

.v5-table-flat tr:first-child td {
    padding-top: 30px
}

.v5-table-flat:not(.v5-table-flat--no-responsive) {
    table-layout: auto
}

@media only screen and (max-width:768px) {
    .v5-table-flat:not(.v5-table-flat--no-responsive).v5-table-flat--layout-fixed {
        table-layout: auto
    }
    .v5-table-flat:not(.v5-table-flat--no-responsive) thead {
        display: none
    }
    .v5-table-flat:not(.v5-table-flat--no-responsive) tbody tr {
        margin-top: 20px;
        text-align: center
    }
    .v5-table-flat:not(.v5-table-flat--no-responsive) tbody tr,
    .v5-table-flat:not(.v5-table-flat--no-responsive) tbody tr td,
    .v5-table-flat:not(.v5-table-flat--no-responsive) tbody tr:first-child td {
        display: block;
        padding-top: 0;
        width: 100% !important
    }
}

.v5-table-flat.v5-table-flat--layout-fixed {
    table-layout: fixed
}

.v5-table-flat--selectable tbody tr:not(.no-action):hover {
    background: #fcfcfc;
    cursor: pointer
}

.v5-table-flat--same-height tr:first-child td {
    padding-top: 15px
}

.v5-table-flat--no-border {
    border: none
}

.v5-table-flat--no-border tr {
    border-bottom: none
}

.v5-table-flat--compress tr td,
.v5-table-flat--compress tr th {
    padding: 10px 5px
}

.v5-table-flat--compress tr td:first-child,
.v5-table-flat--compress tr th:first-child {
    padding-left: 0
}

.v5-table-flat--compress tr td:last-child,
.v5-table-flat--compress tr th:last-child {
    padding-right: 0
}

.v5-table-flat--compress tr:first-child td {
    padding-top: 15px
}

@media only screen and (max-width:1200px) {
    .fx-lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-lg {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-lg {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-lg {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .fxjsa-lg {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around
    }
    .fxjsb-lg {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
    .fxjc-lg {
        width: 100%;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fxc-lg {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fdrr-lg {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .ellipsis-lg {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-lg {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-lg {
        white-space: normal
    }
    .wsn-force-lg {
        white-space: normal !important
    }
    .db-lg {
        display: block
    }
    .db-force-lg {
        display: block !important
    }
    .dib-lg {
        display: inline-block
    }
    .dib-force-lg {
        display: inline-block !important
    }
    .dn-lg {
        display: none
    }
    .dn-force-lg {
        display: none !important
    }
    .inline-blocks-lg {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-lg>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .fn-lg {
        float: none
    }
    .fn-force-lg {
        float: none !important
    }
    .pos-a-lg {
        position: absolute
    }
    .pos-a-force-lg {
        position: absolute !important
    }
    .pos-r-lg {
        position: relative
    }
    .pos-r-force-lg {
        position: relative !important
    }
    .pos-f-lg {
        position: fixed
    }
    .pos-f-force-lg {
        position: fixed !important
    }
    .leftauto-lg {
        left: auto
    }
    .leftauto-force-lg {
        left: auto !important
    }
    .r0-lg {
        right: 0
    }
    .r0-force-lg {
        right: 0 !important
    }
    .right15-lg {
        right: 15px
    }
    .right15-force-lg {
        right: 15px !important
    }
    .bottom100-lg {
        bottom: 100%
    }
    .bottom100-force-lg {
        bottom: 100% !important
    }
    .tac-lg {
        text-align: center
    }
    .tac-force-lg {
        text-align: center !important
    }
    .tal-lg {
        text-align: left
    }
    .tal-force-lg {
        text-align: left !important
    }
    .tar-lg {
        text-align: right
    }
    .tar-force-lg {
        text-align: right !important
    }
    .wa-lg {
        width: auto
    }
    .wa-force-lg {
        width: auto !important
    }
    .mw0-lg {
        min-width: 0
    }
    .mw0-force-lg {
        min-width: 0 !important
    }
    .mw25-lg {
        min-width: 25px
    }
    .mw25-force-lg {
        min-width: 25px !important
    }
    .mwn-lg {
        max-width: none
    }
    .mwn-force-lg {
        max-width: none !important
    }
    .maxw96p-lg {
        max-width: 96%
    }
    .maxw96p-force-lg {
        max-width: 96% !important
    }
    .w100p-lg {
        width: 100%
    }
    .w100p-force-lg {
        width: 100% !important
    }
    .w80p-lg {
        width: 80%
    }
    .w80p-force-lg {
        width: 80% !important
    }
    .w60-lg {
        width: 60px
    }
    .w60-force-lg {
        width: 60px !important
    }
    .w70-lg {
        width: 70px
    }
    .w70-force-lg {
        width: 70px !important
    }
    .w80-lg {
        width: 80px
    }
    .w80-force-lg {
        width: 80px !important
    }
    .w85-lg {
        width: 85px
    }
    .w85-force-lg {
        width: 85px !important
    }
    .w90-lg {
        width: 90px
    }
    .w90-force-lg {
        width: 90px !important
    }
    .w95-lg {
        width: 95px
    }
    .w95-force-lg {
        width: 95px !important
    }
    .w97-lg {
        width: 97px
    }
    .w97-force-lg {
        width: 97px !important
    }
    .w100-lg {
        width: 100px
    }
    .w100-force-lg {
        width: 100px !important
    }
    .w110-lg {
        width: 110px
    }
    .w110-force-lg {
        width: 110px !important
    }
    .w150-lg {
        width: 150px
    }
    .w150-force-lg {
        width: 150px !important
    }
    .w160-lg {
        width: 160px
    }
    .w160-force-lg {
        width: 160px !important
    }
    .w290-lg {
        width: 290px
    }
    .w290-force-lg {
        width: 290px !important
    }
    .w340-lg {
        width: 340px
    }
    .w340-force-lg {
        width: 340px !important
    }
    .w355-lg {
        width: 355px
    }
    .w355-force-lg {
        width: 355px !important
    }
    .w800-lg {
        width: 800px
    }
    .w800-force-lg {
        width: 800px !important
    }
    .ha-lg {
        height: auto
    }
    .ha-force-lg {
        height: auto !important
    }
    .mhi-lg {
        max-height: inherit
    }
    .mhi-force-lg {
        max-height: inherit !important
    }
    .mh0-lg {
        min-height: 0
    }
    .mh0-force-lg {
        min-height: 0 !important
    }
    .mh290-lg {
        min-height: 290px
    }
    .mh290-force-lg {
        min-height: 290px !important
    }
    .ma-lg {
        margin: auto
    }
    .ma-force-lg {
        margin: auto !important
    }
    .m0-lg {
        margin: 0
    }
    .m0-force-lg {
        margin: 0 !important
    }
    .m10-lg {
        margin: 10px
    }
    .m10-force-lg {
        margin: 10px !important
    }
    .m40-lg {
        margin: 40px
    }
    .m40-force-lg {
        margin: 40px !important
    }
    .mt0-lg {
        margin-top: 0
    }
    .mt0-force-lg {
        margin-top: 0 !important
    }
    .mt3-lg {
        margin-top: 3px
    }
    .mt3-force-lg {
        margin-top: 3px !important
    }
    .mt5-lg {
        margin-top: 5px
    }
    .mt5-force-lg {
        margin-top: 5px !important
    }
    .mt10-lg {
        margin-top: 10px
    }
    .mt10-force-lg {
        margin-top: 10px !important
    }
    .mt15-lg {
        margin-top: 15px
    }
    .mt15-force-lg {
        margin-top: 15px !important
    }
    .mt20-lg {
        margin-top: 20px
    }
    .mt20-force-lg {
        margin-top: 20px !important
    }
    .mt40-lg {
        margin-top: 40px
    }
    .mt40-force-lg {
        margin-top: 40px !important
    }
    .mr0-lg {
        margin-right: 0
    }
    .mr0-force-lg {
        margin-right: 0 !important
    }
    .mr5-lg {
        margin-right: 5px
    }
    .mr5-force-lg {
        margin-right: 5px !important
    }
    .mr10-lg {
        margin-right: 10px
    }
    .mr10-force-lg {
        margin-right: 10px !important
    }
    .mr20-lg {
        margin-right: 20px
    }
    .mr20-force-lg {
        margin-right: 20px !important
    }
    .mb0-lg {
        margin-bottom: 0
    }
    .mb0-force-lg {
        margin-bottom: 0 !important
    }
    .mb1-lg {
        margin-bottom: 1px
    }
    .mb1-force-lg {
        margin-bottom: 1px !important
    }
    .mb5-lg {
        margin-bottom: 5px
    }
    .mb5-force-lg {
        margin-bottom: 5px !important
    }
    .mb10-lg {
        margin-bottom: 10px
    }
    .mb10-force-lg {
        margin-bottom: 10px !important
    }
    .mb20-lg {
        margin-bottom: 20px
    }
    .mb20-force-lg {
        margin-bottom: 20px !important
    }
    .mb30-lg {
        margin-bottom: 30px
    }
    .mb30-force-lg {
        margin-bottom: 30px !important
    }
    .mb35-lg {
        margin-bottom: 35px
    }
    .mb35-force-lg {
        margin-bottom: 35px !important
    }
    .mb40-lg {
        margin-bottom: 40px
    }
    .mb40-force-lg {
        margin-bottom: 40px !important
    }
    .ml0-lg {
        margin-left: 0
    }
    .ml0-force-lg {
        margin-left: 0 !important
    }
    .ml40-lg {
        margin-left: 40px
    }
    .ml40-force-lg {
        margin-left: 40px !important
    }
    .m0-0_5-lg {
        margin: 0 .5px
    }
    .m0-0_5-force-lg {
        margin: 0 .5px !important
    }
    .m0-10-lg {
        margin: 0 10px
    }
    .m0-10-force-lg {
        margin: 0 10px !important
    }
    .m0-20-lg {
        margin: 0 20px
    }
    .m0-20-force-lg {
        margin: 0 20px !important
    }
    .m0-40-lg {
        margin: 0 40px
    }
    .m0-40-force-lg {
        margin: 0 40px !important
    }
    .m5-30-lg {
        margin: 5px 30px
    }
    .m5-30-force-lg {
        margin: 5px 30px !important
    }
    .m10-a-lg {
        margin: 10px auto
    }
    .m10-a-force-lg {
        margin: 10px auto !important
    }
    .m20-a-lg {
        margin: 20px auto
    }
    .m20-a-force-lg {
        margin: 20px auto !important
    }
    .m30-20-lg {
        margin: 30px 20px
    }
    .m30-20-force-lg {
        margin: 30px 20px !important
    }
    .m30-10-lg {
        margin: 30px 10px
    }
    .m30-10-force-lg {
        margin: 30px 10px !important
    }
    .p0-lg {
        padding: 0
    }
    .p0-force-lg {
        padding: 0 !important
    }
    .p5-lg {
        padding: 5px
    }
    .p5-force-lg {
        padding: 5px !important
    }
    .p10-lg {
        padding: 10px
    }
    .p10-force-lg {
        padding: 10px !important
    }
    .p15-lg {
        padding: 15px
    }
    .p15-force-lg {
        padding: 15px !important
    }
    .p20-lg {
        padding: 20px
    }
    .p20-force-lg {
        padding: 20px !important
    }
    .pt0-lg {
        padding-top: 0
    }
    .pt0-force-lg {
        padding-top: 0 !important
    }
    .pt5-lg {
        padding-top: 5px
    }
    .pt5-force-lg {
        padding-top: 5px !important
    }
    .pt20-lg {
        padding-top: 20px
    }
    .pt20-force-lg {
        padding-top: 20px !important
    }
    .pt30-lg {
        padding-top: 30px
    }
    .pt30-force-lg {
        padding-top: 30px !important
    }
    .pt50-lg {
        padding-top: 50px
    }
    .pt50-force-lg {
        padding-top: 50px !important
    }
    .pr0-lg {
        padding-right: 0
    }
    .pr0-force-lg {
        padding-right: 0 !important
    }
    .pr5-lg {
        padding-right: 5px
    }
    .pr5-force-lg {
        padding-right: 5px !important
    }
    .pr10-lg {
        padding-right: 10px
    }
    .pr10-force-lg {
        padding-right: 10px !important
    }
    .pb10-lg {
        padding-bottom: 10px
    }
    .pb10-force-lg {
        padding-bottom: 10px !important
    }
    .pb20-lg {
        padding-bottom: 20px
    }
    .pb20-force-lg {
        padding-bottom: 20px !important
    }
    .pb30-lg {
        padding-bottom: 30px
    }
    .pb30-force-lg {
        padding-bottom: 30px !important
    }
    .pb50-lg {
        padding-bottom: 50px
    }
    .pb50-force-lg {
        padding-bottom: 50px !important
    }
    .pl0-lg {
        padding-left: 0
    }
    .pl0-force-lg {
        padding-left: 0 !important
    }
    .pl5-lg {
        padding-left: 5px
    }
    .pl5-force-lg {
        padding-left: 5px !important
    }
    .pl10-lg {
        padding-left: 10px
    }
    .pl10-force-lg {
        padding-left: 10px !important
    }
    .p0-5-lg {
        padding: 0 5px
    }
    .p0-5-force-lg {
        padding: 0 5px !important
    }
    .p0-10-lg {
        padding: 0 10px
    }
    .p0-10-force-lg {
        padding: 0 10px !important
    }
    .p0-30-lg {
        padding: 0 30px
    }
    .p0-30-force-lg {
        padding: 0 30px !important
    }
    .p4-5-lg {
        padding: 4px 5px
    }
    .p4-5-force-lg {
        padding: 4px 5px !important
    }
    .p10-0-lg {
        padding: 10px 0
    }
    .p10-0-force-lg {
        padding: 10px 0 !important
    }
    .p10-80-lg {
        padding: 10px 80px
    }
    .p10-80-force-lg {
        padding: 10px 80px !important
    }
    .p20-0-lg {
        padding: 20px 0
    }
    .p20-0-force-lg {
        padding: 20px 0 !important
    }
    .fs10-lg {
        font-size: 10px
    }
    .fs10-force-lg {
        font-size: 10px !important
    }
    .fs11-lg {
        font-size: 11px
    }
    .fs11-force-lg {
        font-size: 11px !important
    }
    .fs12-lg {
        font-size: 12px
    }
    .fs12-force-lg {
        font-size: 12px !important
    }
    .fs13-lg {
        font-size: 13px
    }
    .fs13-force-lg {
        font-size: 13px !important
    }
    .fs14-lg {
        font-size: 14px
    }
    .fs14-force-lg {
        font-size: 14px !important
    }
    .fs16-lg {
        font-size: 16px
    }
    .fs16-force-lg {
        font-size: 16px !important
    }
    .fs18-lg {
        font-size: 18px
    }
    .fs18-force-lg {
        font-size: 18px !important
    }
    .fs20-lg {
        font-size: 20px
    }
    .fs20-force-lg {
        font-size: 20px !important
    }
    .fs28-lg {
        font-size: 28px
    }
    .fs28-force-lg {
        font-size: 28px !important
    }
    .fs30-lg {
        font-size: 30px
    }
    .fs30-force-lg {
        font-size: 30px !important
    }
    .fs40-lg {
        font-size: 40px
    }
    .fs40-force-lg {
        font-size: 40px !important
    }
    .no-border-lg {
        border: 0
    }
    .no-border-force-lg {
        border: 0 !important
    }
    .b0-lg {
        border: 0
    }
    .b0-force-lg {
        border: 0 !important
    }
    .highlight-light-lg {
        background: rgba(255, 255, 255, 0.2)
    }
    .highlight-light-force-lg {
        background: rgba(255, 255, 255, 0.2) !important
    }
    .flex-wrap-lg {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-lg {
        -webkit-flex-flow: row wrap !important
    }
    .flex-wrap-lg {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-lg {
        -ms-flex-flow: row wrap !important
    }
    .flex-wrap-lg {
        flex-wrap: wrap
    }
    .flex-wrap-force-lg {
        flex-wrap: wrap !important
    }
    .fs0-lg {
        font-size: 0
    }
    .fs0-force-lg {
        font-size: 0 !important
    }
    .bgimg-none-lg {
        background-image: none
    }
    .bgimg-none-force-lg {
        background-image: none !important
    }
    .nobg-lg {
        background: none
    }
    .nobg-force-lg {
        background: none !important
    }
    .no-border-lg {
        border: 0
    }
    .no-border-force-lg {
        border: 0 !important
    }
    .lh18-lg {
        line-height: 1.8
    }
    .lh18-force-lg {
        line-height: 1.8 !important
    }
    .pt0-lg {
        padding-top: 0
    }
    .pt0-force-lg {
        padding-top: 0 !important
    }
    .m20-a-lg {
        margin: 20px auto
    }
    .m20-a-force-lg {
        margin: 20px auto !important
    }
    .m10-a-lg {
        margin: 10px auto
    }
    .m10-a-force-lg {
        margin: 10px auto !important
    }
    .ml10-lg {
        margin-left: 10px
    }
    .ml10-force-lg {
        margin-left: 10px !important
    }
    .black_op8-lg {
        color: rgba(0, 0, 0, 0.8)
    }
    .black_op8-force-lg {
        color: rgba(0, 0, 0, 0.8) !important
    }
    .wsn-lg {
        white-space: normal
    }
    .wsn-force-lg {
        white-space: normal !important
    }
}

@media only screen and (max-width:992px) {
    .fx-md {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-md {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-md {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-md {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .fxjsa-md {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around
    }
    .fxjsb-md {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
    .fxjc-md {
        width: 100%;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fxc-md {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fdrr-md {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .ellipsis-md {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-md {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-md {
        white-space: normal
    }
    .wsn-force-md {
        white-space: normal !important
    }
    .db-md {
        display: block
    }
    .db-force-md {
        display: block !important
    }
    .dib-md {
        display: inline-block
    }
    .dib-force-md {
        display: inline-block !important
    }
    .dn-md {
        display: none
    }
    .dn-force-md {
        display: none !important
    }
    .inline-blocks-md {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-md>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .fn-md {
        float: none
    }
    .fn-force-md {
        float: none !important
    }
    .pos-a-md {
        position: absolute
    }
    .pos-a-force-md {
        position: absolute !important
    }
    .pos-r-md {
        position: relative
    }
    .pos-r-force-md {
        position: relative !important
    }
    .pos-f-md {
        position: fixed
    }
    .pos-f-force-md {
        position: fixed !important
    }
    .leftauto-md {
        left: auto
    }
    .leftauto-force-md {
        left: auto !important
    }
    .r0-md {
        right: 0
    }
    .r0-force-md {
        right: 0 !important
    }
    .right15-md {
        right: 15px
    }
    .right15-force-md {
        right: 15px !important
    }
    .bottom100-md {
        bottom: 100%
    }
    .bottom100-force-md {
        bottom: 100% !important
    }
    .tac-md {
        text-align: center
    }
    .tac-force-md {
        text-align: center !important
    }
    .tal-md {
        text-align: left
    }
    .tal-force-md {
        text-align: left !important
    }
    .tar-md {
        text-align: right
    }
    .tar-force-md {
        text-align: right !important
    }
    .wa-md {
        width: auto
    }
    .wa-force-md {
        width: auto !important
    }
    .mw0-md {
        min-width: 0
    }
    .mw0-force-md {
        min-width: 0 !important
    }
    .mw25-md {
        min-width: 25px
    }
    .mw25-force-md {
        min-width: 25px !important
    }
    .mwn-md {
        max-width: none
    }
    .mwn-force-md {
        max-width: none !important
    }
    .maxw96p-md {
        max-width: 96%
    }
    .maxw96p-force-md {
        max-width: 96% !important
    }
    .w100p-md {
        width: 100%
    }
    .w100p-force-md {
        width: 100% !important
    }
    .w80p-md {
        width: 80%
    }
    .w80p-force-md {
        width: 80% !important
    }
    .w60-md {
        width: 60px
    }
    .w60-force-md {
        width: 60px !important
    }
    .w70-md {
        width: 70px
    }
    .w70-force-md {
        width: 70px !important
    }
    .w80-md {
        width: 80px
    }
    .w80-force-md {
        width: 80px !important
    }
    .w85-md {
        width: 85px
    }
    .w85-force-md {
        width: 85px !important
    }
    .w90-md {
        width: 90px
    }
    .w90-force-md {
        width: 90px !important
    }
    .w95-md {
        width: 95px
    }
    .w95-force-md {
        width: 95px !important
    }
    .w97-md {
        width: 97px
    }
    .w97-force-md {
        width: 97px !important
    }
    .w100-md {
        width: 100px
    }
    .w100-force-md {
        width: 100px !important
    }
    .w110-md {
        width: 110px
    }
    .w110-force-md {
        width: 110px !important
    }
    .w150-md {
        width: 150px
    }
    .w150-force-md {
        width: 150px !important
    }
    .w160-md {
        width: 160px
    }
    .w160-force-md {
        width: 160px !important
    }
    .w290-md {
        width: 290px
    }
    .w290-force-md {
        width: 290px !important
    }
    .w340-md {
        width: 340px
    }
    .w340-force-md {
        width: 340px !important
    }
    .w355-md {
        width: 355px
    }
    .w355-force-md {
        width: 355px !important
    }
    .w800-md {
        width: 800px
    }
    .w800-force-md {
        width: 800px !important
    }
    .ha-md {
        height: auto
    }
    .ha-force-md {
        height: auto !important
    }
    .mhi-md {
        max-height: inherit
    }
    .mhi-force-md {
        max-height: inherit !important
    }
    .mh0-md {
        min-height: 0
    }
    .mh0-force-md {
        min-height: 0 !important
    }
    .mh290-md {
        min-height: 290px
    }
    .mh290-force-md {
        min-height: 290px !important
    }
    .ma-md {
        margin: auto
    }
    .ma-force-md {
        margin: auto !important
    }
    .m0-md {
        margin: 0
    }
    .m0-force-md {
        margin: 0 !important
    }
    .m10-md {
        margin: 10px
    }
    .m10-force-md {
        margin: 10px !important
    }
    .m40-md {
        margin: 40px
    }
    .m40-force-md {
        margin: 40px !important
    }
    .mt0-md {
        margin-top: 0
    }
    .mt0-force-md {
        margin-top: 0 !important
    }
    .mt3-md {
        margin-top: 3px
    }
    .mt3-force-md {
        margin-top: 3px !important
    }
    .mt5-md {
        margin-top: 5px
    }
    .mt5-force-md {
        margin-top: 5px !important
    }
    .mt10-md {
        margin-top: 10px
    }
    .mt10-force-md {
        margin-top: 10px !important
    }
    .mt15-md {
        margin-top: 15px
    }
    .mt15-force-md {
        margin-top: 15px !important
    }
    .mt20-md {
        margin-top: 20px
    }
    .mt20-force-md {
        margin-top: 20px !important
    }
    .mt40-md {
        margin-top: 40px
    }
    .mt40-force-md {
        margin-top: 40px !important
    }
    .mr0-md {
        margin-right: 0
    }
    .mr0-force-md {
        margin-right: 0 !important
    }
    .mr5-md {
        margin-right: 5px
    }
    .mr5-force-md {
        margin-right: 5px !important
    }
    .mr10-md {
        margin-right: 10px
    }
    .mr10-force-md {
        margin-right: 10px !important
    }
    .mr20-md {
        margin-right: 20px
    }
    .mr20-force-md {
        margin-right: 20px !important
    }
    .mb0-md {
        margin-bottom: 0
    }
    .mb0-force-md {
        margin-bottom: 0 !important
    }
    .mb1-md {
        margin-bottom: 1px
    }
    .mb1-force-md {
        margin-bottom: 1px !important
    }
    .mb5-md {
        margin-bottom: 5px
    }
    .mb5-force-md {
        margin-bottom: 5px !important
    }
    .mb10-md {
        margin-bottom: 10px
    }
    .mb10-force-md {
        margin-bottom: 10px !important
    }
    .mb20-md {
        margin-bottom: 20px
    }
    .mb20-force-md {
        margin-bottom: 20px !important
    }
    .mb30-md {
        margin-bottom: 30px
    }
    .mb30-force-md {
        margin-bottom: 30px !important
    }
    .mb35-md {
        margin-bottom: 35px
    }
    .mb35-force-md {
        margin-bottom: 35px !important
    }
    .mb40-md {
        margin-bottom: 40px
    }
    .mb40-force-md {
        margin-bottom: 40px !important
    }
    .ml0-md {
        margin-left: 0
    }
    .ml0-force-md {
        margin-left: 0 !important
    }
    .ml40-md {
        margin-left: 40px
    }
    .ml40-force-md {
        margin-left: 40px !important
    }
    .m0-0_5-md {
        margin: 0 .5px
    }
    .m0-0_5-force-md {
        margin: 0 .5px !important
    }
    .m0-10-md {
        margin: 0 10px
    }
    .m0-10-force-md {
        margin: 0 10px !important
    }
    .m0-20-md {
        margin: 0 20px
    }
    .m0-20-force-md {
        margin: 0 20px !important
    }
    .m0-40-md {
        margin: 0 40px
    }
    .m0-40-force-md {
        margin: 0 40px !important
    }
    .m5-30-md {
        margin: 5px 30px
    }
    .m5-30-force-md {
        margin: 5px 30px !important
    }
    .m10-a-md {
        margin: 10px auto
    }
    .m10-a-force-md {
        margin: 10px auto !important
    }
    .m20-a-md {
        margin: 20px auto
    }
    .m20-a-force-md {
        margin: 20px auto !important
    }
    .m30-20-md {
        margin: 30px 20px
    }
    .m30-20-force-md {
        margin: 30px 20px !important
    }
    .m30-10-md {
        margin: 30px 10px
    }
    .m30-10-force-md {
        margin: 30px 10px !important
    }
    .p0-md {
        padding: 0
    }
    .p0-force-md {
        padding: 0 !important
    }
    .p5-md {
        padding: 5px
    }
    .p5-force-md {
        padding: 5px !important
    }
    .p10-md {
        padding: 10px
    }
    .p10-force-md {
        padding: 10px !important
    }
    .p15-md {
        padding: 15px
    }
    .p15-force-md {
        padding: 15px !important
    }
    .p20-md {
        padding: 20px
    }
    .p20-force-md {
        padding: 20px !important
    }
    .pt0-md {
        padding-top: 0
    }
    .pt0-force-md {
        padding-top: 0 !important
    }
    .pt5-md {
        padding-top: 5px
    }
    .pt5-force-md {
        padding-top: 5px !important
    }
    .pt20-md {
        padding-top: 20px
    }
    .pt20-force-md {
        padding-top: 20px !important
    }
    .pt30-md {
        padding-top: 30px
    }
    .pt30-force-md {
        padding-top: 30px !important
    }
    .pt50-md {
        padding-top: 50px
    }
    .pt50-force-md {
        padding-top: 50px !important
    }
    .pr0-md {
        padding-right: 0
    }
    .pr0-force-md {
        padding-right: 0 !important
    }
    .pr5-md {
        padding-right: 5px
    }
    .pr5-force-md {
        padding-right: 5px !important
    }
    .pr10-md {
        padding-right: 10px
    }
    .pr10-force-md {
        padding-right: 10px !important
    }
    .pb10-md {
        padding-bottom: 10px
    }
    .pb10-force-md {
        padding-bottom: 10px !important
    }
    .pb20-md {
        padding-bottom: 20px
    }
    .pb20-force-md {
        padding-bottom: 20px !important
    }
    .pb30-md {
        padding-bottom: 30px
    }
    .pb30-force-md {
        padding-bottom: 30px !important
    }
    .pb50-md {
        padding-bottom: 50px
    }
    .pb50-force-md {
        padding-bottom: 50px !important
    }
    .pl0-md {
        padding-left: 0
    }
    .pl0-force-md {
        padding-left: 0 !important
    }
    .pl5-md {
        padding-left: 5px
    }
    .pl5-force-md {
        padding-left: 5px !important
    }
    .pl10-md {
        padding-left: 10px
    }
    .pl10-force-md {
        padding-left: 10px !important
    }
    .p0-5-md {
        padding: 0 5px
    }
    .p0-5-force-md {
        padding: 0 5px !important
    }
    .p0-10-md {
        padding: 0 10px
    }
    .p0-10-force-md {
        padding: 0 10px !important
    }
    .p0-30-md {
        padding: 0 30px
    }
    .p0-30-force-md {
        padding: 0 30px !important
    }
    .p4-5-md {
        padding: 4px 5px
    }
    .p4-5-force-md {
        padding: 4px 5px !important
    }
    .p10-0-md {
        padding: 10px 0
    }
    .p10-0-force-md {
        padding: 10px 0 !important
    }
    .p10-80-md {
        padding: 10px 80px
    }
    .p10-80-force-md {
        padding: 10px 80px !important
    }
    .p20-0-md {
        padding: 20px 0
    }
    .p20-0-force-md {
        padding: 20px 0 !important
    }
    .fs10-md {
        font-size: 10px
    }
    .fs10-force-md {
        font-size: 10px !important
    }
    .fs11-md {
        font-size: 11px
    }
    .fs11-force-md {
        font-size: 11px !important
    }
    .fs12-md {
        font-size: 12px
    }
    .fs12-force-md {
        font-size: 12px !important
    }
    .fs13-md {
        font-size: 13px
    }
    .fs13-force-md {
        font-size: 13px !important
    }
    .fs14-md {
        font-size: 14px
    }
    .fs14-force-md {
        font-size: 14px !important
    }
    .fs16-md {
        font-size: 16px
    }
    .fs16-force-md {
        font-size: 16px !important
    }
    .fs18-md {
        font-size: 18px
    }
    .fs18-force-md {
        font-size: 18px !important
    }
    .fs20-md {
        font-size: 20px
    }
    .fs20-force-md {
        font-size: 20px !important
    }
    .fs28-md {
        font-size: 28px
    }
    .fs28-force-md {
        font-size: 28px !important
    }
    .fs30-md {
        font-size: 30px
    }
    .fs30-force-md {
        font-size: 30px !important
    }
    .fs40-md {
        font-size: 40px
    }
    .fs40-force-md {
        font-size: 40px !important
    }
    .no-border-md {
        border: 0
    }
    .no-border-force-md {
        border: 0 !important
    }
    .b0-md {
        border: 0
    }
    .b0-force-md {
        border: 0 !important
    }
    .highlight-light-md {
        background: rgba(255, 255, 255, 0.2)
    }
    .highlight-light-force-md {
        background: rgba(255, 255, 255, 0.2) !important
    }
    .flex-wrap-md {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-md {
        -webkit-flex-flow: row wrap !important
    }
    .flex-wrap-md {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-md {
        -ms-flex-flow: row wrap !important
    }
    .flex-wrap-md {
        flex-wrap: wrap
    }
    .flex-wrap-force-md {
        flex-wrap: wrap !important
    }
    .fs0-md {
        font-size: 0
    }
    .fs0-force-md {
        font-size: 0 !important
    }
    .bgimg-none-md {
        background-image: none
    }
    .bgimg-none-force-md {
        background-image: none !important
    }
    .nobg-md {
        background: none
    }
    .nobg-force-md {
        background: none !important
    }
    .no-border-md {
        border: 0
    }
    .no-border-force-md {
        border: 0 !important
    }
    .lh18-md {
        line-height: 1.8
    }
    .lh18-force-md {
        line-height: 1.8 !important
    }
    .pt0-md {
        padding-top: 0
    }
    .pt0-force-md {
        padding-top: 0 !important
    }
    .m20-a-md {
        margin: 20px auto
    }
    .m20-a-force-md {
        margin: 20px auto !important
    }
    .m10-a-md {
        margin: 10px auto
    }
    .m10-a-force-md {
        margin: 10px auto !important
    }
    .ml10-md {
        margin-left: 10px
    }
    .ml10-force-md {
        margin-left: 10px !important
    }
    .black_op8-md {
        color: rgba(0, 0, 0, 0.8)
    }
    .black_op8-force-md {
        color: rgba(0, 0, 0, 0.8) !important
    }
    .wsn-md {
        white-space: normal
    }
    .wsn-force-md {
        white-space: normal !important
    }
}

@media only screen and (max-width:768px) {
    .fx-sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-sm {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-sm {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-sm {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .fxjsa-sm {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around
    }
    .fxjsb-sm {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
    .fxjc-sm {
        width: 100%;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fxc-sm {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fdrr-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .ellipsis-sm {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-sm {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-sm {
        white-space: normal
    }
    .wsn-force-sm {
        white-space: normal !important
    }
    .db-sm {
        display: block
    }
    .db-force-sm {
        display: block !important
    }
    .dib-sm {
        display: inline-block
    }
    .dib-force-sm {
        display: inline-block !important
    }
    .dn-sm {
        display: none
    }
    .dn-force-sm {
        display: none !important
    }
    .inline-blocks-sm {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-sm>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .fn-sm {
        float: none
    }
    .fn-force-sm {
        float: none !important
    }
    .pos-a-sm {
        position: absolute
    }
    .pos-a-force-sm {
        position: absolute !important
    }
    .pos-r-sm {
        position: relative
    }
    .pos-r-force-sm {
        position: relative !important
    }
    .pos-f-sm {
        position: fixed
    }
    .pos-f-force-sm {
        position: fixed !important
    }
    .leftauto-sm {
        left: auto
    }
    .leftauto-force-sm {
        left: auto !important
    }
    .r0-sm {
        right: 0
    }
    .r0-force-sm {
        right: 0 !important
    }
    .right15-sm {
        right: 15px
    }
    .right15-force-sm {
        right: 15px !important
    }
    .bottom100-sm {
        bottom: 100%
    }
    .bottom100-force-sm {
        bottom: 100% !important
    }
    .tac-sm {
        text-align: center
    }
    .tac-force-sm {
        text-align: center !important
    }
    .tal-sm {
        text-align: left
    }
    .tal-force-sm {
        text-align: left !important
    }
    .tar-sm {
        text-align: right
    }
    .tar-force-sm {
        text-align: right !important
    }
    .wa-sm {
        width: auto
    }
    .wa-force-sm {
        width: auto !important
    }
    .mw0-sm {
        min-width: 0
    }
    .mw0-force-sm {
        min-width: 0 !important
    }
    .mw25-sm {
        min-width: 25px
    }
    .mw25-force-sm {
        min-width: 25px !important
    }
    .mwn-sm {
        max-width: none
    }
    .mwn-force-sm {
        max-width: none !important
    }
    .maxw96p-sm {
        max-width: 96%
    }
    .maxw96p-force-sm {
        max-width: 96% !important
    }
    .w100p-sm {
        width: 100%
    }
    .w100p-force-sm {
        width: 100% !important
    }
    .w80p-sm {
        width: 80%
    }
    .w80p-force-sm {
        width: 80% !important
    }
    .w60-sm {
        width: 60px
    }
    .w60-force-sm {
        width: 60px !important
    }
    .w70-sm {
        width: 70px
    }
    .w70-force-sm {
        width: 70px !important
    }
    .w80-sm {
        width: 80px
    }
    .w80-force-sm {
        width: 80px !important
    }
    .w85-sm {
        width: 85px
    }
    .w85-force-sm {
        width: 85px !important
    }
    .w90-sm {
        width: 90px
    }
    .w90-force-sm {
        width: 90px !important
    }
    .w95-sm {
        width: 95px
    }
    .w95-force-sm {
        width: 95px !important
    }
    .w97-sm {
        width: 97px
    }
    .w97-force-sm {
        width: 97px !important
    }
    .w100-sm {
        width: 100px
    }
    .w100-force-sm {
        width: 100px !important
    }
    .w110-sm {
        width: 110px
    }
    .w110-force-sm {
        width: 110px !important
    }
    .w150-sm {
        width: 150px
    }
    .w150-force-sm {
        width: 150px !important
    }
    .w160-sm {
        width: 160px
    }
    .w160-force-sm {
        width: 160px !important
    }
    .w290-sm {
        width: 290px
    }
    .w290-force-sm {
        width: 290px !important
    }
    .w340-sm {
        width: 340px
    }
    .w340-force-sm {
        width: 340px !important
    }
    .w355-sm {
        width: 355px
    }
    .w355-force-sm {
        width: 355px !important
    }
    .w800-sm {
        width: 800px
    }
    .w800-force-sm {
        width: 800px !important
    }
    .ha-sm {
        height: auto
    }
    .ha-force-sm {
        height: auto !important
    }
    .mhi-sm {
        max-height: inherit
    }
    .mhi-force-sm {
        max-height: inherit !important
    }
    .mh0-sm {
        min-height: 0
    }
    .mh0-force-sm {
        min-height: 0 !important
    }
    .mh290-sm {
        min-height: 290px
    }
    .mh290-force-sm {
        min-height: 290px !important
    }
    .ma-sm {
        margin: auto
    }
    .ma-force-sm {
        margin: auto !important
    }
    .m0-sm {
        margin: 0
    }
    .m0-force-sm {
        margin: 0 !important
    }
    .m10-sm {
        margin: 10px
    }
    .m10-force-sm {
        margin: 10px !important
    }
    .m40-sm {
        margin: 40px
    }
    .m40-force-sm {
        margin: 40px !important
    }
    .mt0-sm {
        margin-top: 0
    }
    .mt0-force-sm {
        margin-top: 0 !important
    }
    .mt3-sm {
        margin-top: 3px
    }
    .mt3-force-sm {
        margin-top: 3px !important
    }
    .mt5-sm {
        margin-top: 5px
    }
    .mt5-force-sm {
        margin-top: 5px !important
    }
    .mt10-sm {
        margin-top: 10px
    }
    .mt10-force-sm {
        margin-top: 10px !important
    }
    .mt15-sm {
        margin-top: 15px
    }
    .mt15-force-sm {
        margin-top: 15px !important
    }
    .mt20-sm {
        margin-top: 20px
    }
    .mt20-force-sm {
        margin-top: 20px !important
    }
    .mt40-sm {
        margin-top: 40px
    }
    .mt40-force-sm {
        margin-top: 40px !important
    }
    .mr0-sm {
        margin-right: 0
    }
    .mr0-force-sm {
        margin-right: 0 !important
    }
    .mr5-sm {
        margin-right: 5px
    }
    .mr5-force-sm {
        margin-right: 5px !important
    }
    .mr10-sm {
        margin-right: 10px
    }
    .mr10-force-sm {
        margin-right: 10px !important
    }
    .mr20-sm {
        margin-right: 20px
    }
    .mr20-force-sm {
        margin-right: 20px !important
    }
    .mb0-sm {
        margin-bottom: 0
    }
    .mb0-force-sm {
        margin-bottom: 0 !important
    }
    .mb1-sm {
        margin-bottom: 1px
    }
    .mb1-force-sm {
        margin-bottom: 1px !important
    }
    .mb5-sm {
        margin-bottom: 5px
    }
    .mb5-force-sm {
        margin-bottom: 5px !important
    }
    .mb10-sm {
        margin-bottom: 10px
    }
    .mb10-force-sm {
        margin-bottom: 10px !important
    }
    .mb20-sm {
        margin-bottom: 20px
    }
    .mb20-force-sm {
        margin-bottom: 20px !important
    }
    .mb30-sm {
        margin-bottom: 30px
    }
    .mb30-force-sm {
        margin-bottom: 30px !important
    }
    .mb35-sm {
        margin-bottom: 35px
    }
    .mb35-force-sm {
        margin-bottom: 35px !important
    }
    .mb40-sm {
        margin-bottom: 40px
    }
    .mb40-force-sm {
        margin-bottom: 40px !important
    }
    .ml0-sm {
        margin-left: 0
    }
    .ml0-force-sm {
        margin-left: 0 !important
    }
    .ml40-sm {
        margin-left: 40px
    }
    .ml40-force-sm {
        margin-left: 40px !important
    }
    .m0-0_5-sm {
        margin: 0 .5px
    }
    .m0-0_5-force-sm {
        margin: 0 .5px !important
    }
    .m0-10-sm {
        margin: 0 10px
    }
    .m0-10-force-sm {
        margin: 0 10px !important
    }
    .m0-20-sm {
        margin: 0 20px
    }
    .m0-20-force-sm {
        margin: 0 20px !important
    }
    .m0-40-sm {
        margin: 0 40px
    }
    .m0-40-force-sm {
        margin: 0 40px !important
    }
    .m5-30-sm {
        margin: 5px 30px
    }
    .m5-30-force-sm {
        margin: 5px 30px !important
    }
    .m10-a-sm {
        margin: 10px auto
    }
    .m10-a-force-sm {
        margin: 10px auto !important
    }
    .m20-a-sm {
        margin: 20px auto
    }
    .m20-a-force-sm {
        margin: 20px auto !important
    }
    .m30-20-sm {
        margin: 30px 20px
    }
    .m30-20-force-sm {
        margin: 30px 20px !important
    }
    .m30-10-sm {
        margin: 30px 10px
    }
    .m30-10-force-sm {
        margin: 30px 10px !important
    }
    .p0-sm {
        padding: 0
    }
    .p0-force-sm {
        padding: 0 !important
    }
    .p5-sm {
        padding: 5px
    }
    .p5-force-sm {
        padding: 5px !important
    }
    .p10-sm {
        padding: 10px
    }
    .p10-force-sm {
        padding: 10px !important
    }
    .p15-sm {
        padding: 15px
    }
    .p15-force-sm {
        padding: 15px !important
    }
    .p20-sm {
        padding: 20px
    }
    .p20-force-sm {
        padding: 20px !important
    }
    .pt0-sm {
        padding-top: 0
    }
    .pt0-force-sm {
        padding-top: 0 !important
    }
    .pt5-sm {
        padding-top: 5px
    }
    .pt5-force-sm {
        padding-top: 5px !important
    }
    .pt20-sm {
        padding-top: 20px
    }
    .pt20-force-sm {
        padding-top: 20px !important
    }
    .pt30-sm {
        padding-top: 30px
    }
    .pt30-force-sm {
        padding-top: 30px !important
    }
    .pt50-sm {
        padding-top: 50px
    }
    .pt50-force-sm {
        padding-top: 50px !important
    }
    .pr0-sm {
        padding-right: 0
    }
    .pr0-force-sm {
        padding-right: 0 !important
    }
    .pr5-sm {
        padding-right: 5px
    }
    .pr5-force-sm {
        padding-right: 5px !important
    }
    .pr10-sm {
        padding-right: 10px
    }
    .pr10-force-sm {
        padding-right: 10px !important
    }
    .pb10-sm {
        padding-bottom: 10px
    }
    .pb10-force-sm {
        padding-bottom: 10px !important
    }
    .pb20-sm {
        padding-bottom: 20px
    }
    .pb20-force-sm {
        padding-bottom: 20px !important
    }
    .pb30-sm {
        padding-bottom: 30px
    }
    .pb30-force-sm {
        padding-bottom: 30px !important
    }
    .pb50-sm {
        padding-bottom: 50px
    }
    .pb50-force-sm {
        padding-bottom: 50px !important
    }
    .pl0-sm {
        padding-left: 0
    }
    .pl0-force-sm {
        padding-left: 0 !important
    }
    .pl5-sm {
        padding-left: 5px
    }
    .pl5-force-sm {
        padding-left: 5px !important
    }
    .pl10-sm {
        padding-left: 10px
    }
    .pl10-force-sm {
        padding-left: 10px !important
    }
    .p0-5-sm {
        padding: 0 5px
    }
    .p0-5-force-sm {
        padding: 0 5px !important
    }
    .p0-10-sm {
        padding: 0 10px
    }
    .p0-10-force-sm {
        padding: 0 10px !important
    }
    .p0-30-sm {
        padding: 0 30px
    }
    .p0-30-force-sm {
        padding: 0 30px !important
    }
    .p4-5-sm {
        padding: 4px 5px
    }
    .p4-5-force-sm {
        padding: 4px 5px !important
    }
    .p10-0-sm {
        padding: 10px 0
    }
    .p10-0-force-sm {
        padding: 10px 0 !important
    }
    .p10-80-sm {
        padding: 10px 80px
    }
    .p10-80-force-sm {
        padding: 10px 80px !important
    }
    .p20-0-sm {
        padding: 20px 0
    }
    .p20-0-force-sm {
        padding: 20px 0 !important
    }
    .fs10-sm {
        font-size: 10px
    }
    .fs10-force-sm {
        font-size: 10px !important
    }
    .fs11-sm {
        font-size: 11px
    }
    .fs11-force-sm {
        font-size: 11px !important
    }
    .fs12-sm {
        font-size: 12px
    }
    .fs12-force-sm {
        font-size: 12px !important
    }
    .fs13-sm {
        font-size: 13px
    }
    .fs13-force-sm {
        font-size: 13px !important
    }
    .fs14-sm {
        font-size: 14px
    }
    .fs14-force-sm {
        font-size: 14px !important
    }
    .fs16-sm {
        font-size: 16px
    }
    .fs16-force-sm {
        font-size: 16px !important
    }
    .fs18-sm {
        font-size: 18px
    }
    .fs18-force-sm {
        font-size: 18px !important
    }
    .fs20-sm {
        font-size: 20px
    }
    .fs20-force-sm {
        font-size: 20px !important
    }
    .fs28-sm {
        font-size: 28px
    }
    .fs28-force-sm {
        font-size: 28px !important
    }
    .fs30-sm {
        font-size: 30px
    }
    .fs30-force-sm {
        font-size: 30px !important
    }
    .fs40-sm {
        font-size: 40px
    }
    .fs40-force-sm {
        font-size: 40px !important
    }
    .no-border-sm {
        border: 0
    }
    .no-border-force-sm {
        border: 0 !important
    }
    .b0-sm {
        border: 0
    }
    .b0-force-sm {
        border: 0 !important
    }
    .highlight-light-sm {
        background: rgba(255, 255, 255, 0.2)
    }
    .highlight-light-force-sm {
        background: rgba(255, 255, 255, 0.2) !important
    }
    .flex-wrap-sm {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-sm {
        -webkit-flex-flow: row wrap !important
    }
    .flex-wrap-sm {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-sm {
        -ms-flex-flow: row wrap !important
    }
    .flex-wrap-sm {
        flex-wrap: wrap
    }
    .flex-wrap-force-sm {
        flex-wrap: wrap !important
    }
    .fs0-sm {
        font-size: 0
    }
    .fs0-force-sm {
        font-size: 0 !important
    }
    .bgimg-none-sm {
        background-image: none
    }
    .bgimg-none-force-sm {
        background-image: none !important
    }
    .nobg-sm {
        background: none
    }
    .nobg-force-sm {
        background: none !important
    }
    .no-border-sm {
        border: 0
    }
    .no-border-force-sm {
        border: 0 !important
    }
    .lh18-sm {
        line-height: 1.8
    }
    .lh18-force-sm {
        line-height: 1.8 !important
    }
    .pt0-sm {
        padding-top: 0
    }
    .pt0-force-sm {
        padding-top: 0 !important
    }
    .m20-a-sm {
        margin: 20px auto
    }
    .m20-a-force-sm {
        margin: 20px auto !important
    }
    .m10-a-sm {
        margin: 10px auto
    }
    .m10-a-force-sm {
        margin: 10px auto !important
    }
    .ml10-sm {
        margin-left: 10px
    }
    .ml10-force-sm {
        margin-left: 10px !important
    }
    .black_op8-sm {
        color: rgba(0, 0, 0, 0.8)
    }
    .black_op8-force-sm {
        color: rgba(0, 0, 0, 0.8) !important
    }
    .wsn-sm {
        white-space: normal
    }
    .wsn-force-sm {
        white-space: normal !important
    }
}

@media only screen and (max-width:480px) {
    .fx-xs {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-xs {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-xs {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-xs {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .fxjsa-xs {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around
    }
    .fxjsb-xs {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
    .fxjc-xs {
        width: 100%;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fxc-xs {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
    .fdrr-xs {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .ellipsis-xs {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-xs {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-xs {
        white-space: normal
    }
    .wsn-force-xs {
        white-space: normal !important
    }
    .db-xs {
        display: block
    }
    .db-force-xs {
        display: block !important
    }
    .dib-xs {
        display: inline-block
    }
    .dib-force-xs {
        display: inline-block !important
    }
    .dn-xs {
        display: none
    }
    .dn-force-xs {
        display: none !important
    }
    .inline-blocks-xs {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-xs>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .fn-xs {
        float: none
    }
    .fn-force-xs {
        float: none !important
    }
    .pos-a-xs {
        position: absolute
    }
    .pos-a-force-xs {
        position: absolute !important
    }
    .pos-r-xs {
        position: relative
    }
    .pos-r-force-xs {
        position: relative !important
    }
    .pos-f-xs {
        position: fixed
    }
    .pos-f-force-xs {
        position: fixed !important
    }
    .leftauto-xs {
        left: auto
    }
    .leftauto-force-xs {
        left: auto !important
    }
    .r0-xs {
        right: 0
    }
    .r0-force-xs {
        right: 0 !important
    }
    .right15-xs {
        right: 15px
    }
    .right15-force-xs {
        right: 15px !important
    }
    .bottom100-xs {
        bottom: 100%
    }
    .bottom100-force-xs {
        bottom: 100% !important
    }
    .tac-xs {
        text-align: center
    }
    .tac-force-xs {
        text-align: center !important
    }
    .tal-xs {
        text-align: left
    }
    .tal-force-xs {
        text-align: left !important
    }
    .tar-xs {
        text-align: right
    }
    .tar-force-xs {
        text-align: right !important
    }
    .wa-xs {
        width: auto
    }
    .wa-force-xs {
        width: auto !important
    }
    .mw0-xs {
        min-width: 0
    }
    .mw0-force-xs {
        min-width: 0 !important
    }
    .mw25-xs {
        min-width: 25px
    }
    .mw25-force-xs {
        min-width: 25px !important
    }
    .mwn-xs {
        max-width: none
    }
    .mwn-force-xs {
        max-width: none !important
    }
    .maxw96p-xs {
        max-width: 96%
    }
    .maxw96p-force-xs {
        max-width: 96% !important
    }
    .w100p-xs {
        width: 100%
    }
    .w100p-force-xs {
        width: 100% !important
    }
    .w80p-xs {
        width: 80%
    }
    .w80p-force-xs {
        width: 80% !important
    }
    .w60-xs {
        width: 60px
    }
    .w60-force-xs {
        width: 60px !important
    }
    .w70-xs {
        width: 70px
    }
    .w70-force-xs {
        width: 70px !important
    }
    .w80-xs {
        width: 80px
    }
    .w80-force-xs {
        width: 80px !important
    }
    .w85-xs {
        width: 85px
    }
    .w85-force-xs {
        width: 85px !important
    }
    .w90-xs {
        width: 90px
    }
    .w90-force-xs {
        width: 90px !important
    }
    .w95-xs {
        width: 95px
    }
    .w95-force-xs {
        width: 95px !important
    }
    .w97-xs {
        width: 97px
    }
    .w97-force-xs {
        width: 97px !important
    }
    .w100-xs {
        width: 100px
    }
    .w100-force-xs {
        width: 100px !important
    }
    .w110-xs {
        width: 110px
    }
    .w110-force-xs {
        width: 110px !important
    }
    .w150-xs {
        width: 150px
    }
    .w150-force-xs {
        width: 150px !important
    }
    .w160-xs {
        width: 160px
    }
    .w160-force-xs {
        width: 160px !important
    }
    .w290-xs {
        width: 290px
    }
    .w290-force-xs {
        width: 290px !important
    }
    .w340-xs {
        width: 340px
    }
    .w340-force-xs {
        width: 340px !important
    }
    .w355-xs {
        width: 355px
    }
    .w355-force-xs {
        width: 355px !important
    }
    .w800-xs {
        width: 800px
    }
    .w800-force-xs {
        width: 800px !important
    }
    .ha-xs {
        height: auto
    }
    .ha-force-xs {
        height: auto !important
    }
    .mhi-xs {
        max-height: inherit
    }
    .mhi-force-xs {
        max-height: inherit !important
    }
    .mh0-xs {
        min-height: 0
    }
    .mh0-force-xs {
        min-height: 0 !important
    }
    .mh290-xs {
        min-height: 290px
    }
    .mh290-force-xs {
        min-height: 290px !important
    }
    .ma-xs {
        margin: auto
    }
    .ma-force-xs {
        margin: auto !important
    }
    .m0-xs {
        margin: 0
    }
    .m0-force-xs {
        margin: 0 !important
    }
    .m10-xs {
        margin: 10px
    }
    .m10-force-xs {
        margin: 10px !important
    }
    .m40-xs {
        margin: 40px
    }
    .m40-force-xs {
        margin: 40px !important
    }
    .mt0-xs {
        margin-top: 0
    }
    .mt0-force-xs {
        margin-top: 0 !important
    }
    .mt3-xs {
        margin-top: 3px
    }
    .mt3-force-xs {
        margin-top: 3px !important
    }
    .mt5-xs {
        margin-top: 5px
    }
    .mt5-force-xs {
        margin-top: 5px !important
    }
    .mt10-xs {
        margin-top: 10px
    }
    .mt10-force-xs {
        margin-top: 10px !important
    }
    .mt15-xs {
        margin-top: 15px
    }
    .mt15-force-xs {
        margin-top: 15px !important
    }
    .mt20-xs {
        margin-top: 20px
    }
    .mt20-force-xs {
        margin-top: 20px !important
    }
    .mt40-xs {
        margin-top: 40px
    }
    .mt40-force-xs {
        margin-top: 40px !important
    }
    .mr0-xs {
        margin-right: 0
    }
    .mr0-force-xs {
        margin-right: 0 !important
    }
    .mr5-xs {
        margin-right: 5px
    }
    .mr5-force-xs {
        margin-right: 5px !important
    }
    .mr10-xs {
        margin-right: 10px
    }
    .mr10-force-xs {
        margin-right: 10px !important
    }
    .mr20-xs {
        margin-right: 20px
    }
    .mr20-force-xs {
        margin-right: 20px !important
    }
    .mb0-xs {
        margin-bottom: 0
    }
    .mb0-force-xs {
        margin-bottom: 0 !important
    }
    .mb1-xs {
        margin-bottom: 1px
    }
    .mb1-force-xs {
        margin-bottom: 1px !important
    }
    .mb5-xs {
        margin-bottom: 5px
    }
    .mb5-force-xs {
        margin-bottom: 5px !important
    }
    .mb10-xs {
        margin-bottom: 10px
    }
    .mb10-force-xs {
        margin-bottom: 10px !important
    }
    .mb20-xs {
        margin-bottom: 20px
    }
    .mb20-force-xs {
        margin-bottom: 20px !important
    }
    .mb30-xs {
        margin-bottom: 30px
    }
    .mb30-force-xs {
        margin-bottom: 30px !important
    }
    .mb35-xs {
        margin-bottom: 35px
    }
    .mb35-force-xs {
        margin-bottom: 35px !important
    }
    .mb40-xs {
        margin-bottom: 40px
    }
    .mb40-force-xs {
        margin-bottom: 40px !important
    }
    .ml0-xs {
        margin-left: 0
    }
    .ml0-force-xs {
        margin-left: 0 !important
    }
    .ml40-xs {
        margin-left: 40px
    }
    .ml40-force-xs {
        margin-left: 40px !important
    }
    .m0-0_5-xs {
        margin: 0 .5px
    }
    .m0-0_5-force-xs {
        margin: 0 .5px !important
    }
    .m0-10-xs {
        margin: 0 10px
    }
    .m0-10-force-xs {
        margin: 0 10px !important
    }
    .m0-20-xs {
        margin: 0 20px
    }
    .m0-20-force-xs {
        margin: 0 20px !important
    }
    .m0-40-xs {
        margin: 0 40px
    }
    .m0-40-force-xs {
        margin: 0 40px !important
    }
    .m5-30-xs {
        margin: 5px 30px
    }
    .m5-30-force-xs {
        margin: 5px 30px !important
    }
    .m10-a-xs {
        margin: 10px auto
    }
    .m10-a-force-xs {
        margin: 10px auto !important
    }
    .m20-a-xs {
        margin: 20px auto
    }
    .m20-a-force-xs {
        margin: 20px auto !important
    }
    .m30-20-xs {
        margin: 30px 20px
    }
    .m30-20-force-xs {
        margin: 30px 20px !important
    }
    .m30-10-xs {
        margin: 30px 10px
    }
    .m30-10-force-xs {
        margin: 30px 10px !important
    }
    .p0-xs {
        padding: 0
    }
    .p0-force-xs {
        padding: 0 !important
    }
    .p5-xs {
        padding: 5px
    }
    .p5-force-xs {
        padding: 5px !important
    }
    .p10-xs {
        padding: 10px
    }
    .p10-force-xs {
        padding: 10px !important
    }
    .p15-xs {
        padding: 15px
    }
    .p15-force-xs {
        padding: 15px !important
    }
    .p20-xs {
        padding: 20px
    }
    .p20-force-xs {
        padding: 20px !important
    }
    .pt0-xs {
        padding-top: 0
    }
    .pt0-force-xs {
        padding-top: 0 !important
    }
    .pt5-xs {
        padding-top: 5px
    }
    .pt5-force-xs {
        padding-top: 5px !important
    }
    .pt20-xs {
        padding-top: 20px
    }
    .pt20-force-xs {
        padding-top: 20px !important
    }
    .pt30-xs {
        padding-top: 30px
    }
    .pt30-force-xs {
        padding-top: 30px !important
    }
    .pt50-xs {
        padding-top: 50px
    }
    .pt50-force-xs {
        padding-top: 50px !important
    }
    .pr0-xs {
        padding-right: 0
    }
    .pr0-force-xs {
        padding-right: 0 !important
    }
    .pr5-xs {
        padding-right: 5px
    }
    .pr5-force-xs {
        padding-right: 5px !important
    }
    .pr10-xs {
        padding-right: 10px
    }
    .pr10-force-xs {
        padding-right: 10px !important
    }
    .pb10-xs {
        padding-bottom: 10px
    }
    .pb10-force-xs {
        padding-bottom: 10px !important
    }
    .pb20-xs {
        padding-bottom: 20px
    }
    .pb20-force-xs {
        padding-bottom: 20px !important
    }
    .pb30-xs {
        padding-bottom: 30px
    }
    .pb30-force-xs {
        padding-bottom: 30px !important
    }
    .pb50-xs {
        padding-bottom: 50px
    }
    .pb50-force-xs {
        padding-bottom: 50px !important
    }
    .pl0-xs {
        padding-left: 0
    }
    .pl0-force-xs {
        padding-left: 0 !important
    }
    .pl5-xs {
        padding-left: 5px
    }
    .pl5-force-xs {
        padding-left: 5px !important
    }
    .pl10-xs {
        padding-left: 10px
    }
    .pl10-force-xs {
        padding-left: 10px !important
    }
    .p0-5-xs {
        padding: 0 5px
    }
    .p0-5-force-xs {
        padding: 0 5px !important
    }
    .p0-10-xs {
        padding: 0 10px
    }
    .p0-10-force-xs {
        padding: 0 10px !important
    }
    .p0-30-xs {
        padding: 0 30px
    }
    .p0-30-force-xs {
        padding: 0 30px !important
    }
    .p4-5-xs {
        padding: 4px 5px
    }
    .p4-5-force-xs {
        padding: 4px 5px !important
    }
    .p10-0-xs {
        padding: 10px 0
    }
    .p10-0-force-xs {
        padding: 10px 0 !important
    }
    .p10-80-xs {
        padding: 10px 80px
    }
    .p10-80-force-xs {
        padding: 10px 80px !important
    }
    .p20-0-xs {
        padding: 20px 0
    }
    .p20-0-force-xs {
        padding: 20px 0 !important
    }
    .fs10-xs {
        font-size: 10px
    }
    .fs10-force-xs {
        font-size: 10px !important
    }
    .fs11-xs {
        font-size: 11px
    }
    .fs11-force-xs {
        font-size: 11px !important
    }
    .fs12-xs {
        font-size: 12px
    }
    .fs12-force-xs {
        font-size: 12px !important
    }
    .fs13-xs {
        font-size: 13px
    }
    .fs13-force-xs {
        font-size: 13px !important
    }
    .fs14-xs {
        font-size: 14px
    }
    .fs14-force-xs {
        font-size: 14px !important
    }
    .fs16-xs {
        font-size: 16px
    }
    .fs16-force-xs {
        font-size: 16px !important
    }
    .fs18-xs {
        font-size: 18px
    }
    .fs18-force-xs {
        font-size: 18px !important
    }
    .fs20-xs {
        font-size: 20px
    }
    .fs20-force-xs {
        font-size: 20px !important
    }
    .fs28-xs {
        font-size: 28px
    }
    .fs28-force-xs {
        font-size: 28px !important
    }
    .fs30-xs {
        font-size: 30px
    }
    .fs30-force-xs {
        font-size: 30px !important
    }
    .fs40-xs {
        font-size: 40px
    }
    .fs40-force-xs {
        font-size: 40px !important
    }
    .no-border-xs {
        border: 0
    }
    .no-border-force-xs {
        border: 0 !important
    }
    .b0-xs {
        border: 0
    }
    .b0-force-xs {
        border: 0 !important
    }
    .highlight-light-xs {
        background: rgba(255, 255, 255, 0.2)
    }
    .highlight-light-force-xs {
        background: rgba(255, 255, 255, 0.2) !important
    }
    .flex-wrap-xs {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-xs {
        -webkit-flex-flow: row wrap !important
    }
    .flex-wrap-xs {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-xs {
        -ms-flex-flow: row wrap !important
    }
    .flex-wrap-xs {
        flex-wrap: wrap
    }
    .flex-wrap-force-xs {
        flex-wrap: wrap !important
    }
    .fs0-xs {
        font-size: 0
    }
    .fs0-force-xs {
        font-size: 0 !important
    }
    .bgimg-none-xs {
        background-image: none
    }
    .bgimg-none-force-xs {
        background-image: none !important
    }
    .nobg-xs {
        background: none
    }
    .nobg-force-xs {
        background: none !important
    }
    .no-border-xs {
        border: 0
    }
    .no-border-force-xs {
        border: 0 !important
    }
    .lh18-xs {
        line-height: 1.8
    }
    .lh18-force-xs {
        line-height: 1.8 !important
    }
    .pt0-xs {
        padding-top: 0
    }
    .pt0-force-xs {
        padding-top: 0 !important
    }
    .m20-a-xs {
        margin: 20px auto
    }
    .m20-a-force-xs {
        margin: 20px auto !important
    }
    .m10-a-xs {
        margin: 10px auto
    }
    .m10-a-force-xs {
        margin: 10px auto !important
    }
    .ml10-xs {
        margin-left: 10px
    }
    .ml10-force-xs {
        margin-left: 10px !important
    }
    .black_op8-xs {
        color: rgba(0, 0, 0, 0.8)
    }
    .black_op8-force-xs {
        color: rgba(0, 0, 0, 0.8) !important
    }
    .wsn-xs {
        white-space: normal
    }
    .wsn-force-xs {
        white-space: normal !important
    }
}

.nlp-coupon .form {
    background: #fff;
    width: 250px;
    position: absolute;
    padding: 10px;
    box-shadow: 0 0 2px #353535;
    top: -85px;
    left: 0;
    margin-left: 0;
    opacity: 0;
    visibility: hidden
}

.nlp-coupon .form .arrow {
    position: absolute;
    top: 100%;
    font-size: 36px;
    margin-top: -23px;
    color: #fff;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3)
}

.nlp-coupon .form.on {
    opacity: 1;
    visibility: visible
}

.sh.vertical {
    width: 60px;
    text-align: center
}

.sh.vertical .share-icons {
    margin-bottom: 6px;
    font-size: 40px
}

.sh.vertical .share-button-wrapper {
    margin-bottom: 6px
}

.sh.vertical .icon-wrapper {
    margin-bottom: 10px;
    display: block
}

.sh.horizontal {
    margin-top: 10px
}

.sh.horizontal .share-icons {
    font-size: 30px
}

.sh.horizontal .share-button-wrapper {
    width: 100px;
    display: inline-block;
    height: 20px
}

.sh.horizontal .share-button-wrapper.facebook {
    height: 25px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.sh.horizontal .share-button-wrapper.twitter {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    margin-right: -2px
}

.sh.horizontal .share-button-wrapper.google-plus {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 5px
}

.sh.horizontal .icon-wrapper {
    margin: 0 6px
}

.course-box {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 270px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    text-align: left
}

.course-box.small {
    width: 230px
}

.course-box.small__instructor {
    width: 230px
}

.course-box.small__instructor .add-to-wishlist {
    right: 4px;
    top: 5px;
    -webkit-text-stroke: 1px #fff;
    background-color: inherit;
    font-size: 20px
}

.course-box.small__instructor .details-instructor {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px
}

.course-box.small__instructor .mask {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.course-box.small__instructor .price-col {
    color: #353535;
    font-weight: bold;
    display: block;
    font-size: 15px;
    padding-top: 2px;
    padding-left: 10px;
    margin-bottom: 5px
}

.course-box.small__instructor .reviews-col {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block
}

.course-box:hover .add-to-wishlist {
    display: inline-block
}

.course-box .wishlist-loader {
    display: block;
    margin-top: 6px;
    z-index: 2
}

.course-box .add-to-wishlist {
    position: absolute;
    display: inline-block;
    right: 6px;
    top: 10px;
    border: none;
    margin: 0;
    z-index: 2
}

.course-box .add-to-wishlist .wish-icon {
    font-size: 18px;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: rgba(0, 0, 0, 0.5)
}

.course-box .add-to-wishlist.active {
    box-shadow: none
}

.course-box .add-to-wishlist.active .wish-icon {
    opacity: 1;
    color: #d23837
}

.course-box .add-to-wishlist:hover {
    box-shadow: none
}

.course-box .add-to-wishlist:hover+.mask {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25)
}

.course-box .add-to-wishlist:hover+.mask .course-thumb {
    background: #000
}

.course-box .add-to-wishlist:hover+.mask .course-thumb>img {
    opacity: .5
}

.course-box .add-to-wishlist:hover+.mask .avatars-list,
.course-box .add-to-wishlist:hover+.mask .lec-info {
    opacity: 1
}

.course-box .add-to-wishlist:hover .wish-icon {
    opacity: 1;
    color: #d23837
}

.course-box .add-to-wishlist:hover .tooltip {
    opacity: 1;
    display: inline-block;
    font-size: 12px
}

.course-box .reviews-row {
    background: none !important
}

.course-box .reviews-row .count {
    font-size: 14px
}

.course-box .reviews-row.border {
    border-top: 1px solid #E8E8E8
}

.course-box .mask {
    background: #fff;
    color: #353535;
    display: block;
    font-size: small;
    overflow: hidden
}

.course-box .mask:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25)
}

.course-box .mask:hover .lec-info {
    opacity: 1
}

.course-box .mask:hover .avatars-list {
    opacity: 1
}

.course-box .mask .avatars-list {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    height: 50px
}

.course-box .mask .avatars-list .avatar {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    border: 3px solid #fff;
    position: relative;
    margin-right: 3px;
    display: inline-block;
    overflow: hidden
}

.course-box .title {
    display: block;
    line-height: 1.3;
    font-weight: bold;
    font-size: 13px;
    min-height: 33px;
    padding: 0;
    margin: 10px 10px 5px
}

.course-box .ins-title {
    font-weight: normal
}

.course-box .details {
    display: block;
    overflow: hidden;
    padding: 5px 10px 10px;
    text-align: center;
    line-height: 10px
}

.course-box .price {
    float: left;
    font-size: 15px;
    font-weight: bold
}

.course-box .price--old {
    text-decoration: line-through;
    margin: 0 10px;
    color: rgba(0, 0, 0, 0.55)
}

.course-box .stu {
    color: #555;
    float: right;
    font-weight: bold;
    margin-top: 3px
}

.course-box .stu:before {
    background-position: -20px -210px;
    float: left;
    height: 13px;
    margin: -2px 4px 0 0;
    width: 20px
}

.course-box .small-rating {
    vertical-align: top
}

.course-box .instructors {
    border-top: 1px solid #eee;
    display: block;
    margin: 0 10px;
    overflow: hidden;
    padding: 10px 0
}

.course-box .instructors .r {
    margin-left: 33px;
    display: block
}

.course-box .ins-thumb {
    float: left;
    width: 25px;
    margin-right: 5px
}

.course-box .ins-name {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin-bottom: 0
}

.course-box .ins-job-title {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.2;
    font-family: cocon, georgia;
    font-weight: lighter;
    color: #555;
    font-style: italic
}

.course-box .ins-job-title>h1,
.course-box .ins-job-title>h2,
.course-box .ins-job-title>h3,
.course-box .ins-job-title>h4,
.course-box .ins-job-title>h5,
.course-box .ins-job-title>h6 {
    font-weight: lighter;
    font-style: italic;
    color: #555
}

.course-box .heading {
    float: left;
    margin-right: 6px;
    margin-top: 4px;
    font-size: 15px
}

.course-box .two {
    padding-bottom: 11px
}

.course-box .two .ins-name:first-child {
    margin-bottom: 3px
}

.course-box .price {
    font-size: 15px;
    font-weight: bold
}

.course-box .price--old {
    color: rgba(0, 0, 0, 0.55)
}

.course-box .lec-info {
    z-index: 1;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    opacity: 0;
    background: none;
    position: absolute;
    left: 0;
    text-align: left;
    margin-left: 10px;
    z-index: 2;
    -webkit-text-stroke: .4px #fff;
    text-stroke: .4px #fff;
    top: 70px
}

.course-box .count {
    font-weight: 600
}

.course-box .course-thumb {
    background: #000;
    display: block
}


.course-box .tooltip {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2;
    top: 0
}

.course-box .tooltip .tooltip-arrow {
    border-right-color: #fff;
    left: 1px
}

.course-box .tooltip .tooltip-inner {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #404004;
    display: inline-block
}

.course-box .tooltip.left {
    right: 27px
}

.course-box .tooltip.left .tooltip-arrow {
    border-left-color: #fff;
    right: 1px;
    left: auto
}

@media (max-width:1024px) {
    .add-to-wishlist {
        display: block !important
    }
}

@media (max-width:480px) {
    .discover-courses-list-mask {
        padding: 10px
    }
    .course-box.small {
        display: block;
        width: auto;
        box-shadow: none;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 15px
    }
    .course-box.small .mask {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background: none;
        box-shadow: none !important
    }
    .course-box.small .mask .avatars-list {
        display: none
    }
    .course-box.small .course-thumb {
        width: 87px;
        height: 87px;
        overflow: hidden
    }
    .course-box.small .course-thumb>img {
        max-width: none;
        width: auto;
        height: 87px;
        margin-left: -34px
    }
    .course-box.small .title {
        margin: 0;
        min-height: 0
    }
    .course-box.small .lec-info {
        display: none
    }
    .course-box.small .add-to-wishlist {
        display: none !important
    }
    .course-box.small .reviews-row {
        padding: 0
    }
    .course-box.small .price {
        margin-left: 0
    }
}

.btn-group .dropdown-menu:before {
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    top: 0;
    left: 10px;
    box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    z-index: -1;
    margin-top: -4px
}

.btn-group .dropdown-menu.pull-right:before {
    left: auto;
    right: 10px
}

.btn-group .dropdown-menu .divider {
    margin: 2px 0
}

.btn-group a.dropdown-toggle:focus {
    color: #fff
}

.btn-group.open-on-hover .dropdown-menu {
    margin-top: -5px
}

.btn-group.open-on-hover:hover .dropdown-menu {
    display: block
}

.dropdown.open-on-hover:hover .dropdown-menu {
    display: block
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu.pull-left {
    float: none !important
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: auto;
    right: 100%
}

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

.btn-group.dropup .dropdown-menu:before {
    top: auto;
    bottom: -4px;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.05)
}

[lang=es] .dropdown-menu {
    font-size: 13px
}

.dropdown-header {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    padding: 5px 12px;
    cursor: auto
}

.form-control {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 44px;
    transition: border-color ease-in-out .08s, box-shadow ease-in-out .08s;
    font-size: 15px
}

.form-control:focus {
    box-shadow: inset 0 0 1px #17aa1c;
    border: 1px solid #17aa1c
}

.early-access-footer {
    position: fixed;
    height: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #ffffff
}

.early-access-footer .form-control {
    width: 500px
}

.early-access-footer .footer-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    height: 100px;
    background: #333333;
    color: #ffffff
}

.early-access-footer .course-card-wrapper {
    width: 1010px;
    text-align: left;
    margin: 0 auto
}

.early-access-footer .btn-continue-viewing {
    color: #17aa1c;
    background-color: #ffffff;
    margin-right: 30px
}

.early-access-footer .reminder-text {
    padding-top: 20px;
    color: #999999
}

.early-access-footer.survey-open {
    height: 500px
}

.early-access-footer.survey-open .footer-buttons {
    height: 64px
}

.early-access-footer.survey-open .survey-buttons {
    position: absolute;
    bottom: 30px;
    right: 150px
}

.early-access-footer.survey-complete {
    height: 100%;
    top: 52px;
    padding-top: 30px;
    font-weight: 600;
    text-align: center;
    background: #333333;
    color: #ffffff
}

.early-access-footer.course-landing-survey .survey-question {
    display: block;
    margin-top: 30px
}

.early-access-footer.course-landing-survey .survey-question--text {
    display: block;
    margin-bottom: 10px
}

.early-access-footer.course-landing-survey .survey-answer textarea {
    margin-left: 20px
}

.early-access-footer.course-landing-survey .answer-choice {
    margin-left: 20px
}

.early-access-footer.course-landing-survey .answer-choice .answer-label {
    font-weight: normal;
    position: relative;
    top: 2px
}

.early-access-footer .course-taking-survey {
    height: 350px;
    overflow: auto
}

.early-access-footer .course-taking-survey th {
    font-weight: normal;
    padding-bottom: 10px
}

.early-access-footer .course-taking-survey th:first-of-type {
    width: 600px
}

.early-access-footer .course-taking-survey tbody td {
    padding: 10px 0 10px 0
}

.early-access-footer .course-taking-survey tbody td:first-of-type {
    padding-left: 15px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.early-access-footer .course-taking-survey tbody td:last-of-type {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.early-access-footer .course-taking-survey .review-stars {
    margin: 0 10px 0 0;
    font-size: 30px
}

.lecture-view--video .survey-complete {
    top: 0;
    padding-top: 100px;
    overflow: auto
}

.early-access-video-offset {
    padding-bottom: 100px
}

.early-access-video-offset.survey-open {
    padding-bottom: 500px
}

.card-pager {
    font-size: 13px
}

.card-pager__card {
    display: inline-block
}

.card-pager__cards {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    min-height: 273px
}

.card-pager__cards .card__image {
    width: 100%;
    height: auto
}

@media only screen and (max-width:1200px) {
    .card-pager__cards li:nth-child(n+5) {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .card-pager__cards li:nth-child(n+4) {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .card-pager__cards li:nth-child(n+3) {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .card-pager__cards li:nth-child(n+2) {
        display: none
    }
}

.card-pager__cards--sparse {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

@media only screen and (min-width:480px) {
    .card-pager__cards--sparse {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start
    }
}

.card-pager__cards--sparse .card {
    margin-right: 2em
}

.card-pager__controls {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    -o-flex: 0;
    flex: 0;
    min-width: 1px
}

.card-pager__control {
    font-size: 15px;
    margin: 0;
    padding: 0
}

.card-pager__control--right {
    margin-left: 25px
}

.card-pager__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: top;
    -ms-flex-align: top;
    align-items: top;
    margin-bottom: 1em
}

.card-pager__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    margin: 0
}

.one-col-landing {
    font-size: 15px;
    background: #fff
}

.course-title {
    font-size: 35px;
    margin: 30px 0 10px 0;
    font-weight: 300;
	text-align:right;
}
.ci-d {
    text-align: right;
}

.rating-and-enrolled {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0;
	text-align: right;
	direction:rtl;
}

.rating-and-enrolled__element {
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 1px;
    margin-right: 10px;
    white-space: nowrap
}

.review-stars-color {
    color: #17aa1c
}

.star-rating--static {
    margin-right: 5px
}

.price {
    color: #353535;
    font-size: 32px;
    font-weight: bold;
    line-height: 1
}

.price.smaller {
    font-size: 20px;
    margin-top: 5px;
    display: block
}

.sliding_price_text_wrapper {
    height: 64px
}

.current-price {
    color: rgba(0, 0, 0, 0.8)
}

.save-money {
    color: rgba(0, 0, 0, 0.55);
    font-size: 18px;
    font-weight: normal;
    margin-top: 5px
}

.save-money .old-price {
    text-decoration: line-through
}

.main-details {
    position: relative;
    z-index: 1;
    padding-bottom: 30px
}

.right-middle {
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
    margin: 10px auto auto 15px;
    line-height: 1.6
}

.list {
    font-size: 13px;
	direction: rtl;
    float: right;
	
}

.list .udi-check {
    color: #17aa1c
}

.list .udi-close {
    color: #d23837
}

.list .list-item {
    margin-bottom: 5px;
    display: flex
}

.list .list-left {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
    width: 100px;
    display: inline-block
}

.list .list-right {
    font-weight: bold
}

.list .list-right::first-letter {
    text-transform: capitalize
}

.list-free {
    font-size: 13px;
    margin-bottom: 20px
}

.list-free .list-item {
    margin-bottom: 5px;
    display: flex
}

.list-free .list-left {
    display: inline-block;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    min-width: 100px;
    width: 100px
}

.list-free .list-right::first-letter {
    text-transform: capitalize
}

.promo-asset-content {
    border: 0
}

.right-wrap {
    min-height: 420px
}

.right-bottom {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px
}

.act-link {
    font-size: 13px
}

.dropdown-toggle a {
    font-size: 13px
}

.ud-wishlist.active i {
    color: #D23837
}

.iconed-btn {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    font-size: 23px;
    background: #ccc;
    color: #fff;
    padding: 5px 0
}

.iconed-btn:hover {
    background: #353535
}

.main-top {
    text-rendering: optimizeLegibility
}

.main-middle {
    background: #f4f4f4
}

.main-middle h1 {
    font-weight: 300;
    display: inline-block
}


.top-space-for-scroll {
    padding-top: 10px;
    margin-bottom: 0
}

.top-space-for-scroll:first-child {
    margin-top: 0
}

.top-space-for-scroll:last-child {
    margin-bottom: 0
}

.act-links,
#what-you-get,
#who-should-attend,
#course-description,
#requirements,
#desc,
#instructor {
    line-height: 1.6
}

.tab-title {
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin-top: 0
}

[lang=fr] .take-btn .btn,
[lang=de] .take-btn .btn {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[lang=fr] .dropdown-menu,
[lang=de] .dropdown-menu {
    min-width: 165px
}

[lang=es] .dropdown-menu {
    min-width: 175px
}

[lang=ja] .dropdown-menu {
    min-width: 180px
}

.tab-btn {
    margin-right: 20px
}

.cur-list label {
    display: block
}

.cur-list .cur-list-title {
    height: 44px
}

.cur-list .cur-list-title th {
    font-weight: 600;
    padding-top: 30px
}

.cur-list td {
    vertical-align: middle !important
}

.cur-list .cur-list-row-detail td {
    border: none
}

.cur-list .cur-list-row-detail td:nth-child(2) {
    padding-left: 28px
}

.cur-list .cur-list-row {
    height: 40px
}

.cur-list .cur-list-row .count {
    font-weight: normal;
    width: 100px
}

.cur-list .cur-list-row .down-arrow {
    display: inline-block
}

.cur-list .cur-list-row:not(.cur-list-row-wo-desc):hover {
    cursor: pointer
}

.cur-list .cur-list-row.on:not(.cur-list-row-wo-desc) {
    background: #fff
}

.cur-list .cur-list-row.on:not(.cur-list-row-wo-desc):hover {
    background: #fff
}

.cur-list .cur-list-row.on:not(.cur-list-row-wo-desc):hover td {
    background: #fff
}

.cur-list .cur-list-row.on:not(.cur-list-row-wo-desc) .down-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cur-list .cur-list-row.on:not(.cur-list-row-wo-desc)+.cur-list-row-detail {
    display: table-row !important
}

.cur-list .cur-list-row.load-more {
    background: transparent !important
}

.cur-list .cur-list-row.load-more td {
    background: transparent !important
}

.cur-list .cur-list-row:last-child td {
    border-bottom: 1px solid #ddd
}

.cur-list .cur-list-row .cur-icon {
    width: 20px;
    padding-right: 0;
    padding-left: 0
}

.cur-list .cur-list-row td.tar.lec-det {
    width: 100px
}

.cur-list .lec-title a {
    display: inline-block
}

.cur-list i {
    color: #999FA3
}

.cur-list .cur-list-row-detail {
    display: none;
    background-color: #fff
}

.cur-list .cur-list-row-detail td {
    padding-top: 10px
}

.cur-list .cur-list-row-detail:hover td {
    background-color: #fff
}

.cur-list .cur-list-row-detail p {
    margin: 0 0 25px 0
}

.icon {
    min-width: 30px
}

.title {
    flex: 1
}

.main {
    margin-bottom: 60px
}

.course-nav-bar {
    width: 100%;
    background: #fff;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

.course-nav-bar .row {
    height: 64px
}

.course-nav-bar .nav-actions {
    display: none
}

.course-nav-bar.slideDown {
    position: fixed;
    top: 0;
    z-index: 4
}

.course-nav-bar.slideDown .nav-actions {
    display: block
}

.course-nav-bar .course-cta {
    padding: 11px 12px;
    width: auto
}

.course-nav-bar .course-cta--add-to-cart {
    font-size: 22px;
    padding: 2px 0 0 0;
    width: 48px
}

.course-nav-bar .save-money {
    font-size: 16px;
    margin-top: 0
}

.course-nav-bar .discount-wrap--sliding-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    flex-direction: column
}

.course-nav-bar .discount-percent--sliding-dropdown {
    font-size: 14px;
    white-space: nowrap
}

.primary-cta .course-cta--add-to-cart {
    background-color: #17aa1c;
    color: #fff;
    margin-top: 10px;
    border: 1px solid transparent
}

.primary-cta .course-cta--add-to-cart:hover,
.primary-cta .course-cta--add-to-cart:focus {
    background-color: #159d1a;
    color: #fff
}

.also-viewed-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    width: 100%
}

.also-viewed-item:first-child {
    border: 0
}

.also-viewed-item .clearfix,
.also-viewed-item .dl-horizontal dd,
.also-viewed-item .container,
.also-viewed-item .container-fluid,
.also-viewed-item .row,
.also-viewed-item .form-horizontal .form-group,
.also-viewed-item .btn-toolbar,
.also-viewed-item .btn-group-vertical>.btn-group,
.also-viewed-item .nav,
.also-viewed-item .navbar,
.also-viewed-item .navbar-header,
.also-viewed-item .navbar-collapse,
.also-viewed-item .pager,
.also-viewed-item .panel-body,
.also-viewed-item .modal-header,
.also-viewed-item .modal-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.also-viewed-item .course-image {
    padding-right: 0
}

.also-viewed-item .save-money .old-price {
    font-size: 13px;
    margin: 0
}

.also-viewed-item .price {
    font-size: 15px;
    margin-top: auto
}

.also-viewed-item .course-description {
    font-size: 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.also-viewed-item .course-instructor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    font-size: 13px;
    max-width: 200px
}

.also-viewed-item .course-review {
    margin-bottom: 5px
}

.also-viewed-item--fbt:first-child {
    width: 100%;
    padding-left: 5px
}

.also-viewed-course-title {
    color: #555;
    line-height: 1.3;
    display: block;
    font-size: 13px
}

.also-viewed-course-title:hover {
    color: #000
}

.also-viewed {
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 10px;
    padding-right: 5px;
    position: relative;
    float: left;
    width: 100%
}

.also-viewed .preload-card {
    width: 100%;
    color: #606060;
    display: flex;
    align-items: center;
    justify-content: center
}

.also-viewed.ng-enter,
.also-viewed.ng-leave {
    -moz-transition: 300ms cubic-bezier(.25, .25, .75, .75) all;
    -ms-transition: 300ms cubic-bezier(.25, .25, .75, .75) all;
    -webkit-transition: 300ms cubic-bezier(.25, .25, .75, .75) all;
    -o-transition: 300ms cubic-bezier(.25, .25, .75, .75) all;
    transition: 300ms cubic-bezier(.25, .25, .75, .75) all
}

.also-viewed.ng-enter {
    opacity: 0
}

.also-viewed.ng-enter.ng-enter-active {
    opacity: 1
}

.also-viewed.ng-leave {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1
}

.also-viewed.ng-leave-active {
    opacity: 0
}

#reviews .ajax-loader-stick {
    position: relative
}

#reviews-list {
    min-height: 100%
}

.rate-review .udi-info-circle {
    color: #CCCCCC
}

.rate-review .rate {
    display: inline-block
}

.average-rate {
    font-size: 96px;
    font-weight: 600
}

.rate-count {
    color: #353535
}

.dividers {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 30px 0
}

.rate-list-title {
    font-weight: bold;
    margin-bottom: 5px
}

.rate-list .rate-list__cell {
    padding-bottom: 5px;
    padding-right: 10px
}

.rate-list .disabled,
.rate-list .deactive {
    opacity: .25
}

.rate-list .disabled .rate-list__cell {
    cursor: default
}

.rate-list .star-count {
    min-width: 50px;
    display: inline-block
}

.rate-list__progress {
    background: #D7D7D7;
    border-radius: 3px;
    height: 17px;
    width: 135px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.rate-list__progress--filled {
    display: block;
    background-color: #17aa1c;
    border-radius: 3px;
    height: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

p {
    margin-bottom: 15px
}

.related-courses li {
    margin: 0 15px 15px 0
}

.tab-btns>li {
    display: inline-block
}

.tab-btns>li.active>a {
    background-color: #ffffff;
    border-color: #1376d7;
    color: #222
}

.tab-btns>li>a {
    background-color: #ffffff;
    font-size: 15px;
    padding: 0 0 15px;
    color: #666;
    border-bottom: 5px solid transparent;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out
}

.tab-btns>li>a:hover,
.tab-btns>li>a:focus {
    background-color: #ffffff;
    color: #222
}

.comments-list {
    margin-top: 20px
}

.comments-list .comment {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 13px
}

.comments-list .comment:first-child {
    border-top: 1px solid #ddd;
    padding-top: 30px
}

.comments-list .comment .instructor-comment {
    margin-left: 30px
}

.comments-list .comment .info-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.comments-list .comment .info-container .avatar {
    margin-right: 15px;
    width: 38px
}



.comments-list .comment .info-container .user-details {
    -webkit-box-flex: 1 auto;
    -webkit-flex: 1 auto;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    -o-flex: 1 auto;
    flex: 1 auto;
    min-width: 1px;
    color: #1E2C35;
    font-size: 15px;
    padding: 0
}

.comments-list .comment .info-container .user-details .instructor {
    color: #303e4d;
    font-weight: 700
}

.comments-list .comment .info-container .user-details .username {
    color: #1E2C35
}

.comments-list .comment .info-container .user-details .review-created {
    color: #B1B1B1
}

.comments-list .comment .rating-container {
    margin-top: 9px
}

.comments-list .comment .comment-container {
    margin-top: 7px;
    padding-bottom: 5px
}

.comments-list .comment .comment-container>p {
    margin-bottom: 10px
}

.instructor-popup-details {
    overflow: hidden;
    padding: 10px;
    width: 330px
}

.instructor-popup-details .left-col {
    float: left;
    position: relative;
    border: 1px solid #666;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45)
}



.instructor-popup-details .left-col:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 2px #fff inset;
    width: 100%;
    height: 100%
}

.instructor-popup-details .right-col {
    float: left;
    width: 185px;
    margin-left: 15px
}

.instructor-popup-details .right-col .title {
    color: #3c7498;
    font-size: 16px
}

.instructor-popup-details .right-col .job {
    font-size: 13px
}

.instructor-popup-details .right-col .message {
    margin-top: 5px
}

.instructor-popup-details .right-col .message:before {
    content: '';
    width: 14px;
    height: 10px;
    background: url("../images/new_design/sprites_v2.png") -60px -110px;
    display: inline-block;
    margin-right: 6px
}

.instructor-popup-details .tags {
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 4px #ccc inset;
    padding: 10px 10px 5px;
    position: relative;
    width: 330px;
    margin-left: -10px;
    bottom: -10px
}

.instructor-popup-details .tags h3 {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 5px
}

.instructor-popup-details .tags span {
    background: #d2dbb7;
    font-size: 11px;
    color: #4b591e;
    text-transform: capitalize;
    line-height: 20px;
    padding: 0 4px;
    margin: 2px 0;
    display: inline-block
}

.how-taking-course,
.what-you-get,
.join-the-biggest,
.ready-to-start {
    padding: 45px 0 60px
}

.how-taking-course .title,
.what-you-get .title,
.join-the-biggest .title,
.ready-to-start .title {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px
}

.how-taking-course p,
.what-you-get p,
.join-the-biggest p,
.ready-to-start p {
    margin-bottom: 0
}

.how-taking-course {
    background: #298fb7;
    color: #fff
}

.what-you-get i {
    color: #17aa1c;
    display: inline-block;
    margin-bottom: 15px
}

.join-the-biggest {
    background: #36b349;
    color: #fff
}

.join-the-biggest .count {
    font-size: 36px;
    margin-bottom: 10px
}

#what-you-get-badges .fxac,
#join-the-biggest .fxac {
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

#what-you-get-badges .box,
#join-the-biggest .box {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    margin-right: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

#what-you-get-badges .box p,
#join-the-biggest .box p {
    margin-bottom: 0
}

#what-you-get-badges .box i,
#join-the-biggest .box i {
    color: #17aa1c
}

#what-you-get-badges .box:last-child,
#join-the-biggest .box:last-child {
    margin-right: 0
}

#join-the-biggest .box {
    margin: 0
}

#join-the-biggest .box .count {
    font-size: 30px
}

#join-the-biggest .box:nth-child(2) {
    margin: 0 20px
}

.ie .fx-ie {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.ie .fxac-ie {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.carousel .carousel-caption {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    left: 0;
    font-weight: 600;
    bottom: 0;
    text-align: right;
    padding: 30px;
    text-shadow: none
}

#desc ul {
    **list-style: disc;
    padding-left: 35px
}

#desc ol {
    padding-left: 35px
}

@-webkit-keyframes heartbeat {
    0% {
        opacity: .3;
        -webkit-transform: scale(0, 0)
    }
    35% {
        -webkit-transform: scale(.9, 1.1)
    }
    50% {
        -webkit-transform: scale(1.1, .9)
    }
    75% {
        -webkit-transform: scale(.95, 1.05)
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes heartbeat {
    0% {
        opacity: .3;
        -moz-transform: scale(0, 0)
    }
    35% {
        -moz-transform: scale(.9, 1.1)
    }
    50% {
        -moz-transform: scale(1.1, .9)
    }
    75% {
        -moz-transform: scale(.95, 1.05)
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes heartbeat {
    0% {
        opacity: .3;
        -o-transform: scale(0, 0)
    }
    35% {
        -o-transform: scale(.9, 1.1)
    }
    50% {
        -o-transform: scale(1.1, .9)
    }
    75% {
        -o-transform: scale(.95, 1.05)
    }
    100% {
        opacity: 1
    }
}

@keyframes heartbeat {
    0% {
        opacity: .3;
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }
    35% {
        -webkit-transform: scale(.9, 1.1);
        -moz-transform: scale(.9, 1.1);
        -ms-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }
    50% {
        -webkit-transform: scale(1.1, .9);
        -moz-transform: scale(1.1, .9);
        -ms-transform: scale(1.1, .9);
        transform: scale(1.1, .9)
    }
    75% {
        -webkit-transform: scale(.95, 1.05);
        -moz-transform: scale(.95, 1.05);
        -ms-transform: scale(.95, 1.05);
        transform: scale(.95, 1.05)
    }
    100% {
        opacity: 1
    }
}

.heartbeat {
    -webkit-animation: heartbeat;
    -moz-animation: heartbeat;
    -o-animation: heartbeat;
    animation: heartbeat;
    -webkit-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.mco-po {
    color: rgba(0, 0, 0, 0.55);
    font-weight: normal;
    font-size: 13px;
    text-decoration: line-through
}

.modal-dialog .js-bottom-loader {
    margin-left: -36px
}

.act-links-item .dropdown-menu li:first-child:nth-last-child(1)~li.divider,
.act-links-item .dropdown-menu li:first-child:nth-last-child(2)~li.divider,
.act-links-item .dropdown-menu li:first-child:nth-last-child(3)~li.divider {
    display: none
}

.act-links-item .dropdown-menu .divider:nth-child(1),
.act-links-item .dropdown-menu .divider:nth-child(2) {
    display: none
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: -1000
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: -1000
    }
    100% {
        stroke-dashoffset: 0
    }
}

.course-cta {
    padding: 11px 12px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 10px 0;
    width: 216px;
    display: block
}

.course-cta--buy {
    color: #ffffff;
    background-color: #17aa1c;
    display: inline-block
}

.course-cta--buy:hover,
.course-cta--buy:focus {
    color: #fff;
    background-color: #159d1a
}

.course-cta--buy.disabled {
    background-color: #8d8d8d !important;
    color: #d5d5d5 !important
}

.course-cta--secondary--buy {
    color: #17aa1c;
    background-color: #ffffff;
    display: inline-block;
    border-color: rgba(0, 0, 0, 0.25)
}

.course-cta--secondary--buy:hover,
.course-cta--secondary--buy:focus {
    outline: none;
    background-color: #f7f7f7;
    color: #17aa1c
}

.course-cta--add-to-cart {
    position: relative;
    overflow: hidden;
    color: #17aa1c;
    border-color: rgba(0, 0, 0, 0.25);
    background: white;
    padding: 2.5px;
    height: 44px;
    margin: 0
}

.course-cta--add-to-cart:focus,
.course-cta--add-to-cart:hover {
    outline: none;
    color: #17aa1c;
    background-color: #f7f7f7
}

.course-cta--add-to-cart .loader,
.course-cta--add-to-cart .text {
    display: inline-block
}

.course-cta--add-to-cart .loader {
    position: absolute;
    left: 50%;
    top: 4px;
    margin-left: -16px
}

.course-cta--add-to-cart.disabled {
    -moz-animation: disabled-bt 700ms ease-in-out forwards;
    -ms-animation: disabled-bt 700ms ease-in-out forwards;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50;
    -webkit-animation: disabled-bt 700ms ease-in-out forwards;
    -o-animation: disabled-bt 700ms ease-in-out forwards;
    animation: disabled-bt 700ms ease-in-out forwards;
    background-color: #e9e9e9 !important;
    border-color: #c6c7c8 !important;
    color: #999999 !important
}

.course-cta--wishlist {
    color: #17aa1c;
    background: none;
    padding: 0 12px 0 0;
    margin: 0;
    text-align: left;
    border: none
}

.course-cta--wishlist .icon {
    font-size: 20px;
    min-width: 20px;
    margin-right: 5px;
    color: #d23837;
    text-align: center
}

.course-cta--wishlist .in-wishlist {
    display: none
}

.course-cta--wishlist .not-in-wishlist {
    display: inline-block
}

.course-cta--wishlist:focus,
.course-cta--wishlist:hover {
    color: #159d1a;
    outline: none
}

.course-cta--wishlist.active .in-wishlist {
    display: inline-block
}

.course-cta--wishlist.active .not-in-wishlist {
    display: none
}

.course-cta--wishlist.active .icon {
    -webkit-animation: heartbeat;
    -moz-animation: heartbeat;
    -o-animation: heartbeat;
    animation: heartbeat;
    -webkit-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.course-cta--notification {
    width: 216px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    text-align: center
}

.cart-load-spinner {
    margin-right: 5px
}

.skills-future-badge {
    background-color: #e8553a;
    display: inline-block;
    padding: .6em;
    margin-bottom: 5px
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: -1000
    }
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: -1000
    }
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes move-checkmark {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-backface-visibility: hidden
    }
    100% {
        -moz-transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
        -o-transform: translateX(-60px);
        -ms-transform: translateX(-60px);
        transform: translateX(-60px);
        -webkit-backface-visibility: hidden
    }
}

@keyframes move-checkmark {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-backface-visibility: hidden
    }
    100% {
        -moz-transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
        -o-transform: translateX(-60px);
        -ms-transform: translateX(-60px);
        transform: translateX(-60px);
        -webkit-backface-visibility: hidden
    }
}

@-webkit-keyframes disabled-bt {
    50% {
        background-color: #e9e9e9;
        border-color: #c6c7c8
    }
    100% {
        background-color: #e9e9e9;
        border-color: #c6c7c8;
        cursor: default
    }
}

@keyframes disabled-bt {
    50% {
        background-color: #e9e9e9;
        border-color: #c6c7c8
    }
    100% {
        background-color: #e9e9e9;
        border-color: #c6c7c8;
        cursor: default
    }
}

.fancybox-wrap .fancybox-inner>h1 {
    max-width: 767px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.fancybox-inner .mask--lecture-popup {
    width: 767px;
    height: 400px
}

@media (max-width:768px) {
    .fancybox-inner .mask--lecture-popup {
        width: 100%;
        height: 220px
    }
}

.paid-course-alternatives-wrapper {
    background-color: rgba(0, 161, 166, 0.1);
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px
}

.paid-course-alternatives-wrapper .pca-buyables-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.paid-course-alternatives-wrapper .pca-buyables-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.paid-course-alternatives-wrapper .course-box .mask {
    height: 100%
}

.paid-course-alternatives-wrapper .course-box.small__instructor {
    box-shadow: none;
    border: 1px solid #dedede;
    margin-bottom: 10px;
    margin-right: 10px
}

.paid-course-alternatives-wrapper .paid-courses-features {
    background-color: #ffffff;
    border: 1px solid #dedede;
    list-style: none;
    margin-bottom: 10px;
    max-height: 280px;
    min-width: 230px;
    padding: 20px 10px 10px 10px
}

.paid-course-alternatives-wrapper .paid-courses-features .udi {
    color: #17aa1c
}

.paid-course-alternatives-wrapper .paid-courses-features ul.list {
    line-height: 2.3em;
    list-style: none
}

.frequently-bought-together-wrapper {
    background-color: rgba(0, 161, 166, 0.1);
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px
}

.frequently-bought-together-wrapper .also-viewed {
    margin-top: 0
}

.frequently-bought-together-wrapper .fbt-buyables-row {
    display: inline-block
}

.frequently-bought-together-wrapper .fbt-buyables-wrapper {
    float: left
}

.frequently-bought-together-wrapper .related-course-card-wrapper {
    width: 390px
}

.frequently-bought-together-wrapper .plus-icon-wrapper {
    float: left
}

.frequently-bought-together-wrapper .plus-icon-outer {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 35px;
    top: 50px;
    margin: 0 -26px;
    z-index: 1
}

.frequently-bought-together-wrapper .plus-icon-inner {
    font-size: 30px;
    position: absolute;
    top: -15px;
    left: 10px
}

.frequently-bought-together-wrapper .course-cta--add-to-cart {
    border-width: 0;
    color: #ffffff;
    background-color: #17aa1c
}

.frequently-bought-together-wrapper .course-cta--add-to-cart:hover,
.frequently-bought-together-wrapper .course-cta--add-to-cart:focus {
    color: #fff;
    background-color: #159d1a
}

.frequently-bought-together-wrapper .course-cta--add-to-cart.disabled {
    border-width: 1px
}

.frequently-bought-together-wrapper .original-price {
    color: #8c8c8c;
    text-decoration: line-through
}

.about-section {
    position: relative
}

.about-section h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.55);
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin-bottom: 15px
}

.about-section li {
    list-style-type: disc;
    list-style-position: inside;
    padding-bottom: 10px
}

.about-section_list {
    max-height: 120px;
    overflow: hidden;
    margin-left: 24px;
    display: inline-block;
    width: calc(100% - 128px)
}

.highlights {
    padding-top: 10px
}

.course-goals {
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    border-radius: 2px
}

.course-goals h2 {
    margin: 25px 20px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #000000;
    display: block;
    width: auto
}

.course-goals li {
    padding-right: 20px;
    padding-left: 20px;
    text-indent: -20px
}

.course-goals .about-section_list {
    margin-left: 40px;
    width: auto;
    height: auto;
    max-height: none
}

.course-goals .js-simple-collapse-more-btn {
    padding: 0 0 10px 20px
}

#course-description .about-row {
    border-top: 1px solid #cbcbcb;
    padding: 15px 10px 15px 0;
    display: table;
    width: 100%
}

#course-description .about-row ul {
    list-style: disc;
    padding-left: 20px
}

#course-description .about-row ul li {
    margin-bottom: 5px
}

#projects {
    background: white;
    border: 1px solid #CCCCCC;
    margin-top: 20px;
    padding: 10px 30px
}

#projects .image {
    padding: 30px;
    height: 100%
}



#projects .caption {
    height: 100%;
    padding: 0 30px 60px 30px
}

#projects .carousel-indicators {
    bottom: 0
}

#projects .carousel-indicators li {
    background-color: #cbcbcb
}

#projects .carousel-indicators .active {
    background-color: #17aa1c !important
}

#projects .carousel-control {
    background: none;
    color: #17aa1c;
    width: 9%
}

#projects .carousel-control .glyphicon-chevron-right {
    margin-right: -30px
}

#projects .carousel-control .glyphicon-chevron-left {
    margin-left: -30px
}

#projects .carousel-indicators {
    z-index: 1
}

.discount-expiration-today {
    background: #D23837;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding: 3px 10px
}

.recommendation-unit {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #def0f7;
    background-size: cover;
    position: relative;
    text-align: center
}

.recommendation-unit .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 46px;
    margin-bottom: 42px
}

.recommendation-unit .container .card-pager .card-pager__cards {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start
}

.recommendation-unit .container .card-pager .card-pager__cards .card {
    cursor: pointer;
    font-size: 13px;
    margin-right: 15px
}

.recommendation-unit .container .card-pager .card-pager__cards .card .price {
    font-size: 15px
}

.recommendation-unit .container .card-pager .card-pager__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.recommendation-unit .container .card-pager .card-pager__header .card-pager__directive-wrapper {
    margin-left: auto
}

.recommendation-unit .container .card-pager .card-pager__header .card-pager__title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 15px;
    font-weight: bold
}

.recommendation-unit .container .content-loader--card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.recommendation-unit .container .content-loader--card:last-child {
    margin-right: 0
}

.recommendation-unit .container .content-loader--card li {
    height: 276px;
    margin-right: 15px;
    width: 216px
}

.recommendation-unit .container .tab-title {
    display: inline-table;
    margin-bottom: 16px
}

.curriculum-v3-wrapper {
    padding-top: 30px
}

.curriculum-v3-wrapper .content-container hr {
    border-top: 1px solid #ededed;
    color: #ededed;
    margin-bottom: auto;
    margin-top: auto;
    width: 100%
}

.curriculum-v3-wrapper .content-summary {
    color: #999999
}

.curriculum-v3-wrapper .content-summary,
.curriculum-v3-wrapper .curriculum-header-length {
    text-align: right;
    width: 30%
}

.curriculum-v3-wrapper .curriculum-header-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px
}

.curriculum-v3-wrapper .curriculum-header-length {
    color: #333333
}

.curriculum-v3-wrapper .curriculum-header-text {
    color: #333333;
    font-size: 21px;
    line-height: 1.48
}

.curriculum-v3-wrapper .header-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%
}

.curriculum-v3-wrapper .header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 30px;
    width: 50%
}

.curriculum-v3-wrapper .js-toggle-all {
    text-align: right
}

.curriculum-v3-wrapper .js-toggle-all .expanded-text {
    display: none
}

.curriculum-v3-wrapper .js-toggle-all.js-toggle-all--expanded .collapsed-text {
    display: none
}

.curriculum-v3-wrapper .js-toggle-all.js-toggle-all--expanded .expanded-text {
    display: inline;
    padding-left: 5px
}

.curriculum-v3-wrapper .lecture-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 12px 30px 12px 48px
}

.curriculum-v3-wrapper .lecture-container .udi {
    opacity: .3
}

.curriculum-v3-wrapper .lecture-container .description {
    font-size: 13px
}

.curriculum-v3-wrapper .lecture-container .description.collapsing+.title i:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.curriculum-v3-wrapper .lecture-container .description.in+.title i:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.curriculum-v3-wrapper .lecture-container .description p {
    margin-bottom: 0
}

.curriculum-v3-wrapper .lecture-container.lecture-container--preview .content-summary,
.curriculum-v3-wrapper .lecture-container.lecture-container--preview .title,
.curriculum-v3-wrapper .lecture-container.lecture-container--preview .preview-text,
.curriculum-v3-wrapper .lecture-container.lecture-container--preview .udi {
    color: #1376d7
}

.curriculum-v3-wrapper .lecture-container .left-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 50%
}

.curriculum-v3-wrapper .lecture-container .title {
    color: #333333;
    font-size: 14px
}

.curriculum-v3-wrapper .lecture-container .title i:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.curriculum-v3-wrapper .lecture-container .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-left: 15px;
    width: 100%
}

.curriculum-v3-wrapper .lecture-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    font-size: 18px;
    font-weight: 600
}

.curriculum-v3-wrapper .lecture-title-toggle {
    color: #1376d7;
    display: block;
    height: auto !important
}

.curriculum-v3-wrapper .lecture-title-toggle.in .lecture-title-toggle-plus {
    display: none
}

.curriculum-v3-wrapper .lecture-title-toggle.in .lecture-title-toggle-minus {
    display: inline
}

.curriculum-v3-wrapper .lecture-title-toggle .lecture-title-toggle-plus {
    display: inline
}

.curriculum-v3-wrapper .lecture-title-toggle .lecture-title-toggle-minus {
    display: none
}

.curriculum-v3-wrapper .lecture-title-text {
    font-size: 15px;
    padding-left: 8px
}

.curriculum-v3-wrapper .lecture-title-toggle-wrapper {
    display: inline-block;
    width: 12px
}

.curriculum-v3-wrapper .lectures-container {
    background-color: #fff;
    border-bottom-color: #ededed;
    border-bottom-style: solid;
    border-left-color: #ededed;
    border-left-style: solid;
    border-right-color: #ededed;
    border-right-style: solid;
    border-width: 0 1px 1px;
    color: #565757;
    letter-spacing: .3px;
    line-height: 1.33
}

.curriculum-v3-wrapper .lectures-container .details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    width: 50%
}

.curriculum-v3-wrapper .num-sections {
    display: block
}

.curriculum-v3-wrapper .num-sections.collapse.in {
    display: none
}

.curriculum-v3-wrapper .section-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    border: solid 1px #ededed;
    cursor: pointer;
    height: auto;
    margin-top: 3px;
    padding: 10px 30px 10px 22px
}

.curriculum-v3-wrapper .section-container.section-container--more-sections {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    background-color: #ededed;
    border: 1px solid #dedede
}

.curriculum-v3-wrapper .section-header-left {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 65%
}

.curriculum-v3-wrapper .section-header-length {
    text-align: right;
    width: 42%
}

.curriculum-v3-wrapper .section-header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    color: #333333;
    margin-left: auto;
    width: 35%
}

.curriculum-v3-wrapper .section-header-right .collapsing {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.instructor-alternate__body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    background-color: #f9f9f9;
    padding: 30px 30px 18px 30px
}

.instructor-alternate__description .js-simple-collapse-more-btn {
    background: linear-gradient(rgba(244, 244, 244, 0), rgba(244, 244, 244, 0.95), #f9f9f9)
}

.instructor-alternate__instructor-image {
    height: 170px;
    width: 170px
}

.instructor-alternate__job-title {
    color: #262626;
    font-size: 18px;
    font-weight: 600;
    line-height: 1
}

.instructor-alternate__left {
    -webkit-box-flex: 0 0 170px;
    -webkit-flex: 0 0 170px;
    -moz-flex: 0 0 170px;
    -ms-flex: 0 0 170px;
    -o-flex: 0 0 170px;
    flex: 0 0 170px;
    min-width: 1px;
    margin-right: 60px
}

.instructor-alternate__right {
    flex: 0 auto
}

.instructor-alternate__social-icon {
    font-size: 18px
}

.instructor-alternate__social-iconed-btn {
    height: 32px;
    width: 32px
}

.instructor-alternate__social-links {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 5px;
    margin-bottom: 28px
}

.instructor-alternate__stat {
    color: #252625;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0
}

.instructor-alternate__stat-icon {
    font-size: 16px;
    width: 25px
}

.instructor-alternate__stat-row {
    height: 32px
}

.instructor-alternate__stats {
    margin-top: 12px
}

.instructor-alternate__title {
    color: #1276d7;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.52
}

.instructor-alternate__title-container {
    margin-bottom: 15px;
    margin-top: -8px
}

.black-friday-deal {
    background: #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 15px 4px 15px;
    position: relative
}

.black-friday-deal:after {
    border-right: 10px solid transparent;
    border-top: 20px solid #000000;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0
}

@media (max-width:767px) {
    .course-title {
        font-size: 20px;
        margin: 10px 0 0
    }
    .curriculum-v3-wrapper .curriculum-header-container {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .curriculum-v3-wrapper .header-left {
        padding-left: 22px;
        width: 100%
    }
    .curriculum-v3-wrapper .header-right {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        padding-left: 22px;
        padding-right: 30px;
        width: 100%
    }
    .right-top {
        margin-top: 10px
    }
    .table-responsive {
        border-top: 0
    }
    .cur-list * {
        font-size: 12px;
        white-space: normal !important
    }
    .cur-list tr {
        height: auto !important
    }
    .cur-list td {
        padding: 4px 2px !important
    }
    .cur-list .preview-btn {
        padding: 2px 10px 3px
    }
    .cur-list .cur-list-row .count {
        width: 75px !important
    }
    .cur-list-row .down-arrow {
        display: none !important
    }
    .cur-list-row-detail {
        display: none
    }
    .also-viewed {
        max-width: 225px
    }
    .course-nav-bar {
        display: none
    }

    .highlights {
        padding-top: 0
    }
    .highlights .highlight {
        margin-top: 20px
    }
}

@media (max-width:480px) {
    .cur-list .lec-det {
        display: none
    }
    .tooltip--new {
        white-space: normal
    }
    #what-you-get-badges .badges-row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #what-you-get-badges .box:first-child {
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media (max-width:992px) {
    .pca-buyables-wrapper li:nth-last-child(2) {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .right-top {
        margin-top: 20px
    }
    .right-middle {
        border: 0;
        padding: 0
    }
    .course-nav-bar {
        display: none
    }
    .also-viewed {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .also-viewed-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        float: left;
        width: 33%;
        border-top: none;
        border-left: 1px solid #ccc
    }
    .highlights .highlight {
        width: 50%;
        float: left
    }
}

@media (max-width:992px) {
    .frequently-bought-together-wrapper .total-price-wrapper {
        float: none
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .course-nav-bar {
        display: none
    }
    .frequently-bought-together-wrapper .course-cta--add-to-cart {
        width: 160px
    }
    .frequently-bought-together-wrapper .total-price-wrapper {
        width: 16%
    }
    .frequently-bought-together-wrapper .original-price {
        padding: 0
    }
}

@media (max-width:1199px) {
    #related {
        display: none
    }
    .frequently-bought-together-wrapper .also-viewed {
        max-width: none
    }
}

@media (max-width:991px) {
    .frequently-bought-together-wrapper .plus-icon-wrapper {
        width: 390px;
        height: 28px
    }
    .frequently-bought-together-wrapper .plus-icon-outer {
        top: 5px;
        margin: 0
    }
    .also-viewed-item .course-image {
        padding: 0;
        margin: 0 auto;
        display: table
    }
    .also-viewed-item .course-description {
        margin: 10px auto 0;
        display: table
    }
    .also-viewed-item .clearfix,
    .also-viewed-item .dl-horizontal dd,
    .also-viewed-item .container,
    .also-viewed-item .container-fluid,
    .also-viewed-item .row,
    .also-viewed-item .form-horizontal .form-group,
    .also-viewed-item .btn-toolbar,
    .also-viewed-item .btn-group-vertical>.btn-group,
    .also-viewed-item .nav,
    .also-viewed-item .navbar,
    .also-viewed-item .navbar-header,
    .also-viewed-item .navbar-collapse,
    .also-viewed-item .pager,
    .also-viewed-item .panel-body,
    .also-viewed-item .modal-header,
    .also-viewed-item .modal-footer {
        display: block
    }
}

@media (max-width:480px) {
    .ci-d {
        font-size: 18px
    }
    .course-cta {
        width: 100%
    }
    .course-title {
        font-size: 36px;
        margin: 15px 0;
        font-weight: 500
    }
    .rating-and-enrolled .rating-and-enrolled__element {
        margin-top: 5px
    }
    .rating-and-enrolled .star-rating--smaller:before,
    .rating-and-enrolled .star-rating--smaller span:before {
        font-size: 18px
    }
    h1 {
        font-size: 28px
    }
}

@media (max-width:768px) {
    .also-viewed-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .instructor-alternate__body {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
    .instructor-alternate__title-container {
        margin-top: 0
    }
}

@media (min-width:1200px) {
    .course-nav-bar.slideDown+.clp-merchandise {
        margin-top: 64px
    }
}

@media (max-width:480px) {
    .curriculum-v3-wrapper .content-summary {
        display: none
    }
    .curriculum-v3-wrapper .lecture-container {
        padding-left: 38px
    }
    .curriculum-v3-wrapper .lecture-container .details {
        display: none
    }
    .curriculum-v3-wrapper .lecture-container .left-content {
        width: 100%
    }
    .curriculum-v3-wrapper .lecture-container .top {
        margin-left: 8px
    }
    .curriculum-v3-wrapper .section-header-left {
        width: 100%
    }
    .curriculum-v3-wrapper .section-header-right {
        display: none
    }
    #instructor-alternate {
        margin-top: 20px
    }
    .instructor-alternate__body {
        padding-bottom: 0
    }
    .instructor-alternate__stat {
        font-size: 12px
    }
    .instructor-alternate__title {
        font-size: 18px
    }
    .instructor-alternate__job-title {
        font-size: 15px;
        margin-top: 5px
    }
}

.category-menu {
    background-color: #f6f6f6;
    display: block;
    position: relative
}

.category-menu__container {
    display: inline-block;
    position: relative
}

@media (max-width:479px) {
    .category-menu__container {
        display: block
    }
}

@media (min-width:768px) {
    .category-menu__container {
        margin-left: 120px
    }
}

.category-menu__container--hidden {
    display: block;
    height: 1px;
    visibility: hidden
}

.category-menu__item {
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    white-space: nowrap
}

.category-menu__item:hover {
    background-color: #ddd
}

.category-menu__item--secondary {
    background: #eee
}

.category-menu__link {
    display: block;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap
}

.category-menu__link--other {
    color: rgba(0, 0, 0, 0.55)
}

.category-menu__link--other:hover {
    color: rgba(0, 0, 0, 0.55)
}

.category-menu__link--primary {
    color: #17aa1c;
    font-weight: bold
}

.category-menu__link--primary:hover {
    color: #17aa1c
}

.category-menu__controls {
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    position: absolute;
    right: 10px
}

@media (min-width:480px) {
    .category-menu__controls {
        position: inherit;
        right: auto
    }
}

.category-menu__controls--hover {
    background-color: #ddd
}

.category-menu__overflow {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(191, 191, 191, 0.45);
    border-bottom-left-radius: 2px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.8);
    left: 0;
    margin: 0 10px;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 1000
}

@media (min-width:480px) {
    .category-menu__overflow {
        left: auto;
        margin: 0
    }
}

.category-menu__overflow-item {
    cursor: pointer;
    padding: 10px;
    white-space: nowrap
}

.category-menu__overflow-item:hover {
    background-color: #ddd
}

.category-menu__overflow-overlay {
    background: rgba(255, 255, 255, 0.7);
    left: 0;
    position: absolute;
    right: 0;
    z-index: 999
}

.bestseller-badge__type {
    background: #ffd000;
    color: #333333;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin: 0 10px;
    padding: 3px 7px;
    position: relative
}

.bestseller-badge__type:before,
.bestseller-badge__type:after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 0
}

.bestseller-badge__type:before {
    border-bottom: 21px solid #ffd000;
    border-left: 10px solid transparent;
    left: -10px
}

.bestseller-badge__type:after {
    border-right: 10px solid transparent;
    border-top: 21px solid #ffd000;
    right: -10px
}

.bestseller-badge__content {
    color: rgba(0, 0, 0, 0.55);
    display: inline-block;
    font-size: 11px
}

.quiz-asset {
    height: 100%;
    overflow: hidden
}

.quiz-asset .quiz-viewer {
    height: 100%;
    width: 100%;
    position: relative;
    white-space: nowrap;
    font-size: 0;
    left: 0
}

.quiz-asset .frame {
    background: #fff;
    display: inline-block;
    height: 100%;
    white-space: normal;
    width: 100%;
    font-size: 14px;
    vertical-align: top;
    overflow: hidden
}

.quiz-asset .table {
    height: 100%;
    table-layout: fixed
}

.quiz-asset .quiz-mask {
    bottom: 0;
    overflow: auto;
    position: absolute;
    top: 45px;
    width: 100%
}

.quiz-asset .results-page .quiz-mask {
    top: 0
}

.quiz-asset .quiz-wrapper {
    height: 100%;
    position: absolute;
    width: 100%
}

.quiz-asset .question .quiz-wrapper {
    padding: 0 20px
}

.quiz-asset .start-page {
    box-shadow: 0 0 135px 15px rgba(0, 0, 0, 0.25) inset, 0 0 0 1px #fff inset;
    text-align: center;
    padding: 0 15%
}

.quiz-asset .start-page h1 {
    color: #6A8B1A;
    font-size: 28px;
    font-weight: 200
}

.quiz-asset .start-page h2 {
    font-size: 40px;
    font-weight: 200;
    margin-top: 10px
}

.quiz-asset .start-page h3 {
    color: #999;
    font-weight: normal;
    font-size: 16px
}

.quiz-asset .start-page h3 b {
    color: #353535;
    font-weight: normal
}

.quiz-asset .start-page article {
    color: #62616C;
    margin: 20px 0;
    overflow: auto
}

.quiz-asset .start-page article.not-published {
    font-size: 16px
}

.quiz-asset .start-page .start {
    bottom: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.quiz-asset .start-page .more {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%
}

.quiz-asset .back-btn2 {
    float: left;
    margin: 3px 10px 0 15px;
    z-index: 1
}

.quiz-asset .quiz-navigation {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 #fff;
    background: #f7f7f7;
    border-bottom: 1px solid #737373;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    width: 100%
}

.quiz-asset .quiz-navigation h3 {
    float: left;
    font-size: 18px;
    line-height: 1.8;
    font-weight: normal
}

.quiz-asset nav {
    float: right;
    margin-top: 2px
}

.quiz-asset nav button {
    background: #fff;
    padding: 3px 10px;
    color: #575757;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.45);
    float: left;
    margin-left: -1px;
    font-size: 13px
}

.quiz-asset nav button:hover {
    background: #fff4b8;
    color: #353535
}

.quiz-asset nav button[disabled] {
    cursor: not-allowed;
    background: #fff
}

.quiz-asset .question .table {
    height: auto;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center
}

.quiz-asset .answers li {
    border: 1px solid #ccc;
    color: #444;
    margin-top: 10px;
    padding: 8px;
    text-align: left;
    cursor: pointer
}

.quiz-asset .answers li:hover {
    background: #f6f6f6
}

.quiz-asset .answers li.correct {
    background: #b5c763;
    color: #fff;
    border: 1px solid #375f1f
}

.quiz-asset .answers li.wrong {
    background: #df904f;
    color: #fff;
    border: 1px solid #46171f
}

.quiz-asset .answers li.wrong:before {
    background-position: -117px -570px !important
}

.quiz-asset .answers li.correct:before,
.quiz-asset .answers li.wrong:before {
    content: '';
    width: 23px;
    height: 18px;
    float: right;
    background: url("../images/v3/sprites1c07.png?v=17");
    background-position: -90px -570px
}

.quiz-asset .answers li.selected {
    background: #fff4b8;
    color: #353535
}

.quiz-asset .answers .quiz-answer-feedback {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    margin-top: 5px;
    padding-top: 5px
}

.quiz-asset .answers .quiz-answer-feedback a {
    color: #ffffff;
    font-weight: bold
}

.quiz-asset .submit-answer-btn,
.quiz-asset .next-btn,
.quiz-asset .finalize-btn {
    float: left;
    margin: 20px 0
}

.quiz-asset .review-question-lecture {
    float: left;
    margin: 24px 10px
}

.quiz-asset .review-question-lecture .ext {
    font-weight: normal
}

.quiz-asset .review-question-lecture .ext:after {
    font-family: cocon, 'UdemyIcons';
    content: "\f08e";
    margin-left: 5px;
    font-size: smaller
}

.quiz-asset .question-text {
    font-size: 21px;
    text-align: left;
    margin: 15px 0
}

.quiz-asset .question-text .wrong-answer {
    text-decoration: line-through;
    color: red;
    margin-right: 8px
}

.quiz-asset .question-text .correct-answer {
    text-decoration: underline;
    color: green
}

.quiz-asset .score {
    float: left;
    width: 300px;
    background: #ddd;
    height: 100%;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 0 2px #A0A0A0;
    min-height: 460px
}

.quiz-asset .score h2 {
    border-radius: 50%;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.45), 0 -2px 0 rgba(255, 255, 255, 0.25) inset;
    font-size: 18px;
    margin: -40px -90px 0;
    padding: 90px 0 90px
}

.quiz-asset .perc {
    background: #7F8186;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 45px;
    height: 150px;
    line-height: 150px;
    margin-top: -70px;
    position: relative;
    width: 150px;
    padding: 10px
}

.quiz-asset .perc span {
    background: #F7F7F7;
    border-radius: 50%;
    display: block;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: hidden
}

.quiz-asset .perc span i {
    background: #D7E371;
    float: right;
    height: 100%;
    width: 0
}

.quiz-asset .perc b {
    background: #7F8186;
    border-radius: 50%;
    bottom: 25px;
    box-shadow: 0 0 2px #000 inset;
    left: 25px;
    line-height: 95px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 2
}

.quiz-asset .numbers {
    margin-top: 10px
}

.quiz-asset .numbers p {
    margin: 0
}

.quiz-asset .numbers .c {
    color: #789c2b
}

.quiz-asset .numbers .i {
    color: #b22637
}

.quiz-asset .numbers .s {
    color: #777
}

.quiz-asset .numbers .co {
    font-weight: bold;
    margin-top: 10px
}

.quiz-asset .numbers .co b {
    color: #789c2b
}

.quiz-asset .review {
    margin-left: 300px;
    height: 100%;
    position: relative
}

.quiz-asset .review .wrapper {
    overflow: auto;
    position: absolute;
    top: 15px;
    bottom: 10px;
    width: 100%;
    padding: 0 20px
}

.quiz-asset .review h1 {
    font-size: 18px
}

.quiz-asset .webkit-wrapper {
    margin-top: 10px;
    box-shadow: 0 0 4px #666
}

.quiz-asset .scoreboard {
    display: table;
    width: 100%;
    font-weight: bold
}

.quiz-asset .scoreboard li {
    display: table-row
}

.quiz-asset .scoreboard li>div {
    display: table-cell;
    padding: 10px;
    box-shadow: 1px 0 rgba(0, 0, 0, 0.13) inset, 2px 0 rgba(255, 255, 255, 0.5) inset;
    position: relative
}

.quiz-asset .scoreboard li>div:first-child {
    box-shadow: none
}

.quiz-asset .scoreboard li.q:hover {
    cursor: pointer
}

.quiz-asset .scoreboard .bordered-thumb {
    float: left;
    width: 25px;
    height: 25px;
    margin: -3px 10px 0 0
}

.quiz-asset .scoreboard .people {
    float: left;
    width: 30px;
    height: 21px;
    background: url("../images/v3/sprites1c07.png?v=17") -30px -490px;
    margin: 0 5px 0 0
}

.quiz-asset .scoreboard .h {
    background: #f6f9fc;
    color: #555
}

.quiz-asset .scoreboard .h b {
    color: #999
}

.quiz-asset .scoreboard .h>div {
    border-bottom: 2px solid #C2CCE0
}

.quiz-asset .scoreboard .q {
    background: #fefefe
}

.quiz-asset .scoreboard .q>div {
    border-top: 1px solid #c5c5c5
}

.quiz-asset .scoreboard .q>div:first-child {
    color: #5b666f
}

.quiz-asset .scoreboard .q>div:last-child .relative:after {
    content: '';
    width: 13px;
    height: 17px;
    background: url("../images/v3/sprites1c07.png?v=17") -30px -769px;
    position: absolute;
    right: 10px;
    top: -3px
}

.quiz-asset .scoreboard .q:hover {
    background: #f9f5f0
}

.quiz-asset .scoreboard .a {
    text-transform: uppercase;
    color: #6a9d21
}

.quiz-asset .scoreboard .a.i {
    color: #9d2138
}

.quiz-asset .scoreboard .a.i:before {
    background-position: -180px -570px
}

.quiz-asset .scoreboard .a:before {
    content: '';
    float: left;
    width: 16px;
    height: 13px;
    background: url("../images/v3/sprites1c07.png?v=17") -150px -570px;
    margin: 4px 5px 0 0
}

.quiz-asset .scoreboard .assessment-stats {
    position: absolute;
    top: -50%
}

.quiz-asset .scoreboard .assessment-stats>.a {
    float: left;
    margin-right: 10px
}

.quiz-asset .scoreboard .progress-bar {
    background: #d6d6d6;
    margin: 0 40px 0 120px
}

.quiz-asset .scoreboard .progress-bar span {
    background: #6a9d21
}

@-webkit-keyframes throbber {
    0% {
        background: #dde2e7
    }
    10% {
        background: #6b9dc8
    }
    40% {
        background: #dde2e7
    }
}

@-moz-keyframes throbber {
    0% {
        background: #dde2e7
    }
    10% {
        background: #6b9dc8
    }
    40% {
        background: #dde2e7
    }
}

@-o-keyframes throbber {
    0% {
        background: #dde2e7
    }
    10% {
        background: #6b9dc8
    }
    40% {
        background: #dde2e7
    }
}

@keyframes throbber {
    0% {
        background: #dde2e7
    }
    10% {
        background: #6b9dc8
    }
    40% {
        background: #dde2e7
    }
}

.throbber:not(:required) {
    -webkit-animation: throbber 2000ms 300ms infinite ease-out;
    -moz-animation: throbber 2000ms 300ms infinite ease-out;
    -ms-animation: throbber 2000ms 300ms infinite ease-out;
    -o-animation: throbber 2000ms 300ms infinite ease-out;
    animation: throbber 2000ms 300ms infinite ease-out;
    background: #dde2e7;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: .9em;
    height: 1.5em;
    margin: 0 1.6em
}

.throbber:not(:required):before,
.throbber:not(:required):after {
    background: #dde2e7;
    content: '\x200B';
    display: inline-block;
    width: .9em;
    height: 1.5em;
    position: absolute;
    top: 0
}

.throbber:not(:required):before {
    -webkit-animation: throbber 2000ms 150ms infinite ease-out;
    -moz-animation: throbber 2000ms 150ms infinite ease-out;
    -ms-animation: throbber 2000ms 150ms infinite ease-out;
    -o-animation: throbber 2000ms 150ms infinite ease-out;
    animation: throbber 2000ms 150ms infinite ease-out;
    left: -1.6em
}

.throbber:not(:required):after {
    -webkit-animation: throbber 2000ms 450ms infinite ease-out;
    -moz-animation: throbber 2000ms 450ms infinite ease-out;
    -ms-animation: throbber 2000ms 450ms infinite ease-out;
    -o-animation: throbber 2000ms 450ms infinite ease-out;
    animation: throbber 2000ms 450ms infinite ease-out;
    right: -1.6em
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

@font-face {
    font-family: cocon, VideoJS;
    src: url('font/VideoJSd41d.eot?') format('eot')
}

@font-face {
    font-family: cocon, VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAi0AAoAAAAADnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWQLpNY2NtYXAAAAE0AAAAOgAAAUriJhC2Z2x5ZgAAAXAAAATAAAAH/CNovTZoZWFkAAAGMAAAACwAAAA2BEqUO2hoZWEAAAZcAAAAGAAAACQELwIWaG10eAAABnQAAAAPAAAAVCoAAABsb2NhAAAGhAAAACwAAAAsEBQSZm1heHAAAAawAAAAHwAAACABJgBkbmFtZQAABtAAAAElAAACCtXH9aBwb3N0AAAH+AAAALsAAAElJXNJs3icY2BkYmCcwMDKwMHowpjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP4owgbh6TBBhRhABAFl1B6YAAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6K/P8PUvCREUTzM0DVAwEjG8OIBwCEVQbLAAB4nIVVzW/jRBSf5zieJE2bOPVH0jRpEidxsZumW8f20orWi6C7rKoKqSQUVUjdQ6RVAkekHi047AEOvbSqxIFed8OBO3voDSE4gRohLmi1N/Z/SHljp90uJSLRvJn5vZn3Pc8ECP7gBE4IR8is6A7+huPR8JhEAnwIQ8RnyBwhm6C7M0CLoG6AuwyRZdBxgdsZuPB9c/+Q4w73Q/rgEcc9ehDQs4ODL67x/cPRl1cMpEwj6vBRd4RQQlxL1CzREv12e9DugzEagkH44Mw5nBOBZEiF1HDXquuy6rgSRYJmyEWoUVWTLdVWBSo7rupGqAoHhWwL7KmSDLB7r7k2+inf7bb7+8rcUmUpf95oACk0kk2b0uJc+a2VrW56KbX9Tb7r94/2xdhSYt7Mw4eNRqA+IB0YkCjGCPWI9LjT64Hn96HTJ2M/vka+QJK4YjZtQC04iHAhmy2MXrT7/UDj98nGp+N7kbFvz1FukuSuZKvMv43ALwn9CcLt4fVfmCC7ubbWvLeLPo3Ve6HMP9D6x9uppXR3a6uLYvnrvEbJFBGJivHFENmabtlIIVzLFk7HRs8zDK8HxOsZnmdc9IwTz7gkRu8c0Qmy2EUtlDgbSHRttul7KAzF+HjTMHoDr+cbvdHQM3zcMzFhrAYYqxSZxVUZa0rEKiqjmyKWVVksg39JMlmAbAbG8yWmAO+wxWsGlgeKEq7rlGIMZ0melMgiRtKtaxWBqjXMBdYG1qzdiuozIEuqxWrYtahirTqu/nNXyervze9ANP3u8s7vZ5/NFUcvdueK/Nm3DNB2x+zSD9Gc+qTSvC8+kX8sfGAoyhGjssyQI8YjrDoCW0LfVLRlIfRQFiWFeWiLrXrUkjVVsy02bBwwGD3LZNGlDtLRaaczHA59Rm85/Mxsm6ZpmNd1w/ToZPO2DqoFybDkGTChUn8HWs46rCoLcIVLAsN1ewMYLrMnn8nlMmAgfV4yzRIk4148GRA4ZkC4DOFblh1PeVMKO95hRHljd52jc+gH73xqHB2socCaIA5q2S7LOGwknhn82mCOLsLxyvBN/CMdmObVezzHnFcIqQlUd1q6q6w6rTqmXFIpTpKy6qqCLAUo+DnxlONOMna16lQhXNiZU67aqlafQvoTmqZ7YtWtVucp3UvjmfQepXkNozWu199Ql0s81MZUOU2op6COFKOYAjQAt8ICCKgbJ2UTMNQKRnYTsBnh1tHpMuZgVZEE+A6gIfBGNOakpRgX6+CQ0nacN3mhEbBMPm7fYv1awhdqGK8SSkITYg9pRJ6O3Y3H78am5Qh9GBO0SYxZYPc843UfY29lCl/IVSfHV2HeaNFAbrTyq/ca3sGcwYRPwBu3bn4A4GJi+7/xjWGyS5Olo4mVOovfRDUxwKyx5E5U9zTP+FWmkoaNCA7INFGwW6yRbfIR+Rgr0naKHEUjBE1fcbE9OHUqK6riuKx/1HVNUdEeSRgjaKEmISL/FxK1NoFVtyprL+vrxhzH36lJufxKthjhSgX4PJ7gE0llOg6RRAoy84k4n5gGeSbGJ1L/2o1q72e8O+vJxa/+BL7gVBddHuDtrFIow2PO5VIx0cxVWxmBz6zMlx35fwF1Hgp/7dwn/wCHsUmOeJxjYGRgYADi2RquW+L5bb4ycDMxgMDFaZpbkGkmBsZrQIqDASwNAAmYCNZ4nGNgZGBgYgACPTAJYjMyoAJRAAXjAEx4nGNiYGBgojIGAAeMACsAAAAAAAAMAD4AUACSAKIAvgDsARIBOAFgAaYB2gIyAloCkAL2AxADPgN6A/54nGNgZGBgEGWIYGBnAAEmIOYCQgaG/2A+AwATugGLAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtjlkOwjAMRDNAy1KgrMfIoUJqqKU0KVlYbk+hReKD+bCfrdHYYiR6ZeK/jkJghDEmyJBjihnmWKDAEiusUWKDLXbY44DjpDXqWbyL1Oy1oaxVKVBxcyY1JJsUaTGwcfcvNlx9HTVf6s05GRO0J7KSbCRf/i4eHPNwTcrTNLRsLfl5SKfI0VCYadVGdraDuiPyIQt15xxrd8n7h9Z9ky5Fw5b2w/gJGn7eqlSxkxV1J/mTJ8QLQRVRWgA=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkC6TWMAAAEoAAAAVmNtYXDiJhC2AAAB1AAAAUpnbHlmI2i9NgAAA0wAAAf8aGVhZARKlDsAAADQAAAANmhoZWEELwIWAAAArAAAACRobXR4KgAAAAAAAYAAAABUbG9jYRAUEmYAAAMgAAAALG1heHABJgBkAAABCAAAACBuYW1l1cf1oAAAC0gAAAIKcG9zdCVzSbMAAA1UAAABJQABAAACAAAAAC4CAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFQABAAAAAQAAmyhx5F8PPPUACwIAAAAAANGWKbQAAAAA0ZYptAAAAAACAAHWAAAACAACAAAAAAAAAAEAAAAVAFgABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQIAAZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxFAIAAAAALgIAAAAAAAABAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxFP//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAPgBQAJIAogC+AOwBEgE4AWABpgHaAjICWgKQAvYDEAM+A3oD/gABAAAAAAGWAZYAAgAAExE3q+oBlf7WlQADAAAAAAHWAdYAAgAOABoAAD8BJzcOAQceARc+ATcuAQMuASc+ATceARcOAdWAgCtbeAICeFtbeAICeFtIYQICYUhIYQICYaBgYHUCeFtbeAICeFtbeP6CAmFISGECAmFISGEAAgAAAAABgAGWAAMABwAANzMRIzMRMxGAVVWrVWsBKv7WASoABAAAAAABwAHAAAYAEgAiACUAAAE0JicVFzY3FAcXNjcuAScVHgElBxcjFTMXNRcGBxU2Nxc3AwcXAWAdGDQBNQsgFQEBU0EvOv7HG2VlVWtbFhosIiwbwC0tAQAdLQwvNQcHHhohKTBGZRAsD0yMG2WAa5BbEQgsChwrGwFQLS0AAAAAAQAAAAABVgGrAAUAABMVMxcRB5VWamoBQIBrAVZrAAACAAAAAAGLAasABgAMAAABLgEnFT4BJRUzFxEHAYsBHRgYHf7hVWtrAQAdLQysDC1dgGsBVmsAAAMAAAAAAcABvAAFAAwAGQAAExUzFxEHFzQmJxU+AScVHgEUBgcVPgE3LgFAVWtryx0YGB01Lzo6L0FTAQFTAUCAawFWa0AdLQysDC3YLA9MaEwPLBBlRkZlAAAABAAAAAABlgGWAAUACwARABcAADcjFTM1IyczNTM1IwEjFTM1IycVMxUzNZUqakAqKkBqAQBAaipAQCrVaiqWQCr/ACpqwCpAagAAAAQAAAAAAZYBlgAFAAsAEQAXAAA3MxUzNSM3IxUzNSMTMzUzNSM3NSMVMzVrQCpqQEBqKoAqQGoqKmqrQGqAKmr+1kAqgEBqKgAAAAACAAAAAAGrAasADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQGA/wASGAEBGBIBABIYAQEYEv8AAQABqwEYEv8AEhgBARgSAQASGP7WAQAAAAYAAAAAAdYB1gAHAAwAEwAbACAAKAAAEzcmIyIGBxclLgEnBxcjFz4BNTQFJw4BFRQXMwceARc3MwcWMzI2NyfJZRYYJ0QcTgEFEEIuTtOgbBoe/uFTGh4EoJsQQi5OI1MWGCdEHE4BILAFGReHIi9HEYcVux1JKhYWkB1JKhYVFS9HEYeQBRkXhwAABQAAAAAB1gGrAA8AEwAXABsAHwAAASEOARURFBYXIT4BNRE0JgUzFSMXIzUzFyM1MzUjNTMBq/6qEhgYEgFWEhgY/phWVtbW1oBWVtbWAasBGBL/ABIYAQEYEgEAEhiqK1UrKysqKwADAAAAAAHAAasADwAnAD8AAAEhDgEVERQWFyE+ATURNCYHIzUjFTM1MxUOASsBIiY9ATQ2OwEyFh8BIzUjFTM1MxUUBisBIiYnNT4BOwEyFhUBlf7WEhkZEgEqEhkZvCArKyABDAlACQwMCUAJDAGVICsrIAwJQAkMAQEMCUAJDAGrARgS/wASGAEBGBIBABIYlQtACxYJDAwJVgkMDAkWC0ALFgkMDAlWCQwMCQAAAAYAAAAAAcABawADAAcACwAPABMAFwAANzM1IxUzNSM1MzUjFyE1IRUhNSE1FSE1QCsrKysrK1UBK/7VASv+1QEr6yqAK4ArgCqAK6srKwAAAQAAAAABwAHWACIAACUGByc2NCc3FjI2NCYiBgcUFwcmIgYUFjI3FwYVFBYyNjQmAYAZEZgCApYSNSQkNiQBApYSNSQkNRKYAiQ0JCSpARBZBxAHWBEkNyQkHAcHWBAkNiQQWAcHGyMjNSMAAgAAAAAB0gHWADcAQAAAJTY0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGHwEGFBcHBh8BFj8BFh8BFjsBMj8BNjcXFj8BNicHLgE0NjIWFAYBnwEBLQYEKgUINhAUCAIIVggCCBQQNQkEKwQGLQEBLQYEKwQJNRAUCAIIVggCCBQQNQkEKwQGzCAqKkAqKusKFgojBghKBwMVDQg4CQk4CA0VAwdKCAYjChYKIwYISgcDFQ0IOAkJOAgNFQMHSggGEwEqQCoqQCoAAAAAAQAAAAAB1gHWAAsAABMeARc+ATcuAScOASsCeFtbeAICeFtbeAEAW3gCAnhbW3gCAngAAAIAAAAAAdYB1gALABcAAAEOAQceARc+ATcuAQMuASc+ATceARcOAQEAW3gCAnhbW3gCAnhbSGECAmFISGECAmEB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYQAAAwAAAAAB1gHWAAsAFwAgAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEiJjQ2MhYBAFt4AgJ4W1t4AgJ4W0hhAgJhSEhhAgJhCAEkNiQkNiQB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYakbJCQ2JCQAAAAABwAAAAACAAFgAA0AFgAoADoATABUAFcAADc1Nh4CBw4BBwYjJzA3MjY3NiYHFRYXFjY3PgE1NCYnIxYXHgEXFAYXFjY3PgE1LgEnIxQXHgEVFAYXFjY3PgE1LgEnIxQXHgEVFAYFMz8BFTM1IxcVI+MmOyoaAgQxJRQZGzAYHgMCIB0BbQkKBAoMFg0JAQMKDwESHAoJBAoNARUOCAQKDxIcCgkECg0BFQ4IBAoPEv4lRRJAMTsMKIPaAQQdNiQoNwQBATkYFh0hAWgCNwIPCBErGSQ0EgYEEjAcITYVAg8IESsZJDQSBgQSMBwhNhUCDwgRKxkkNBIGBBIwHCE2FxwBHd9ORwAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZRFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format('truetype');
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
    content: '\f101'
}

.vjs-icon-play-circle {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: '\f102'
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
    content: '\f103'
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: '\f104'
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: '\f105'
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: '\f106'
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
    content: '\f107'
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
    content: '\f108'
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: '\f109'
}

.vjs-icon-square {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: '\f10a'
}

.vjs-icon-spinner {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: '\f10b'
}

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button:before {
    content: '\f10c'
}

.vjs-icon-captions,
.video-js .vjs-captions-button {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js .vjs-captions-button:before {
    content: '\f10d'
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button:before {
    content: '\f10e'
}

.vjs-icon-share {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: '\f10f'
}

.vjs-icon-cog {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: '\f110'
}

.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
    content: '\f111'
}

.vjs-icon-circle-outline {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: '\f112'
}

.vjs-icon-circle-inner-circle {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: '\f113'
}

.vjs-icon-audio-description {
    font-family: cocon, VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before {
    content: '\f114'
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: cocon, Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-family: cocon, inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: cocon, Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li:focus,
.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu ul {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.22222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 2.2222222em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar:before {
        content: ""
    }
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0 0 1em white
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.66666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: block;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.33333333em;
    right: -0.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
    display: none;
    position: absolute;
    top: -2.4em;
    right: -1.5em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: .2em .5em;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
    z-index: 1
}

.video-js .vjs-load-progress {
    background: ligthen(#73859f, 25%);
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: ligthen(#73859f, 50%);
    background: rgba(115, 133, 159, 0.75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}


.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-controls-disabled .vjs-poster {
    display: none
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

.video-js .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error-display {
    display: none
}

.vjs-error .vjs-error-display {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.vjs-error .vjs-error-display:before {
    content: 'X';
    font-family: cocon, Arial, Helvetica, sans-serif;
    font-size: 4em;
    color: #fff;
    line-height: 1;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    width: 100%
}

.vjs-error-display div {
    position: absolute;
    bottom: 1em;
    right: 0;
    left: 0;
    font-size: 1.4em;
    text-align: center;
    padding: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5)
}

.vjs-error-display a,
.vjs-error-display a:visited {
    color: #66A8CC
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: white
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu {
    left: -10em;
    width: 0
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 15em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px
}

@font-face {
    font-family: cocon, VideoJS;
    src: local('Open Sans'), local('sans-serif')
}

.video-status-message {
    text-align: center;
    background: #FFF;
    color: #000;
    width: 100%;
    height: 100%
}

.video-status-message .video-status-message__title {
    padding-top: 30px;
    font-size: 24px
}

.video-status-message .video-status-message__subtitle {
    padding-top: 10px;
    font-size: 18px
}

.vjs-error .vjs-error-display {
    display: none
}

.vjs-placeholder {
    z-index: 4
}

.vjs-placeholder--hide {
    visibility: hidden;
    -moz-transition: visibility .1s;
    -ms-transition: visibility .1s;
    -webkit-transition: visibility .1s;
    -o-transition: visibility .1s;
    transition: visibility .1s
}

.video-js.vjs-default-skin {
    width: 100%;
    height: 100%;
    outline: none;
    color: rgba(255, 255, 255, 0.9);
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden;
    font-size: 12px
}

.video-js.vjs-default-skin * {
    box-sizing: border-box
}


.video-js.vjs-default-skin ul {
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.video-js.vjs-default-skin .vjs-button .vjs-button-disabled-text {
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: -1em;
    left: 0;
    width: 200px;
    background: black;
    visibility: hidden;
    opacity: 0 !important
}

.video-js.vjs-default-skin .vjs-button.vjs-button-disabled {
    cursor: not-allowed
}

.video-js.vjs-default-skin .vjs-button.vjs-button-disabled>* {
    opacity: .65
}

.video-js.vjs-default-skin .vjs-button.vjs-button-disabled .vjs-menu {
    display: none
}

.video-js.vjs-default-skin .vjs-button.vjs-button-disabled:hover .vjs-button-disabled-text {
    visibility: visible;
    opacity: .8 !important
}

.video-js.vjs-default-skin.large-screen {
    font-size: 14px
}

.video-js.vjs-default-skin.large-screen .vjs-time-divider,
.video-js.vjs-default-skin.large-screen .vjs-control {
    font-size: 14px
}

.video-js.vjs-default-skin.large-screen .btn-control {
    font-size: 16px
}

.video-js.vjs-default-skin.medium-screen {
    font-size: 12px
}

.video-js.vjs-default-skin.medium-screen .vjs-time-divider,
.video-js.vjs-default-skin.medium-screen .vjs-control {
    font-size: 12px
}

.video-js.vjs-default-skin.medium-screen .btn-control {
    font-size: 14px
}

.video-js.vjs-default-skin.tablet {
    font-size: 10px
}

.video-js.vjs-default-skin.tablet .vjs-time-divider,
.video-js.vjs-default-skin.tablet .vjs-control {
    font-size: 10px
}

.video-js.vjs-default-skin.tablet .btn-control {
    font-size: 12px
}

.video-js.vjs-default-skin.mobile-landscape {
    font-size: 10px
}

.video-js.vjs-default-skin.mobile-landscape .vjs-time-divider,
.video-js.vjs-default-skin.mobile-landscape .vjs-control {
    font-size: 10px
}

.video-js.vjs-default-skin.mobile-landscape .btn-control {
    font-size: 12px
}

.video-js.vjs-default-skin.mobile-landscape .vjs-text-track-display>div>div {
    font-size: 1.2em !important
}

.video-js.vjs-default-skin.mobile-landscape .playback-controls {
    font-size: .6em
}

.video-js.vjs-default-skin.mobile-landscape .vjs-control-bar .playback-controls {
    font-size: 1em
}

.video-js.vjs-default-skin.mobile-portrait {
    font-size: 10px
}

.video-js.vjs-default-skin.mobile-portrait .vjs-time-divider,
.video-js.vjs-default-skin.mobile-portrait .vjs-control {
    font-size: 10px
}

.video-js.vjs-default-skin.mobile-portrait .btn-control {
    font-size: 12px
}

.video-js.vjs-default-skin.mobile-portrait .vjs-text-track-display>div>div {
    font-size: 1.2em !important
}

.video-js.vjs-default-skin.mobile-portrait .playback-controls {
    font-size: .3em
}

.video-js.vjs-default-skin.mobile-portrait .vjs-control-bar .playback-controls {
    font-size: 1em
}

.video-js.vjs-default-skin .vjs-tech {
    background-color: #19191A
}

.video-js.vjs-default-skin .vjs-progress-holder {
    height: 100%
}

.video-js.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.video-js.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.video-js.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
    height: 100%
}

.video-js.vjs-default-skin .vjs-remaining-time.vjs-time-control {
    display: none
}

.video-js.vjs-default-skin .vjs-control {
    width: 3em;
    height: 3em;
    font-size: 10px
}

.video-js.vjs-default-skin .vjs-control .vjs-control-text {
    margin: 0
}

.video-js.vjs-default-skin .vjs-control:focus:before,
.video-js.vjs-default-skin .vjs-control:hover:before {
    text-shadow: none;
    color: #fff
}

.video-js.vjs-default-skin .vjs-control:before {
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.video-js.vjs-default-skin .vjs-control:after {
    content: '';
    width: 1.5em;
    height: 100%;
    position: absolute;
    right: 100%;
    top: -0.05em;
    display: none
}

.video-js.vjs-default-skin .vjs-control.vjs-captions-button:hover:after,
.video-js.vjs-default-skin .vjs-control.vjs-res-button:hover:after {
    display: block
}

.video-js.vjs-default-skin .vjs-custom-control-spacer {
    display: inherit;
    position: relative;
    top: .9em;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.video-js.vjs-default-skin .vjs-control-bar {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    height: 7em
}

.video-js.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,
.video-js.vjs-default-skin.vjs-controls-disabled .playback-controls,
.video-js.vjs-default-skin.vjs-using-native-controls .vjs-control-bar,
.video-js.vjs-default-skin.vjs-using-native-controls .playback-controls,
.video-js.vjs-default-skin.vjs-error .vjs-control-bar,
.video-js.vjs-default-skin.vjs-error .playback-controls {
    display: none !important
}

.video-js.vjs-default-skin .vjs-captions-button {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2
}

.video-js.vjs-default-skin .vjs-playback-rate {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1
}

.video-js.vjs-default-skin .vjs-volume-menu-button {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3
}

.video-js.vjs-default-skin .vjs-res-button {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-box-ordinal-group: 5;
    -o-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    -ms-order: 4;
    -o-order: 4;
    order: 4
}

.video-js.vjs-default-skin .vjs-fullscreen-control {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -ms-box-ordinal-group: 6;
    -o-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    -ms-order: 5;
    -o-order: 5;
    order: 5
}

.video-js.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {
    display: block;
    visibility: hidden;
    opacity: 0;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-default-skin .vjs-text-track-display {
    -moz-transition: bottom .2s;
    -ms-transition: bottom .2s;
    -webkit-transition: bottom .2s;
    -o-transition: bottom .2s;
    transition: bottom .2s;
    bottom: 8em;
    pointer-events: none;
    z-index: 2
}

.video-js.vjs-default-skin .vjs-text-track-display>div>div {
    font-size: 2em !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important
}

.video-js.vjs-default-skin .vjs-text-track-display>div>div>div {
    color: #fff21f !important;
    padding: 2px 0;
    box-shadow: 8px 0 0 #000, -8px 0 0 #000
}

.video-js.vjs-default-skin.vjs-user-inactive .vjs-text-track-display {
    bottom: 1em
}

.video-js.vjs-default-skin .vjs-texttrack-settings {
    display: none
}

.video-js.vjs-default-skin .vjs-big-play-button {
    display: none
}

.video-js.vjs-default-skin .vjs-play-control.vjs-control {
    font-size: 1.2em;
    width: 2.3em;
    height: 3.6em
}

.video-js.vjs-default-skin .vjs-play-control.vjs-control:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e916";
    margin-left: 2px
}

.video-js.vjs-default-skin .vjs-play-control.vjs-control.vjs-playing:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e915";
    margin-left: 0
}

.video-js.vjs-default-skin .vjs-playback-rate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.video-js.vjs-default-skin .vjs-playback-rate.vjs-hidden {
    display: none
}

.video-js.vjs-default-skin .vjs-playback-rate-value {
    width: 3em;
    height: 1.8em;
    line-height: 1.8em;
    position: relative;
    font-size: 1em;
    font-weight: 900;
    text-shadow: none;
    border-radius: 10%;
    color: #000;
    background-color: rgba(255, 255, 255, 0.9)
}

.video-js.vjs-default-skin .vjs-playback-rate-value:hover {
    background-color: #fff;
    color: #000
}

.video-js.vjs-default-skin .vjs-tech,
.video-js.vjs-default-skin .vjs-poster {
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    -moz-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -ms-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -webkit-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -o-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease
}

.video-js.vjs-default-skin .vjs-slide-window {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-color: #19191A;
    text-align: center;
    -moz-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -ms-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -webkit-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -o-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease
}

.video-js.vjs-default-skin .vjs-slide-window:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.video-js.vjs-default-skin .vjs-slide-window>img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle
}

.video-js.vjs-default-skin .vjs-poster.mashup-window-content,
.video-js.vjs-default-skin .mashup-window-content {
    width: 17em;
    height: 10em;
    right: 2em;
    bottom: 9em;
    box-sizing: content-box;
    border: 2px solid #19191A;
    z-index: 1;
    opacity: .5;
    -moz-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -ms-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -webkit-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    -o-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
    transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease
}

.video-js.vjs-default-skin .mashup-window-overlay {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 17em;
    height: 10em;
    bottom: 9em;
    right: 2em;
    z-index: 2
}

.video-js.vjs-default-skin .vjs-intervals {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-default-skin .vjs-intervals .vjs-interval {
    float: left;
    height: 100%;
    box-shadow: inset -2px 0 #FFF;
    margin: 0 auto;
    overflow: visible
}

.video-js.vjs-default-skin .vjs-intervals .vjs-interval>div {
    display: block;
    text-align: center;
    pointer-events: none;
    position: relative;
    width: 100%;
    min-width: 10em;
    bottom: 5.5em;
    right: -50%
}

.video-js.vjs-default-skin .vjs-intervals .vjs-interval img {
    display: block;
    margin: 0 auto;
    visibility: hidden;
    position: relative;
    width: 8em;
    height: 4.5em;
    border: 2px solid #19191A;
    left: -50%
}

.video-js.vjs-default-skin .vjs-intervals .vjs-interval:hover img {
    visibility: visible
}

.video-js.vjs-default-skin .vjs-load-progress {
    background: #757575
}

.video-js.vjs-default-skin .vjs-play-progress {
    background: #24a829
}

.video-js.vjs-default-skin .vjs-play-progress:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e90a";
    font-size: 1.8em;
    top: -0.17em;
    color: #FFF;
    text-shadow: none;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s
}

.video-js.vjs-default-skin .vjs-volume-level {
    background: #24A829
}

.video-js.vjs-default-skin .vjs-progress-control.vjs-control {
    position: absolute;
    width: auto
}

.video-js.vjs-default-skin .vjs-progress-control.vjs-control:hover .vjs-progress-holder {
    font-size: inherit
}

.video-js.vjs-default-skin .vjs-slider {
    margin: 0
}

.video-js.vjs-default-skin .vjs-slider:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.video-js.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.video-js.vjs-default-skin .vjs-menu-button {
    z-index: 3
}

.video-js.vjs-default-skin .vjs-menu-button .vjs-menu {
    z-index: 3;
    border-top-width: 2px;
    border-top-color: transparent;
    display: block;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translate(0, 1em);
    -ms-transform: translate(0, 1em);
    -o-transform: translate(0, 1em);
    transform: translate(0, 1em)
}

.video-js.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
    right: 2em;
    bottom: 1.5em;
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: none;
    max-height: none;
    left: auto;
    width: auto;
    white-space: nowrap
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical {
    z-index: 3
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content {
    position: absolute;
    width: 3em;
    height: 18em;
    left: -0.5em;
    overflow: visible;
    background-color: rgba(0, 0, 0, 0)
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar {
    position: absolute;
    bottom: 0;
    width: 3em;
    height: 16em;
    margin: 0;
    background-color: #303132;
    border: .4em solid #000;
    border-radius: .5em;
    overflow: hidden
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar .vjs-volume-level {
    width: 3em
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar .vjs-volume-level:before {
    content: ''
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar:hover .vjs-volume-level {
    border-top: 2px solid #fff
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-fullscreen-control .vjs-menu .vjs-menu-content {
    width: auto
}

.video-js.vjs-default-skin .vjs-menu-button.vjs-fullscreen-control .vjs-menu .vjs-menu-content .vjs-menu-title {
    text-align: right;
    padding: .5em 1em
}

.video-js.vjs-default-skin .vjs-menu-button ul li {
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    padding: 5px 20px 5px 15px;
    font-size: 1.25em
}

.video-js.vjs-default-skin .vjs-menu-button ul li:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e90a";
    position: absolute;
    right: 5px;
    font-size: .5em;
    color: #16A91B;
    display: none
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    background-color: transparent;
    color: #FFF
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-selected:before {
    display: block;
    right: 15px
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item {
    text-transform: none
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item.disabled {
    cursor: not-allowed;
    color: #737373 !important
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: left;
    text-transform: none;
    padding: 5px 20px 5px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0;
    line-height: 1.2
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title:hover {
    cursor: default;
    background-color: transparent;
    color: #FFF
}

.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item:focus,
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item:hover,
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item.vjs-selected:focus,
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item.vjs-selected:hover {
    background-color: #4d4d4d;
    color: #FFF;
    box-shadow: none
}

.video-js.vjs-default-skin .vjs-res-button:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e918";
    -moz-transition: .2s all;
    -ms-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.video-js.vjs-default-skin .vjs-res-button:hover:before {
    color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.video-js.vjs-default-skin .vjs-res-button .vjs-control-text {
    font-size: 0
}

.video-js.vjs-default-skin .vjs-res-button .vjs-res-menu-extra-item {
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.video-js.vjs-default-skin .vjs-res-button .vjs-res-menu-extra-item~.vjs-res-menu-extra-item {
    border-top: none
}

.video-js.vjs-default-skin .vjs-fullscreen-control:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.video-js.vjs-default-skin .vjs-fullscreen-control:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e914"
}

.video-js.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e913"
}

.video-js.vjs-default-skin .vjs-fullscreen-control:hover:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.video-js.vjs-default-skin .vjs-captions-button:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e910";
    color: rgba(255, 255, 255, 0.9)
}

.video-js.vjs-default-skin .vjs-volume-menu-button:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e91a"
}

.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before,
.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before,
.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-3:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e91a"
}

.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e919"
}

.video-js.vjs-default-skin .vjs-loading-spinner {
    border: none;
    font-size: 64px;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    opacity: 1;
    animation: vjs-spinner-spin 1.5s infinite linear;
    -webkit-animation: vjs-spinner-spin 1.5s infinite linear
}

.video-js.vjs-default-skin .vjs-loading-spinner:before {
    font-family: cocon, 'UdemyIcons';
    content: "\e779";
    position: static;
    margin: 0
}

.video-js.vjs-default-skin .vjs-loading-spinner:after {
    content: none
}

.video-js.vjs-default-skin .vjs-current-time {
    font-weight: 700;
    text-shadow: 1px 1px 4px black
}

.video-js.vjs-default-skin .vjs-time-divider {
    font-weight: 700;
    text-shadow: 1px 1px 4px black
}

.video-js.vjs-default-skin .vjs-duration {
    font-weight: 700;
    text-shadow: 1px 1px 4px black
}

.vjs-modal-dialog-description {
    display: none
}

.video-js.vjs-udemy-skin-v2 {
    font-size: 12px
}

.video-js.vjs-udemy-skin-v2 .vjs-control-bar>.vjs-control {
    top: 1em
}

.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control {
    top: 1em;
    margin-top: 0;
    padding: .5em 0;
    height: 1.7em;
    left: 1em;
    right: 8.5em;
    -moz-transition: top 0.4s, height 0.4s;
    -ms-transition: top 0.4s, height 0.4s;
    -webkit-transition: top 0.4s, height 0.4s;
    -o-transition: top 0.4s, height 0.4s;
    transition: top 0.4s, height 0.4s
}

.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider {
    border-radius: .5em .5em .5em .5em;
    background: rgba(255, 255, 255, 0.2)
}

.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider .vjs-load-progress {
    background: rgba(255, 255, 255, 0.5)
}

.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider .vjs-load-progress,
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider .vjs-play-progress {
    border-radius: .5em .5em .5em .5em
}

.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control:hover {
    top: .5em;
    height: 2.2em
}

.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control:hover .vjs-play-progress:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.video-js.vjs-udemy-skin-v2 .vjs-play-progress:before {
    opacity: 0
}

.video-js.vjs-udemy-skin-v2 .vjs-control-bar {
    height: 7em;
    padding: 0 1em;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.video-js.vjs-udemy-skin-v2 .vjs-mouse-display:after,
.video-js.vjs-udemy-skin-v2 .vjs-play-progress:after {
    content: none
}

.video-js.vjs-udemy-skin-v2 .vjs-time-control,
.video-js.vjs-udemy-skin-v2 .vjs-time-divider {
    display: inline-block;
    line-height: .7em;
    height: .7em;
    font-size: 1.2em !important;
    position: absolute;
    margin-top: .2em
}

.video-js.vjs-udemy-skin-v2 .vjs-current-time {
    text-align: right;
    width: 2.5em;
    right: 4em
}

.video-js.vjs-udemy-skin-v2 .vjs-time-divider {
    top: 1em;
    text-align: center;
    width: .5em;
    right: 3.5em
}

.video-js.vjs-udemy-skin-v2 .vjs-duration {
    text-align: left;
    width: 2.5em;
    right: 1em
}

.video-js.vjs-udemy-skin-v2 .vjs-fullscreen-control:hover:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.video-js.vjs-udemy-skin-v2 .vjs-play-control {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1
}

.video-js.vjs-udemy-skin-v2 .vjs-custom-control-spacer {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2
}

.video-js.vjs-udemy-skin-v2 .vjs-playback-rate {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-box-ordinal-group: 5;
    -o-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    -ms-order: 4;
    -o-order: 4;
    order: 4
}

.video-js.vjs-udemy-skin-v2 .vjs-captions-button {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -ms-box-ordinal-group: 6;
    -o-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    -ms-order: 5;
    -o-order: 5;
    order: 5
}

.video-js.vjs-udemy-skin-v2 .vjs-volume-menu-button {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -ms-box-ordinal-group: 7;
    -o-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    -ms-order: 6;
    -o-order: 6;
    order: 6
}

.video-js.vjs-udemy-skin-v2 .vjs-res-button {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    -ms-box-ordinal-group: 8;
    -o-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    -ms-order: 7;
    -o-order: 7;
    order: 7
}

.video-js.vjs-udemy-skin-v2 .vjs-fullscreen-control {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    -ms-box-ordinal-group: 9;
    -o-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    -ms-order: 8;
    -o-order: 8;
    order: 8
}

.vjs-res-button {
    float: right;
    line-height: 3em
}

ul li.vjs-menu-title.vjs-res-menu-title:hover {
    cursor: default;
    background-color: transparent;
    color: #CCC;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vjs-res-button .vjs-control-text {
    width: auto;
    height: auto;
    clip: auto
}

.vjs-has-started.vjs-user-inactive .playback-controls {
    visibility: hidden;
    opacity: 0;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-default-skin .playback-controls {
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 1em;
    z-index: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    right: 0;
    bottom: 5em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none
}

.video-js.vjs-default-skin .playback-controls a {
    pointer-events: visible;
    text-decoration: none;
    cursor: pointer
}

.video-js.vjs-default-skin .playback-controls .vjs-playback-rate {
    pointer-events: all
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-rewind {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1
}

.video-js.vjs-default-skin .playback-controls .vjs-playback-rate,
.video-js.vjs-default-skin .playback-controls .vjs-play-control {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-forward {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-rewind,
.video-js.vjs-default-skin .playback-controls .udi-vjs-forward {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    font-size: 6em;
    color: #FFF;
    padding: .3em;
    position: relative
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-rewind:hover,
.video-js.vjs-default-skin .playback-controls .udi-vjs-forward:hover {
    background: rgba(0, 0, 0, 0.4)
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-rewind:active,
.video-js.vjs-default-skin .playback-controls .udi-vjs-forward:active {
    background: rgba(0, 0, 0, 0.55)
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-rewind.vjs-menu-button.vjs-menu-button-popup .vjs-menu-content,
.video-js.vjs-default-skin .playback-controls .udi-vjs-forward.vjs-menu-button.vjs-menu-button-popup .vjs-menu-content {
    right: 3.5em;
    bottom: .5em
}

.video-js.vjs-default-skin .playback-controls .udi-vjs-rewind.vjs-menu-button.vjs-menu-button-popup .vjs-menu-content .vjs-menu-title,
.video-js.vjs-default-skin .playback-controls .udi-vjs-forward.vjs-menu-button.vjs-menu-button-popup .vjs-menu-content .vjs-menu-title {
    font-size: .6em
}

.video-js.vjs-default-skin .playback-controls .rewind__label,
.video-js.vjs-default-skin .playback-controls .forward__label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .5em;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-default-skin .playback-controls .vjs-play-control.vjs-control {
    font-size: 3em;
    width: 3em;
    height: 3em;
    pointer-events: visible;
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2)
}

.video-js.vjs-default-skin .playback-controls .vjs-play-control.vjs-control:before {
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.video-js.vjs-default-skin .playback-controls .vjs-play-control.vjs-control:hover {
    background-color: rgba(0, 0, 0, 0.4)
}

.video-js.vjs-default-skin.vjs-user-inactive .vjs-control-bar .playback-controls {
    visibility: visible;
    opacity: 1;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.video-js.vjs-default-skin .vjs-control-bar .playback-controls {
    position: relative
}

.video-js.vjs-default-skin .vjs-control-bar .playback-controls .udi-vjs-rewind,
.video-js.vjs-default-skin .vjs-control-bar .playback-controls .udi-vjs-forward {
    background-color: transparent;
    font-size: 2em;
    font-weight: 600
}

.video-js.vjs-default-skin .vjs-control-bar .playback-controls .rewind__label,
.video-js.vjs-default-skin .vjs-control-bar .playback-controls .forward__label {
    font-weight: 600
}

.video-js.vjs-default-skin .vjs-control-bar .vjs-playback-rate {
    margin: 0 .5em
}

.video-js.vjs-default-skin .vjs-control-bar .vjs-playback-rate .vjs-menu-content {
    right: 0
}

.video-js.vjs-udemy-skin-v2 .vjs-control-bar .vjs-custom-control-spacer {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3
}

.video-js.vjs-udemy-skin-v2 .vjs-control-bar .playback-controls {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    top: 1em;
    margin-top: -0.5em
}

.udi-vjs-forward.forward-15:after,
.udi-vjs-rewind.rewind-15:after {
    content: "15";
    font-family: cocon, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.video-js.vjs-default-skin .vjs-bookmark {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    width: .4em;
    background-color: #FFF;
    background-clip: content-box;
    overflow: visible
}

.video-js.vjs-default-skin .vjs-bookmark>div {
    display: block;
    font-size: 1.25em;
    text-align: center;
    pointer-events: none;
    position: relative;
    width: 100%;
    min-width: 25.5em;
    right: -50%
}

.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--delete {
    width: 0
}

.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--delete .vjs-bookmark__content {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    transform: translate(-400px, 0);
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--saving .vjs-bookmark__content {
    opacity: 0;
    -webkit-transform: scale(.5, .5);
    -ms-transform: scale(.5, .5);
    -o-transform: scale(.5, .5);
    transform: scale(.5, .5);
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--save .vjs-bookmark__content .udi-check {
    display: block
}

.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--save .vjs-bookmark__content .udi-delete,
.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--save .vjs-bookmark__content__counter {
    display: none
}

.video-js.vjs-default-skin .vjs-bookmark:hover .vjs-bookmark__content,
.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--focus .vjs-bookmark__content {
    visibility: visible
}

.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--closed .vjs-bookmark__content {
    visibility: hidden !important
}

.video-js.vjs-default-skin .vjs-bookmark__content {
    visibility: hidden;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 25.5em;
    line-height: 1;
    pointer-events: all
}

.video-js.vjs-default-skin .vjs-bookmark__content .udi-bookmark {
    position: absolute;
    top: .5em;
    left: .5em;
    color: #17aa1c
}

.video-js.vjs-default-skin .vjs-bookmark__content .udi-delete,
.video-js.vjs-default-skin .vjs-bookmark__content .udi-check {
    position: absolute;
    top: .5em;
    right: .5em
}

.video-js.vjs-default-skin .vjs-bookmark__content .udi-check {
    color: #17aa1c;
    display: none
}

.video-js.vjs-default-skin .vjs-bookmark__content textarea {
    background-color: #000;
    color: #FFF;
    border: 0;
    border-radius: .4em;
    padding: .5em 3.75em .5em 1.75em;
    resize: none;
    -ms-overflow-style: none;
    width: 100%;
    height: 2em;
    overflow-y: hidden
}

.video-js.vjs-default-skin .vjs-bookmark__content textarea:focus {
    outline: 0
}

.video-js.vjs-default-skin .vjs-bookmark__content .vjs-bookmark__content__counter {
    position: absolute;
    top: .5em;
    right: 1.75em
}

.video-js.vjs-default-skin .vjs-bookmark__content .vjs-bookmark__content__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2em;
    padding: .5em 3.75em .5em 1.75em;
    opacity: .8;
    text-align: left
}

.article-view .w3c-default a,
.article-view .w3c-default a:visited {
    color: #1376d7
}

.article-view .w3c-default h1,
.article-view .w3c-default h2,
.article-view .w3c-default h3,
.article-view .w3c-default h4,
.article-view .w3c-default h5,
.article-view .w3c-default h6 {
    font-size: 24px;
    font-weight: 300
}

.article-view .w3c-default img {
    max-width: 100%;
    display: block;
    margin: 20px auto
}

.article-view .w3c-default p {
    font-size: 18px;
    margin: 0 0 20px
}

.article-view .w3c-default ul {
    list-style-type: disc;
    padding-left: 25px
}

.article-view .w3c-default li {
    margin-bottom: 10px
}

.article-view .w3c-default ol ol li {
    list-style-type: lower-alpha
}

.article-view .w3c-default ol ol ol li {
    list-style-type: lower-roman
}

.container--presentation {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 72px;
    background-color: #ffffff
}

.container--presentation:focus {
    outline: 0
}

.presentation__progress-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    height: 12px;
    margin: 0 .5em
}

.presentation__progress-bar:hover .progress-bar__inner-bar {
    height: 12px
}

.presentation__progress-bar .progress-bar__inner-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    border-radius: .5em .5em .5em .5em;
    -moz-transition: height .4s;
    -ms-transition: height .4s;
    -webkit-transition: height .4s;
    -o-transition: height .4s;
    transition: height .4s
}

.presentation__progress-bar .inner-bar__progress-unit {
    float: left;
    height: 100%;
    -webkit-box-shadow: inset -2px 0 #ffffff;
    box-shadow: inset -2px 0 #ffffff
}

.presentation__controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    color: #ffffff;
    margin: 0 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.presentation__controls .controls__left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.presentation__controls .controls__right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.presentation__controls .slide-counter-display {
    color: rgba(0, 0, 0, 0.55)
}

.presentation__controls .btn:focus {
    outline: 0
}

.presentation__controls .btn-slide-control {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: transparent;
    margin: 0 10px;
    border-radius: 50%;
    width: 37px;
    height: 34px
}

.presentation__controls .btn-slide-control:focus,
.presentation__controls .btn-slide-control.focus {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:hover {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:active,
.presentation__controls .btn-slide-control.active,
.open>.dropdown-toggle.presentation__controls .btn-slide-control {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:active:hover,
.presentation__controls .btn-slide-control.active:hover,
.open>.dropdown-toggle.presentation__controls .btn-slide-control:hover,
.presentation__controls .btn-slide-control:active:focus,
.presentation__controls .btn-slide-control.active:focus,
.open>.dropdown-toggle.presentation__controls .btn-slide-control:focus,
.presentation__controls .btn-slide-control:active.focus,
.presentation__controls .btn-slide-control.active.focus,
.open>.dropdown-toggle.presentation__controls .btn-slide-control.focus {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:focus,
.presentation__controls .btn-slide-control.focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:active,
.presentation__controls .btn-slide-control.active,
.open>.dropdown-toggle.presentation__controls .btn-slide-control {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:active:hover,
.presentation__controls .btn-slide-control.active:hover,
.open>.dropdown-toggle.presentation__controls .btn-slide-control:hover,
.presentation__controls .btn-slide-control:active:focus,
.presentation__controls .btn-slide-control.active:focus,
.open>.dropdown-toggle.presentation__controls .btn-slide-control:focus,
.presentation__controls .btn-slide-control:active.focus,
.presentation__controls .btn-slide-control.active.focus,
.open>.dropdown-toggle.presentation__controls .btn-slide-control.focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0)
}

.presentation__controls .btn-slide-control:active,
.presentation__controls .btn-slide-control.active,
.open>.dropdown-toggle.presentation__controls .btn-slide-control {
    background-image: none
}

.presentation__controls .btn-slide-control.disabled:hover,
.presentation__controls .btn-slide-control[disabled]:hover,
fieldset[disabled] .presentation__controls .btn-slide-control:hover,
.presentation__controls .btn-slide-control.disabled:focus,
.presentation__controls .btn-slide-control[disabled]:focus,
fieldset[disabled] .presentation__controls .btn-slide-control:focus,
.presentation__controls .btn-slide-control.disabled.focus,
.presentation__controls .btn-slide-control[disabled].focus,
fieldset[disabled] .presentation__controls .btn-slide-control.focus {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: transparent
}

.presentation__controls .btn-slide-control .badge {
    color: rgba(0, 0, 0, 0.25);
    background-color: #ffffff
}

.presentation__controls .btn-slide-control i {
    top: 0
}

.presentation__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 5px 0;
    white-space: nowrap
}

.presentation__slide:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.presentation__slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.55);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.55)
}

.slide--center {
    visibility: visible;
    -moz-transition: left .5s, visibility .5s;
    -ms-transition: left .5s, visibility .5s;
    -webkit-transition: left .5s, visibility .5s;
    -o-transition: left .5s, visibility .5s;
    transition: left .5s, visibility .5s
}

.slide--center.slide--right {
    visibility: hidden;
    left: 100%
}

.slide--center.slide--left {
    visibility: hidden;
    left: -100%
}

.ud-iframe-ready {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.asset-container {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow: auto
}

.asset-container--processing,
.asset-container--delayed,
.asset-container--failed,
.asset-container--deprecated {
    padding: 30px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.asset-container--processing.center,
.asset-container--delayed.center,
.asset-container--failed.center,
.asset-container--deprecated.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.asset-container--processing.right,
.asset-container--delayed.right,
.asset-container--failed.right,
.asset-container--deprecated.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.asset-content--processing,
.asset-container--delayed,
.asset-content--failed {
    line-height: 1.2em;
    font-weight: 400;
    text-align: center
}

.asset-container--deprecated .title {
    font-size: 36px;
    line-height: 1.287;
    font-weight: 300
}

.asset-container--deprecated .subtitle {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2
}

.asset-container--deprecated .description {
    margin-top: 30px;
    margin-bottom: 15px
}

.asset-container__padding {
    padding: 15px
}

.asset-container__placeholder {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal.asset-container__modal {
    display: block;
    position: absolute
}

.modal.asset-container__modal .modal-dialog {
    padding: 5%;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.modal.asset-container__modal .modal-content {
    height: 100%;
    max-height: 400px
}

.modal.asset-container__modal .modal-header {
    height: 15%;
    font-size: 18px
}

.modal.asset-container__modal .modal-body {
    position: absolute;
    top: 15%;
    left: 0;
    bottom: 20%;
    overflow: auto
}

.modal.asset-container__modal .modal-footer {
    position: absolute;
    height: 20%;
    bottom: 0;
    left: 0;
    width: 100%
}

.placeholder__thumbnail-container {
    width: 100%;
    height: 100%;
    text-align: center;
    font: 0/0 a
}

.placeholder__thumbnail-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.placeholder__thumbnail-container>img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle
}

div#about-course {
    text-align: right;
    direction: rtl;
}

th.w30.tal.hm {
    text-align: right;
}


.c_header__right.display-block {
    display: block;
}

span.error {
    text-align: right;
    color: red;
    direction: rtl;
	float:right;
}

#contactus-form span.error {
    text-align: right;
    color: red;
    direction: rtl;
	float:left;
	font-size:13px;
}

.alert-box.error {
    color: red;
	text-align: right;
}
.c_discovery-units__title {
    font-weight: 500;
    padding-right: 29px;
}

span.mr30{
	direction:rtl !important;
	display: block;
}
.jumbotron-header-bar h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.287;
    margin: 0;
}

.jumbotron-header-bar {
    color: #fff;
    margin: 0;
    padding: 0;
}
.jumbotron-header-bar__inner {
    padding: 34px 0;
    display: table;
    width: 100%;
	text-align:right;
}

.jumbotron-header-bar h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.287;
    margin: 7px 0 0;
}

.instructor-wrapper {
    background-color: #ffffff;
}

.js-simple-collapse{
	text-align:right;
}

.instractor
{
	text-align:right;
}
.instractor h4 {
    font-size: 23px;
}

.fancybox-outer,.fancybox-inner{
	**height:500px !important;
}

.aboutus  {
	text-align:right;
	direction:rtl;
}


.suggestion-dc {
    margin: 25px 0;
    padding: 20px;
    border: 1px solid #17AA1C;
    border-radius: 2px;
}

.request-form textarea {
    min-height: 120px;
}
.form-field textarea {
    vertical-align: middle;
}

textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
}

input, textarea {
    color: #444;
    font-size: 16px;
}

textarea {
    overflow: auto;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
textarea:focus,input:focus {
    border: 1px solid #17aa1c;
}
.button-large, input[type=submit] {
    width: auto;
}

.button-large, input[type=submit] {
    background-color: #17aa1c;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: 100%;
}

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

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border .12s ease-in-out;
}

.form-btn{
	    width: 50px !important;
}
.button-large:hover, .button-large:active, .button-large:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
    background-color: #0b500d;
}


.alert.alert-success  {
	top: 20px;
    position: relative;
    display: block;
    margin: 10px 10px;
	text-align:center !important;
}

ul.dropdown__menu-list li .fa {
    margin-right: 7px;
    font-size: 17px;
}

a.c_header__logo-wrap {
    margin-top: 43px;
}

a.social-btn {
    font-size: 14px !important;
    text-align: right !important;
}

            .fake-youtube {
    left: 45%;
    top: 38%;
    position: absolute;
    width: 75px;
}

img.udemy-logo.user-header.mt10 {
    margin-top: -95px;
}

form label 
{
	    float: right;
    margin-right: 9px !important;
}

.p_channel.channels.skin6.channel-featured {
    min-height: 82%;
}

ul.tab-btns.nav li {
    float: right;
}

ul.tab-btns.nav li a {
    color: black;
    font-size: 15px !important;
}

.no-padding{
	padding:0;
}

h2.full-lines.sm-font {
    text-align: center;
}

.form-group input[type=password] ,.form-group input[type=text],.form-group label,.form-group input[type=email] {
    text-align: right;float:right;
		direction:rtl;
}
.form-group label {
float:right;
}

.form-btn
{
	direction:rtl;
}


.contact-icon {
    padding-left: 6px;
}

ul.contactus.fxw.fxwrap li {
    margin-left: 7px;
    font-size: 23px;
  
}


.card--home {
   
    margin-bottom: 25px;
}

.alert-box.success {
    text-align: right;
     direction:rtl;
    color: green;
}

.footer-v42 {
    text-align: right;

}

@media (max-width: 480px){
.footer-v42 .fxw.mt10 {
margin:0;
}
}




@media (max-width:768px) {
.c_header__search input.quick-search__input {
    display: none;
}
.c_header__search.search-open input.quick-search__input {
    display: block;
}
}

.showall {
    display: block;
    height: 28px;
    font-size: 18px;
    margin-top: 21px;
    margin-left: 15px;
}