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

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

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

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

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

    thead {
        display: table-header-group
    }

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

    a {
        max-width: 100% !important
    }

    a, a, p {
        orphans: 3;
        widows: 3
    }

    a, a {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

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

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

.glyphicon-asterisk:before {
    content: "*"
}

.glyphicon-plus:before {
    content: "+"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "€"
}

.glyphicon-minus:before {
    content: "−"
}

.glyphicon-cloud:before {
    content: "☁"
}

.glyphicon-envelope:before {
    content: "✉"
}

.glyphicon-pencil:before {
    content: "✏"
}

.glyphicon-glass:before {
    content: ""
}

.glyphicon-music:before {
    content: ""
}

.glyphicon-search:before {
    content: ""
}

.glyphicon-heart:before {
    content: ""
}

.glyphicon-star:before {
    content: ""
}

.glyphicon-star-empty:before {
    content: ""
}

.glyphicon-user:before {
    content: ""
}

.glyphicon-film:before {
    content: ""
}

.glyphicon-th-large:before {
    content: ""
}

.glyphicon-th:before {
    content: ""
}

.glyphicon-th-list:before {
    content: ""
}

.glyphicon-ok:before {
    content: ""
}

.glyphicon-remove:before {
    content: ""
}

.glyphicon-zoom-in:before {
    content: ""
}

.glyphicon-zoom-out:before {
    content: ""
}

.glyphicon-off:before {
    content: ""
}

.glyphicon-signal:before {
    content: ""
}

.glyphicon-cog:before {
    content: ""
}

.glyphicon-trash:before {
    content: ""
}

.glyphicon-home:before {
    content: ""
}

.glyphicon-file:before {
    content: ""
}

.glyphicon-time:before {
    content: ""
}

.glyphicon-road:before {
    content: ""
}

.glyphicon-download-alt:before {
    content: ""
}

.glyphicon-download:before {
    content: ""
}

.glyphicon-upload:before {
    content: ""
}

.glyphicon-inbox:before {
    content: ""
}

.glyphicon-play-circle:before {
    content: ""
}

.glyphicon-repeat:before {
    content: ""
}

.glyphicon-refresh:before {
    content: ""
}

.glyphicon-list-alt:before {
    content: ""
}

.glyphicon-lock:before {
    content: ""
}

.glyphicon-flag:before {
    content: ""
}

.glyphicon-headphones:before {
    content: ""
}

.glyphicon-volume-off:before {
    content: ""
}

.glyphicon-volume-down:before {
    content: ""
}

.glyphicon-volume-up:before {
    content: ""
}

.glyphicon-qrcode:before {
    content: ""
}

.glyphicon-barcode:before {
    content: ""
}

.glyphicon-tag:before {
    content: ""
}

.glyphicon-tags:before {
    content: ""
}

.glyphicon-book:before {
    content: ""
}

.glyphicon-bookmark:before {
    content: ""
}

.glyphicon-print:before {
    content: ""
}

.glyphicon-camera:before {
    content: ""
}

.glyphicon-font:before {
    content: ""
}

.glyphicon-bold:before {
    content: ""
}

.glyphicon-italic:before {
    content: ""
}

.glyphicon-text-height:before {
    content: ""
}

.glyphicon-text-width:before {
    content: ""
}

.glyphicon-align-left:before {
    content: ""
}

.glyphicon-align-center:before {
    content: ""
}

.glyphicon-align-right:before {
    content: ""
}

.glyphicon-align-justify:before {
    content: ""
}

.glyphicon-list:before {
    content: ""
}

.glyphicon-indent-left:before {
    content: ""
}

.glyphicon-indent-right:before {
    content: ""
}

.glyphicon-facetime-video:before {
    content: ""
}

.glyphicon-picture:before {
    content: ""
}

.glyphicon-map-marker:before {
    content: ""
}

.glyphicon-adjust:before {
    content: ""
}

.glyphicon-tint:before {
    content: ""
}

.glyphicon-edit:before {
    content: ""
}

.glyphicon-share:before {
    content: ""
}

.glyphicon-check:before {
    content: ""
}

.glyphicon-move:before {
    content: ""
}

.glyphicon-step-backward:before {
    content: ""
}

.glyphicon-fast-backward:before {
    content: ""
}

.glyphicon-backward:before {
    content: ""
}

.glyphicon-play:before {
    content: ""
}

.glyphicon-pause:before {
    content: ""
}

.glyphicon-stop:before {
    content: ""
}

.glyphicon-forward:before {
    content: ""
}

.glyphicon-fast-forward:before {
    content: ""
}

.glyphicon-step-forward:before {
    content: ""
}

.glyphicon-eject:before {
    content: ""
}

.glyphicon-chevron-left:before {
    content: ""
}

.glyphicon-chevron-right:before {
    content: ""
}

.glyphicon-plus-sign:before {
    content: ""
}

.glyphicon-minus-sign:before {
    content: ""
}

.glyphicon-remove-sign:before {
    content: ""
}

.glyphicon-ok-sign:before {
    content: ""
}

.glyphicon-question-sign:before {
    content: ""
}

.glyphicon-info-sign:before {
    content: ""
}

.glyphicon-screenshot:before {
    content: ""
}

.glyphicon-remove-circle:before {
    content: ""
}

.glyphicon-ok-circle:before {
    content: ""
}

.glyphicon-ban-circle:before {
    content: ""
}

.glyphicon-arrow-left:before {
    content: ""
}

.glyphicon-arrow-right:before {
    content: ""
}

.glyphicon-arrow-up:before {
    content: ""
}

.glyphicon-arrow-down:before {
    content: ""
}

.glyphicon-share-alt:before {
    content: ""
}

.glyphicon-resize-full:before {
    content: ""
}

.glyphicon-resize-small:before {
    content: ""
}

.glyphicon-exclamation-sign:before {
    content: ""
}

.glyphicon-gift:before {
    content: ""
}

.glyphicon-leaf:before {
    content: ""
}

.glyphicon-fire:before {
    content: ""
}

.glyphicon-eye-open:before {
    content: ""
}

.glyphicon-eye-close:before {
    content: ""
}

.glyphicon-warning-sign:before {
    content: ""
}

.glyphicon-plane:before {
    content: ""
}

.glyphicon-calendar:before {
    content: ""
}

.glyphicon-random:before {
    content: ""
}

.glyphicon-comment:before {
    content: ""
}

.glyphicon-magnet:before {
    content: ""
}

.glyphicon-chevron-up:before {
    content: ""
}

.glyphicon-chevron-down:before {
    content: ""
}

.glyphicon-retweet:before {
    content: ""
}

.glyphicon-shopping-cart:before {
    content: ""
}

.glyphicon-folder-close:before {
    content: ""
}

.glyphicon-folder-open:before {
    content: ""
}

.glyphicon-resize-vertical:before {
    content: ""
}

.glyphicon-resize-horizontal:before {
    content: ""
}

.glyphicon-hdd:before {
    content: ""
}

.glyphicon-bullhorn:before {
    content: ""
}

.glyphicon-bell:before {
    content: ""
}

.glyphicon-certificate:before {
    content: ""
}

.glyphicon-thumbs-up:before {
    content: ""
}

.glyphicon-thumbs-down:before {
    content: ""
}

.glyphicon-hand-right:before {
    content: ""
}

.glyphicon-hand-left:before {
    content: ""
}

.glyphicon-hand-up:before {
    content: ""
}

.glyphicon-hand-down:before {
    content: ""
}

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

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

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

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

.glyphicon-globe:before {
    content: ""
}

.glyphicon-wrench:before {
    content: ""
}

.glyphicon-tasks:before {
    content: ""
}

.glyphicon-filter:before {
    content: ""
}

.glyphicon-briefcase:before {
    content: ""
}

.glyphicon-fullscreen:before {
    content: ""
}

.glyphicon-dashboard:before {
    content: ""
}

.glyphicon-paperclip:before {
    content: ""
}

.glyphicon-heart-empty:before {
    content: ""
}

.glyphicon-link:before {
    content: ""
}

.glyphicon-phone:before {
    content: ""
}

.glyphicon-pushpin:before {
    content: ""
}

.glyphicon-usd:before {
    content: ""
}

.glyphicon-gbp:before {
    content: ""
}

.glyphicon-sort:before {
    content: ""
}

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

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

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

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

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

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

.glyphicon-unchecked:before {
    content: ""
}

.glyphicon-expand:before {
    content: ""
}

.glyphicon-collapse-down:before {
    content: ""
}

.glyphicon-collapse-up:before {
    content: ""
}

.glyphicon-log-in:before {
    content: ""
}

.glyphicon-flash:before {
    content: ""
}

.glyphicon-log-out:before {
    content: ""
}

.glyphicon-new-window:before {
    content: ""
}

.glyphicon-record:before {
    content: ""
}

.glyphicon-save:before {
    content: ""
}

.glyphicon-open:before {
    content: ""
}

.glyphicon-saved:before {
    content: ""
}

.glyphicon-import:before {
    content: ""
}

.glyphicon-export:before {
    content: ""
}

.glyphicon-send:before {
    content: ""
}

.glyphicon-floppy-disk:before {
    content: ""
}

.glyphicon-floppy-saved:before {
    content: ""
}

.glyphicon-floppy-remove:before {
    content: ""
}

.glyphicon-floppy-save:before {
    content: ""
}

.glyphicon-floppy-open:before {
    content: ""
}

.glyphicon-credit-card:before {
    content: ""
}

.glyphicon-transfer:before {
    content: ""
}

.glyphicon-cutlery:before {
    content: ""
}

.glyphicon-header:before {
    content: ""
}

.glyphicon-compressed:before {
    content: ""
}

.glyphicon-earphone:before {
    content: ""
}

.glyphicon-phone-alt:before {
    content: ""
}

.glyphicon-tower:before {
    content: ""
}

.glyphicon-stats:before {
    content: ""
}

.glyphicon-sd-video:before {
    content: ""
}

.glyphicon-hd-video:before {
    content: ""
}

.glyphicon-subtitles:before {
    content: ""
}

.glyphicon-sound-stereo:before {
    content: ""
}

.glyphicon-sound-dolby:before {
    content: ""
}

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

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

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

.glyphicon-copyright-mark:before {
    content: ""
}

.glyphicon-registration-mark:before {
    content: ""
}

.glyphicon-cloud-download:before {
    content: ""
}

.glyphicon-cloud-upload:before {
    content: ""
}

.glyphicon-tree-conifer:before {
    content: ""
}

.glyphicon-tree-deciduous:before {
    content: ""
}

.glyphicon-cd:before {
    content: ""
}

.glyphicon-save-file:before {
    content: ""
}

.glyphicon-open-file:before {
    content: ""
}

.glyphicon-level-up:before {
    content: ""
}

.glyphicon-copy:before {
    content: ""
}

.glyphicon-paste:before {
    content: ""
}

.glyphicon-alert:before {
    content: ""
}

.glyphicon-equalizer:before {
    content: ""
}

.glyphicon-king:before {
    content: ""
}

.glyphicon-queen:before {
    content: ""
}

.glyphicon-pawn:before {
    content: ""
}

.glyphicon-bishop:before {
    content: ""
}

.glyphicon-knight:before {
    content: ""
}

.glyphicon-baby-formula:before {
    content: ""
}

.glyphicon-tent:before {
    content: "⛺"
}

.glyphicon-blackboard:before {
    content: ""
}

.glyphicon-bed:before {
    content: ""
}

.glyphicon-apple:before {
    content: ""
}

.glyphicon-erase:before {
    content: ""
}

.glyphicon-hourglass:before {
    content: "⌛"
}

.glyphicon-lamp:before {
    content: ""
}

.glyphicon-duplicate:before {
    content: ""
}

.glyphicon-piggy-bank:before {
    content: ""
}

.glyphicon-scissors:before {
    content: ""
}

.glyphicon-bitcoin:before {
    content: ""
}

.glyphicon-btc:before {
    content: ""
}

.glyphicon-xbt:before {
    content: ""
}

.glyphicon-yen:before {
    content: "¥"
}

.glyphicon-jpy:before {
    content: "¥"
}

.glyphicon-ruble:before {
    content: "₽"
}

.glyphicon-rub:before {
    content: "₽"
}

.glyphicon-scale:before {
    content: ""
}

.glyphicon-ice-lolly:before {
    content: ""
}

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

.glyphicon-education:before {
    content: ""
}

.glyphicon-option-horizontal:before {
    content: ""
}

.glyphicon-option-vertical:before {
    content: ""
}

.glyphicon-menu-hamburger:before {
    content: ""
}

.glyphicon-modal-window:before {
    content: ""
}

.glyphicon-oil:before {
    content: ""
}

.glyphicon-grain:before {
    content: ""
}

.glyphicon-sunglasses:before {
    content: ""
}

.glyphicon-text-size:before {
    content: ""
}

.glyphicon-text-color:before {
    content: ""
}

.glyphicon-text-background:before {
    content: ""
}

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

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

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

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

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

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

.glyphicon-triangle-right:before {
    content: ""
}

.glyphicon-triangle-left:before {
    content: ""
}

.glyphicon-triangle-bottom:before {
    content: ""
}

.glyphicon-triangle-top:before {
    content: ""
}

.glyphicon-console:before {
    content: ""
}

.glyphicon-superscript:before {
    content: ""
}

.glyphicon-subscript:before {
    content: ""
}

.glyphicon-menu-left:before {
    content: ""
}

.glyphicon-menu-right:before {
    content: ""
}

.glyphicon-menu-down:before {
    content: ""
}

.glyphicon-menu-up:before {
    content: ""
}

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

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

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

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

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

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

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

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

figure {
    margin: 0
}

a {
    vertical-align: middle
}

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

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

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

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

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

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

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

[role=button] {
    cursor: pointer
}

.h1, .a, .a, .a, .a, .h6, h1, a, a, a, a, h6 {
}

.h1 .small, .h1 small, .a .small, .a small, .a .small, .a small, .a .small, .a small, .a .small, .a small, .h6 .small, .h6 small, h1 .small, h1 small, a .small, a small, a .small, a small, a .small, a small, a .small, a small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .a, .a, h1, a, a {
}

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

.a, .a, .h6, a, a, h6 {
}

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

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

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

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

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

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

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

p {
    margin: 0 0 10px
}

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

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

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

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

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

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

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

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

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

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

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

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

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

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

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

ol, ul {
    margin-bottom: 10px
}

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

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

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

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

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

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

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

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

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

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

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

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

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

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '— '
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
    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: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    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 > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

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

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

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

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

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

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    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;
    display: table-column;
    float: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input[type=checkbox], input[type=radio] {
    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=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

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

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

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

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

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

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

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

textarea.form-control {
    height: auto
}

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

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

    .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], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px
    }

    .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], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-feedback {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px
    }
}

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

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

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

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

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

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

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

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

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

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

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

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

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

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

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

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

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

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

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

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

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

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

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

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

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

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

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

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

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

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

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

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

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

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

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

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

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

.open > a {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    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-group, .btn-toolbar .input-group {
    float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn .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: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

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

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

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

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

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

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

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

.input-group-btn {
    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:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    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 {
    margin-left: -1px
}

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

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

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

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

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

.nav-pills > li {
    float: left
}

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

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

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

.nav-stacked > li {
    float: none
}

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

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

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

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        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;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

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

.navbar-brand > a {
    display: block
}

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

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

.navbar-toggle:focus {
    outline: 0
}

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

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

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

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

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

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

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

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

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

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

@media (min-width: 768px) {
    .navbar-form .form-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 .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
        width: auto
    }

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

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

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

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

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

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

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

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

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

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

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

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

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

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

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

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

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

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

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

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

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

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

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

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

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

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

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

.breadcrumb > li {
    display: inline-block
}

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

.breadcrumb > .active {
    color: #777
}

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

.pagination > li {
    display: inline
}

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

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

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

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

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

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

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

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

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

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

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

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

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

.pager li {
    display: inline
}

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

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

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

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

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

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

a.label:focus, a.label:hover {
    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]:focus, .label-default[href]:hover {
    background-color: #5e5e5e
}

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

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

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

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert-success .alert-link {
    color: #2b542c
}

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

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

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

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

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

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

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

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

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

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

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

.progress-bar-info {
    background-color: #5bc0de
}

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

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

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

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

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

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

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

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

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

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

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

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

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

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

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

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

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

a.list-group-item .list-group-item-heading {
    color: #333
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

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

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

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

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

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

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

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

.list-group + .panel-footer {
    border-top-width: 0
}

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

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

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

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

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

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

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

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

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

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

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

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

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

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

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

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

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

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

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

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

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

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

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

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

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

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

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

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

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

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

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

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

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

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

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

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

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.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: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(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 {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.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 {
    content: "";
    border-width: 10px
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > a > a, .carousel-inner > .item > a {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: '‹'
}

.carousel-control .icon-next:before {
    content: '›'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .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-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.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-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@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
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.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
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.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
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.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
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

#menu {
    position: relative;
    width: 100%;
    height: 80px;
    font-family: sans-serif
}

.menu .container {
    position: relative
}

.menu .container .submenu {
    max-width: 90%;
    position: absolute;
    top: 36px;
    padding-bottom: 10px;
    display: none;
    background-color: #fff;
    z-index: 100;
    border: 1px solid #c2c2c2
}

.menu .container .submenu.showmenu {
    display: block
}

.submenu.showmenu:hover {
    color: #000
}

.showmenu > ul > li {
    margin-bottom: 0
}

.showmenu > ul > li > a {
    text-transform: none;
    padding: 3px 15px;
    line-height: 16px
}

.jcarousel-wrapper {
    position: relative;
    -moz-box-shadow: 0 0 2px #999
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%
}

.jcarousel ul {
    width: 3000px;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.jcarousel li {
    float: left;
    border-right: 1px dotted #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 6.5%
}

.jcarousel a {
    display: block;
    max-width: 100%;
    height: auto !important
}

.jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 10%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 80px/27px Roboto Condensed, sans-serif;
    cursor: pointer;
    -moz-border-radius: 30px;
    -moz-box-shadow: 0 0 4px #f0efe7
}

.jcarousel-control-prev {
    left: -40px
}

.jcarousel-control-next {
    right: -40px
}

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4e443c;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4e443c;
    -moz-box-shadow: 0 0 2px #4e443c;
    box-shadow: 0 0 2px #4e443c
}

.jcarousel-pagination a.active {
    background: #4e443c;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #f0efe7;
    -moz-box-shadow: 0 0 2px #f0efe7;
    box-shadow: 0 0 2px #f0efe7
}

@media (max-width: 1050px) {
    .jcarousel-control-prev {
        left: -15px
    }

    .jcarousel-control-next {
        right: -15px
    }
}

@media (max-width: 1037px) {
    .jcarousel {
        width: 95%
    }

    .jcarousel-control-prev {
        left: 0
    }

    .jcarousel-control-next {
        right: 0
    }
}

@charset "UTF-8";
.animated {
}

.animated.infinite {
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.alertify .ajs-dimmer {
    position: fixed;
    z-index: 1981;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #252525;
    opacity: .5
}

.alertify .ajs-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1981
}

.alertify .ajs-dialog {
    position: relative;
    margin: 5% auto;
    min-height: 110px;
    max-width: 500px;
    padding: 24px 24px 0 24px;
    outline: 0;
    background-color: #fff
}

.alertify .ajs-dialog.ajs-capture:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1
}

.alertify .ajs-reset {
    position: absolute !important;
    display: inline !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 2
}

.alertify .ajs-commands button {
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    padding: 10px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.alertify .ajs-commands button.ajs-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
}

.alertify .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
}

.alertify .ajs-header {
    margin: -24px;
    margin-bottom: 0;
    padding: 16px 24px;
    background-color: #fff
}

.alertify .ajs-body {
    min-height: 56px
}

.alertify .ajs-body .ajs-content {
    padding: 16px 24px 16px 16px
}

.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #fff
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
    float: left;
    clear: none;
    text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    min-width: 88px;
    min-height: 35px
}

.alertify .ajs-handle {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
    overflow: hidden !important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
    left: 0;
    right: 0;
    padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
    margin-left: -24px;
    margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
    padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
    left: 0;
    right: 0
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
    display: inline-block
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
    display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
    position: fixed !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOacAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-resizable .ajs-dialog, .alertify.ajs-maximized .ajs-dialog {
    padding: 0
}

.alertify.ajs-resizable .ajs-commands, .alertify.ajs-maximized .ajs-commands {
    margin: 14px 24px 0 0
}

.alertify.ajs-resizable .ajs-header, .alertify.ajs-maximized .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 24px
}

.alertify.ajs-resizable .ajs-body, .alertify.ajs-maximized .ajs-body {
    min-height: 224px;
    display: inline-block
}

.alertify.ajs-resizable .ajs-body .ajs-content, .alertify.ajs-maximized .ajs-body .ajs-content {
    position: absolute;
    top: 50px;
    right: 24px;
    bottom: 50px;
    left: 24px;
    overflow: auto
}

.alertify.ajs-resizable .ajs-footer, .alertify.ajs-maximized .ajs-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
    display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
    cursor: move
}

.alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset {
    display: none
}

.alertify.ajs-modeless .ajs-modal {
    overflow: visible;
    max-width: none;
    max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKaJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
    position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
    max-height: 500px;
    overflow: auto
}

.alertify.ajs-basic .ajs-header {
    opacity: 0
}

.alertify.ajs-basic .ajs-footer {
    visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
    display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
    padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
    margin-top: 0
}

.ajs-no-overflow {
    overflow: hidden !important;
    outline: none
}

.ajs-no-selection, .ajs-no-selection * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 568px) {
    .alertify .ajs-dialog {
        min-width: 150px
    }

    .alertify:not(.ajs-maximized) .ajs-modal {
        padding: 0 5%
    }

    .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
        min-width: initial;
        min-width: auto
    }
}

@-moz-document url-prefix() {
    .alertify button:focus {
        outline: 1px dotted #3593D2;
    }
}

.alertify .ajs-dimmer, .alertify .ajs-modal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-property: opacity, visibility;
    transition-timing-function: linear;
    transition-duration: 250ms
}

.alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal {
    visibility: hidden;
    opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms
}

.alertify .ajs-dialog.ajs-shake {
    -webkit-animation-name: ajs-shake;
    animation-name: ajs-shake;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes ajs-shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-slideIn;
    animation-name: ajs-slideIn;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-slideOut;
    animation-name: ajs-slideOut;
    -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
    animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-zoomIn;
    animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-zoomOut;
    animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-fadeIn;
    animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-fadeOut;
    animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-pulseIn;
    animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-pulseOut;
    animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInX;
    animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutX;
    animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInY;
    animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutY;
    animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-pulseIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
}

@keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
}

@-webkit-keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }
    100% {
        margin-top: 5%
    }
}

@keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }
    100% {
        margin-top: 5%
    }
}

@-webkit-keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }
    100% {
        margin-top: -100%
    }
}

@keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }
    100% {
        margin-top: -100%
    }
}

.alertify-notifier {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 999999;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.alertify-notifier .ajs-message {
    position: relative;
    width: 290px;
    max-height: 0;
    padding: 0;
    opacity: 0;
    margin: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-duration: 250ms;
    transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1;
    max-height: 100%;
    padding: 15px;
    margin-top: 10px
}

.alertify-notifier .ajs-message.ajs-success {
    background: rgba(91, 189, 114, .95)
}

.alertify-notifier .ajs-message.ajs-error {
    background: rgba(217, 92, 92, .95)
}

.alertify-notifier .ajs-message.ajs-warning {
    background: rgba(252, 248, 215, .95)
}

.alertify-notifier.ajs-top {
    top: 10px
}

.alertify-notifier.ajs-bottom {
    bottom: 10px
}

.alertify-notifier.ajs-right {
    right: 10px
}

.alertify-notifier.ajs-right .ajs-message {
    right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
    right: 300px
}

.alertify-notifier.ajs-left {
    left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
    left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
    left: 0
}

.ajs-button {
    cursor: pointer
}

.alertify .ajs-dialog {
    background-color: #fff;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
    border-radius: 2px
}

.alertify .ajs-header {
    color: #000;
    font-weight: bold;
    background: #fafafa;
    border-bottom: #eee 1px solid;
    border-radius: 2px 2px 0 0
}

.alertify .ajs-body {
    color: #000
}

.alertify .ajs-body .ajs-content .ajs-input {
    display: block;
    width: 100%;
    padding: 8px;
    margin: 4px;
    border-radius: 2px;
    border: 1px solid #ccc
}

.alertify .ajs-body .ajs-content p {
    margin: 0
}

.alertify .ajs-footer {
    background: #fbfbfb;
    border-top: #eee 1px solid;
    border-radius: 0 0 2px 2px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    background-color: transparent;
    color: #000;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #d43f31
}

.alertify-notifier .ajs-message {
    background: rgba(255, 255, 255, .95);
    color: #000;
    text-align: left;
    border: solid 1px #ddd;
    border-radius: 2px
}

.alertify-notifier .ajs-message.ajs-success {
    color: #fff;
    background: rgba(91, 189, 114, .95);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}

.alertify-notifier .ajs-message.ajs-error {
    color: #fff;
    background: rgba(217, 92, 92, .95);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}

.alertify-notifier .ajs-message.ajs-warning {
    background: #ffa912;
    border-color: #f59d04;
    color: #fff
}

.alertify-notifier .ajs-message.ajs-error {
    border-color: rgba(217, 92, 92, .95)
}

.alertify-notifier .ajs-message.ajs-success {
    border-color: rgba(91, 189, 114, .95)
}

.fa-2x {
    font-size: inherit
}

.main-checkdomain .input-group-lg > .matbao-textbox::-webkit-input-placeholder {
    color: #c9c9c9
}

.main-checkdomain .input-group-lg > .matbao-textbox::-moz-placeholder {
    color: #c9c9c9
}

.main-checkdomain .input-group-lg > .matbao-textbox:-ms-input-placeholder {
    color: #c9c9c9
}

.main-checkdomain .input-group-lg > .matbao-textbox:-moz-placeholder {
    color: #c9c9c9
}

.matbao-radio::after {
    line-height: 25px;
    width: 100%
}

.matbao-radio label::after, .matbao-radio label:active::after, .matbao-radio label.active::after {
    text-align: left;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.matbao-radio label.btn span::after {
    font-size: 18px;
    margin-left: 10px
}

.matbao-radio label input[type="radio"] ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/radian-butt-unchecked.png);
    vertical-align: middle;
    display: none
}

.matbao-radio label input[type="radio"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/radian-butt-unchecked.png);
    vertical-align: middle
}

.matbao-radio label input[type="radio"]:checked ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/radian-butt-checked.png);
    vertical-align: middle;
    display: none
}

.matbao-radio label input[type="radio"]:checked ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/radian-butt-checked.png);
    vertical-align: middle;
    display: inline
}

.matbao-checkbox-mini {
    line-height: 25px;
    width: 100%
}

.matbao-checkbox-mini label, .matbao-checkbox-mini label:active, .matbao-checkbox-mini label.active {
    text-align: left;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.matbao-checkbox-mini label.btn span {
    font-size: 18px;
    margin-left: 10px
}

.matbao-checkbox-mini label input[type="checkbox"] {
    display: none
}

.matbao-checkbox-mini input[type="checkbox"] ~ i.fa.fa-circle-o::before {
    content: url(/Content/images/matbao-uncheck.png);
    vertical-align: middle;
    display: none
}

.matbao-checkbox-mini label input[type="checkbox"] ~ i.fa.fa-check-circle-o::before {
    content: url(/Content/images/matbao-uncheck.png);
    vertical-align: middle;
    display: inline
}

.matbao-checkbox-mini label input[type="checkbox"]:checked ~ i.fa.fa-circle-o::before {
    content: url(/Content/images/ico-checked-2.png);
    vertical-align: middle;
    display: none
}

.matbao-checkbox-mini label input[type="checkbox"]:checked ~ i.fa.fa-check-circle-o::before {
    content: url(/Content/images/ico-checked-2.png);
    vertical-align: middle;
    display: inline
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

.for-safari {
    -webkit-appearance: none
}

#dropdown-listtypedomain {
    -webkit-appearance: none;
    -moz-appearance: none
}

.select-container:after {
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    z-index: 999;
    position: absolute;
    color: gray;
    top: 15px;
    right: 10px
}

.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap;
    white-space: normal
}

.text-center {
    text-align: center
}

.font-weight300 {
    font-weight: 300
}

.font-opensan {
    font-family: 'Open Sans' !important
}

.full-width {
    width: 100%
}

.bodyDiv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.scrollbox3 {
    overflow: auto;
    width: 100%;
    height: 400px;
    padding: 0 5px;
    border: 1px solid #b7b7b7
}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear
}

.track3:hover, .track3.dragging {
    background: #d9d9d9;
    background: rgba(0, 0, 0, .15)
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, .4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms
}

.track3:hover .handle3, .track3.dragging .handle3 {
    width: 10px
}

.container {
    min-width: 235px
}

.body-content {
    padding-left: 0;
    padding-right: 0;
    background: url(images/bg-page.gif) right top #fff no-repeat;
    margin-bottom: 15px
}

.modal-backdrop {
    z-index: inherit
}

a {
    color: #484848
}

a:hover {
    text-decoration: none;
    color: #ff4641
}

.block {
    width: 100%
}

input, select, textarea, .btn, button {
    max-width: 100%;
    outline: none;
    border-radius: 0
}

.unit {
    color: #b8b8b8
}

.home-title {
    font-size: 36px;
    font-weight: 900;
    font-family: 'Roboto Condensed';
    margin-top: 35px;
    margin-bottom: 25px
}

.home-description {
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 15px;
    display: inline-block
}

.home-button {
    font-size: 20px;
    color: #000;
    background-color: transparent !important;
    border-color: #ccc
}

.home-detail {
    padding-top: 20px
}

.home-note {
    font-size: 18px;
    font-weight: bold;
    font-family: Open Sans
}

hr {
    border-top: 1px dotted #fff
}

.form-input input {
    color: #333
}

.mb-sub-menu {
    margin-top: 0;
    display: block;
    position: absolute;
    width: 100%;
    background: #59737e;
    left: 0;
    z-index: 99999
}

.mb-sub-menu a {
    color: #fff
}

.mb-menu .mb-sub-menu .account {
    font-size: 16px
}

.mb-menu .mb-sub-menu .account .title {
    padding-bottom: 35px;
    padding-top: 35px
}

.mb-menu .mb-sub-menu .account .info {
    padding-bottom: 0
}

.mb-menu .mb-sub-menu .account .product {
    font-style: italic
}

.mb-menu .mb-sub-menu .account .moreinfo {
    text-align: center;
    padding-bottom: 25px;
    padding-top: 20px
}

.mb-menu .mb-sub-menu .account .moreinfo .home-button {
    color: #fff;
    background-color: #fe4842 !important;
    border: none;
    width: 100%
}

.mb-menu .mb-sub-menu .account i {
    font-size: 5px
}

.mb-menu .mb-sub-menu .account .label {
    font-size: 18px;
    font-weight: 100
}

.mb-menu .label-login {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 5px
}

.mb-menu .form-login {
    padding-bottom: 20px
}

.mb-menu .form-login input {
    width: 100%;
    margin: 10px 0;
    min-height: 40px;
    padding-left: 20px
}

.mb-menu .form-button {
    margin: 0
}

.mb-menu .form-button .pull-left {
    padding-left: 0;
    line-height: 50px;
    font-size: 24px
}

.mb-menu .form-button .pull-right {
    padding-right: 0
}

.mb-menu .form-button .pull-right span {
    background-color: #ff4343;
    color: #fff;
    border: none;
    height: 50px;
    font-size: 24px
}

.mb-menu .form-login div:last-child span {
    height: 50px;
    font-size: 24px
}

.mb-menu .form-input ul {
    padding-left: 17px
}

header .mb-header {
    color: #fff;
    background-color: #fff
}

.mb-header ul {
    margin-bottom: 0
}

.mb-header li {
    min-height: 75px;
    text-align: center;
    padding: 20px 10px 5px;
    display: block;
    font-family: 'Roboto Condensed'
}

.mb-header li.active {
    color: #fff;
    background-color: #59737e
}

.sub-top-menu a {
    font-family: 'Roboto Condensed';
    color: #787878
}

.sub-top-menu a:hover {
    color: #ff4343
}

.mb-header li > a > a {
    margin-right: 10px
}

.mb-header li.active > a {
    text-decoration: none;
    outline: none;
    color: #fff
}

header .mb-header .sub-top-menu {
    display: none;
    text-align: left
}

header .mb-header .sub-top-menu .panel-body > div:nth-child(1) {
    border: 1px dotted #787878
}

header .mb-header .sub-top-menu .login-top {
    padding: 25px 5px;
    text-transform: uppercase
}

header .mb-header .sub-top-menu .login-top .label {
    font-size: 18px;
    font-weight: 100
}

header .mb-header .sub-top-menu .pull {
    vertical-align: middle;
    font-size: 5px;
    padding-right: 5px
}

header .mb-header .sub-top-menu .login-mid {
    font-size: 14px;
    font-weight: 100;
    line-height: 25px
}

header .mb-header .sub-top-menu .right {
    font-size: 16px;
    font-weight: 100;
    font-style: italic
}

header .mb-header .sub-top-menu .login {
    padding: 30px 0;
    font-size: 16px;
    font-weight: 100
}

header .mb-header .sub-top-menu .login .label {
    font-size: 18px;
    font-weight: 100;
    padding-bottom: 20px;
    text-align: left
}

header .mb-header .sub-top-menu .login .register {
    padding-top: 20px;
    padding-right: 40px
}

header .mb-header .sub-top-menu .login .register .home-button {
    width: 100%
}

header .mb-header .sub-top-menu .login-bottom {
    padding: 0 10px 20px
}

header .mb-header .sub-top-menu .register-left {
    border-right: 1px dotted #fff
}

header .mb-header .sub-top-menu .register-right .form-control {
    border-radius: 0
}

header .mb-header .sub-top-menu .register-right .control {
    padding-bottom: 10px
}

header .mb-header .sub-top-menu .register-right .home-forgot {
    background-color: transparent !important
}

header .mb-header .sub-top-menu .home-button {
    font-family: 'Roboto Condensed';
    width: 160px;
    height: 50px;
    border: none;
    background-color: #ff4343 !important;
    color: #fff;
    line-height: 37px
}

header .mb-header li.active .sub-top-menu {
    margin-top: 25px;
    display: block;
    position: absolute;
    width: 52%;
    background: #59737e;
    right: 0;
    z-index: 3
}

header .mb-menu .sub-top-menu .panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

header .mb-menu .sub-top-menu ul {
    padding-left: 0
}

header .mb-menu .sub-top-menu ul li {
    list-style: none;
    color: #fff;
    font-size: 16px
}

header .mb-menu span i {
    font-family: 'Open Sans';
    color: #fff;
    font-size: 14px
}

header .mb-menu {
    color: #fff;
    background-color: #ff4343
}

.navbar {
    margin-bottom: 0;
    position: inherit;
    font-family: 'Roboto Condensed'
}

.navbar-default {
    border-color: #ff4343;
    background-color: #ff4343;
    border: 0
}

.navbar-nav > li {
    position: inherit
}

.navbar-nav > li > a {
    color: #fefefe !important;
    line-height: 28px;
    min-height: 50px;
    padding: 10px 0;
    text-align: center
}

.navbar-nav > li > a:hover, .navbar-nav > li.active > a {
    background-color: #59737e !important;
    color: #fff !important;
    font-size: 14px
}

.menu-padding .navbar-nav > li:hover, .navbar-nav > li.active {
    background-color: #59737e !important
}

.menu-padding .navbar-nav > li {
    padding: 0 30px
}

.navbar-default .navbar-toggle {
    border-color: #ff4641
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent
}

ul.navbar-nav > li > .sub-top-menu {
    display: none
}

ul.navbar-nav > li.active > .sub-top-menu {
    display: block;
    position: absolute;
    width: 100%;
    background: #59737e;
    left: 0;
    z-index: 999
}

.navbar-nav .panel-default .title-white {
    color: #fff !important
}

.navbar-nav .panel-default {
    border-color: transparent;
    color: #fff
}

.navbar-nav .panel-default .block-one {
    padding-bottom: 20px;
    padding-right: 30px;
    font-weight: 300
}

.navbar-nav .panel-default .block-two {
    border-color: transparent;
    color: #333
}

.navbar-nav .panel-default .block-three {
    border-color: transparent;
    color: #333
}

.navbar-nav .panel-default .home-title-partner {
    margin-bottom: 0
}

.sub-top-menu .panel {
    background: #59737e
}

.sub-top-menu .panel-body {
    font-family: 'Open Sans';
    font-size: 14px
}

.sub-top-menu .panel-body a {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #fff
}

.sub-top-menu .panel-body .menu-color {
    border-left: 1px solid #fff
}

.sub-title-menu {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #363636 !important
}

.carousel-control {
    width: 14%
}

.carousel-control .slider-button {
    position: absolute;
    top: 43%;
    z-index: 5;
    display: inline-block
}

.carousel-control .slider-left {
    right: 0
}

.carousel-control .slider-right {
    left: 0
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

.home > .item > a, .home > .item > a > a {
    width: 100%
}

.main-checkdomain {
    color: #363636;
    background-color: #fff
}

.main-checkdomain .jcarousel {
    margin-left: -5px
}

.main-checkdomain .row {
    text-align: center
}

.main-checkdomain .input-group {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 4px solid #aaa
}

.main-checkdomain .input-group .form-control, button {
    border-right: none !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.main-checkdomain .input-group-btn:last-child > .btn {
    color: #fff;
    background-color: #ff4343;
    margin-left: 0;
    padding-left: 30px;
    padding-right: 42px;
    min-height: 58px;
    border-radius: 0;
    border: 0 solid transparent;
    font-family: 'Roboto Condensed';
    font-size: 24px
}

.main-checkdomain .input-group-lg > .matbao-textbox {
    min-height: 58px;
    font-size: 30px;
    width: 100%;
    padding-left: 15px
}

.main-checkdomain .input-group-lg input[type="text"]:-moz-placeholder, .main-checkdomain .input-group-lg input[type="text"]::-moz-placeholder {
    font-family: 'Open Sans';
    font-size: 30px;
    color: #d9d6d6
}

.main-checkdomain .mb-checkdomain {
    padding: 10px
}

.main-checkdomain .mb-checkdomain a {
    color: #8bc943
}

.main-checkdomain .mb-checkdomain .form-control {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    height: 60px;
    border: 2px solid #a5a5a5;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.main-checkdomain .mb-checkdomain span {
    font-size: 20px;
    height: 60px;
    color: #fff;
    background-color: #ff4641;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.main-checkdomain .mb-checkdomain span input {
    width: 100%
}

.main-checkdomain .jcarousel-domain {
    padding: 20px 0
}

.main-checkdomain .jcarousel li {
    border-left: dotted 1px #bfbfbf
}

.main-checkdomain .jcarousel li b {
    color: #aaa;
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: bold
}

.main-checkdomain .jcarousel li span {
    color: #787878;
    font-family: 'Roboto Condensed';
    font-size: 14px;
    font-weight: 400
}

.jcarousel span.old-price-slide {
    color: #a9a6a6;
    font-size: 14px;
    text-decoration: line-through
}

.main-checkdomain .visible-xs-block .jcarousel {
    padding: 20px 0
}

.wrap-check-domain-home {
    background: url("/Content/images/backgroud-whois-homev4.png") !important;
    background-size: cover !important
}

.main-checkdomain .wrap-check-domain {
    padding-top: 10px
}

.jcarousel-control-prev, .jcarousel-control-next {
    top: 25%
}

.chili-info {
    padding-top: 30px;
    padding-bottom: 50px
}

.chili-info .home-button {
    color: #fff;
    margin: 20px 0 20px 0;
    font-weight: 100;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    padding: 9px 26px;
    display: inline-block
}

.chili-info .home-button:hover {
    background-color: #88c743 !important;
    color: #fff;
    border: 1px solid #88c743 !important
}

.mb-chiliinfo {
    text-align: center
}

.mb-chiliinfo a {
    display: inline
}

.cloud-hosting-info {
    background-color: #f6f3ee !important;
    padding-top: 30px;
    padding-bottom: 15px
}

.cloud-hosting-info .home-title, .cloud-hosting-info .home-description, .cloud-hosting-info .home-note {
    color: #363636
}

.panel-default > .hosting-blue {
    background-color: #00b7c8
}

.panel-default > .hosting-jade {
    background-color: #00c884
}

.panel-default > .hosting-green {
    background-color: #8aca44
}

.hosting-description {
    font-family: 'Roboto Condensed';
    color: #363636;
    position: relative;
    border: none
}

.hosting-description:hover {
    -moz-box-shadow: 0 0 5px #dbdbdb;
    -webkit-box-shadow: 0 0 5px #dbdbdb;
    box-shadow: 0 0 5px #dbdbdb
}

.hosting-description .home-title-partner {
    color: #fff
}

.hosting-description .bold {
    font-weight: bold
}

.hosting-description .price {
    font-size: 30px;
    background-color: #fff;
    color: #000
}

.hosting-description .price .unit {
    font-size: 14px
}

.hosting-description .info {
    font-family: 'Open Sans';
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    color: #363636
}

.hosting-description .btn-addcart {
    padding: 20px 50px;
    background-color: #fff;
    color: #000;
    border-radius: 0 0 5px 5px
}

.hosting-description .btn-addcart a {
    font-size: 16px;
    padding: 6px 40px
}

.hosting-description .panel-heading {
    border-radius: 5px 5px 0 0
}

.hosting-description .btn-addcart a:hover {
    color: #fff;
    background-color: #f51408 !important
}

.hosting-description .home-title-partner {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 0
}

.cloud-hosting-info .nav-tabs {
    display: inline-block;
    border: none;
    margin-top: 15px;
    margin-bottom: 55px;
    width: 100%
}

.cloud-hosting-info .nav-tabs > li {
    padding-right: 10px;
    margin-top: 10px
}

.cloud-hosting-info .nav-tabs > li:hover a {
    cursor: pointer;
    background-color: #88c743;
    color: #fff
}

.cloud-hosting-info .nav-tabs > .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cloud-hosting-info .nav-tabs > li > a {
    font-family: 'Roboto Condensed';
    border: 1px solid #003636;
    border-radius: 0;
    cursor: pointer;
    color: #363636;
    background-color: transparent;
    padding: 10px 40px;
    font-size: 18px;
    text-align: center
}

.cloud-hosting-info .nav-tabs > li > a:hover, .cloud-hosting-info .nav-tabs > li > a:focus, .cloud-hosting-info .nav-tabs > li.active > a:focus {
    border: 1px solid #88c743
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border: 1px solid #88c743
}

.cloud-hosting-info .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: pointer;
    background-color: #88c743;
    color: #fff;
    border: 1px solid #88c743
}

.cloud-hosting-info .visible-xs-block {
}

.cloud-hosting-info .visible-xs-block .nav-tabs {
    width: 100%;
    border: none;
    margin: 0
}

.cloud-hosting-info .visible-xs-block .nav-tabs > li {
    font-size: 18px;
    width: 100%;
    padding-bottom: 10px
}

.cloud-hosting-info .visible-xs-block .nav-tabs > .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cloud-hosting-info .visible-xs-block .nav-tabs > li > a, .visible-xs-block .nav-tabs > li > a:hover, .visible-xs-block .nav-tabs > li > a:focus {
    border-radius: 0;
    cursor: pointer;
    color: #555;
    background-color: transparent;
    border: 1px solid #000
}

.cloud-hosting-info .visible-xs-block .nav-tabs > li.active > a, .visible-xs-block .nav-tabs > li.active > a:hover, .visible-xs-block .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #88c743;
    border: 1px solid #ddd
}

.email-info {
    padding-top: 30px;
    padding-bottom: 40px
}

.email-info .home-button {
    color: #fff;
    margin: 20px 0 20px 0;
    font-weight: 100;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    padding: 9px 26px;
    border: 1px solid #fff
}

.email-info .home-button:hover {
    background-color: #88c743 !important;
    color: #fff;
    border: 1px solid #88c743 !important
}

.mb-emailinfo {
    text-align: center
}

.mb-emailinfo a {
    display: inline
}

.whypickme {
    color: #333;
    background-color: #efefef !important;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 50px
}

.whypickme .container {
    background: url('/Content/images/lamdabg.png') no-repeat 0 117px
}

.whypickme .panel {
    background-color: transparent;
    border-color: transparent !important;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 rgba(0, 0, 0, .05)
}

.whypickme .panel-default > .panel-heading {
    background-color: transparent !important;
    border-color: transparent !important
}

.whypickme .matbao-label-2 {
    color: #747474
}

.whypickme .panel-body span {
    font-family: 'Open Sans';
    font-size: 14px;
    color: rgba(116, 146, 146, .85)
}

.whypickme .panel-body ul {
    list-style: none;
    color: rgba(116, 146, 146, .85);
    padding: 0;
    margin: 0;
    margin-top: 5px
}

.whypickme .mobile-why-pickme .matbao-label-2 {
    font-size: 15px
}

.whypickme .mobile-why-pickme .matbao-label-1 {
    font-size: 30px
}

.change-domain .active .matbao-label-2 {
    color: #fff !important
}

.change-domain .matbao-control .matbao-label-2 {
    color: rgba(255, 255, 255, .65)
}

.input-group {
    width: 100%;
    margin-top: 10px
}

.hot-sale {
    background: url(/Content/images/best-seller-badge.png) no-repeat right top;
    width: 18%;
    position: absolute;
    top: 0;
    z-index: 9;
    height: 80px;
    right: 14px
}

.hot-sale-en {
    background: url(/Content/images/best-seller-badge-en.png) no-repeat right top;
    background-size: 90%;
    width: 18%;
    position: absolute;
    top: -13px;
    z-index: 9;
    height: 80px;
    right: 7px
}

.matbao-text-opensan-1 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 300
}

.matbao-text-opensan-2 {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400
}

.matbao-text-roboto {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: 100
}

.sub-top-menu .matbao-text-roboto {
    color: #787878
}

.matbao-label-1 {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Roboto Condensed'
}

.matbao-label-2 {
    font-size: 24px;
    font-weight: bold;
    font-family: 'Roboto Condensed'
}

.matbao-control {
    padding-top: 30px;
    padding-bottom: 30px
}

.matbao-control-2 {
    padding-top: 20px;
    padding-bottom: 20px
}

.matbao-delete:after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/cancel.png);
    cursor: pointer
}

.matbao-bullets:after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/Bullets.png);
    padding-right: 0;
    cursor: pointer
}

.matbao-checkwhois-search:after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-search.png);
    padding-right: 0;
    cursor: pointer
}

.matbao-checkwhois label, .matbao-checkwhois label.active {
    box-shadow: none;
    margin-right: -13px
}

.matbao-checkwhois label.btn span {
    font-size: 18px;
    margin-left: 10px
}

.matbao-checkwhois label input[type="checkbox"] {
    display: none
}

.fa-circle-o::before {
    content: none
}

.matbao-checkwhois label input[type="checkbox"] ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/ico-uncheck.png);
    vertical-align: middle;
    display: none
}

.matbao-checkwhois label input[type="checkbox"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/ico-uncheck.png);
    vertical-align: middle;
    display: inline-block
}

.matbao-checkwhois label input[type="checkbox"]:checked ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/ico-check.png);
    vertical-align: middle;
    display: none
}

.matbao-checkwhois label input[type="checkbox"]:checked ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/ico-check.png);
    vertical-align: middle;
    display: inline-block
}

.matbao-checkwhois > input[type="checkbox"]:after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-uncheck.png);
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -17px;
    right: 0
}

.matbao-checkwhois > input[type="checkbox"]:checked:after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-check.png);
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -17px;
    right: 0
}

.matbao-checkbox {
    padding-left: 20px
}

.matbao-checkbox-mini-3 input[type=checkbox] + label::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/matbao-uncheck.png);
    cursor: pointer;
    width: 21px;
    height: 21px
}

.matbao-checkbox-mini-3 .checked label::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-checked-2.png) !important;
    cursor: pointer;
    width: 21px;
    height: 21px
}

.matbao-checkbox-mini-3 input[type=checkbox], .matbao-checkbox-mini-3 input[type=checkbox]:checked {
    display: none
}

.matbao-checkbox-mini-3 input[type=checkbox] + label::after, .matbao-checkbox-mini-3 input[type=checkbox]:checked + label::after {
    position: absolute;
    left: 0
}

.matbao-checkbox-mini-3 input[type=checkbox]:checked + label::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-checked-2.png);
    cursor: pointer;
    width: 21px;
    height: 21px
}

.matbao-checkbox-mini-2 input[type=checkbox] + label::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/matbao-unchecked-2.png);
    cursor: pointer
}

.matbao-checkbox-mini-2 input[type=checkbox]:checked + label::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-checked-1.png);
    cursor: pointer
}

.matbao-checkbox-mini-2 input[type=checkbox] + label::after, .matbao-checkbox-mini-2 input[type=checkbox]:checked + label::after {
    position: absolute;
    left: 0;
    top: 0
}

.matbao-checkbox-mini-2 input[type=checkbox], .matbao-checkbox-mini-2 input[type=checkbox]:checked {
    display: none
}

.matbao-checkbox-mini {
    line-height: 25px;
    width: 100%
}

.matbao-checkbox-mini label, .matbao-checkbox-mini label:active, .matbao-checkbox-mini label.active {
    text-align: left;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.matbao-checkbox-mini label.btn span {
    font-size: 18px;
    margin-left: 10px;
    white-space: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.matbao-checkbox-mini input[type="checkbox"] ~ i.fa.fa-circle-o {
    content: url(/Content/images/matbao-unchecked-2.png);
    vertical-align: middle;
    display: none
}

.matbao-checkbox-mini label input[type="checkbox"] ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/matbao-unchecked-2.png);
    vertical-align: middle;
    margin-left: -20px
}

.matbao-checkbox-mini label input[type="checkbox"]:checked ~ i.fa.fa-circle-o {
    content: url(/Content/images/ico-checked-1.png);
    vertical-align: middle;
    display: none
}

.matbao-checkbox-mini label input[type="checkbox"]:checked ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/ico-checked-1.png);
    vertical-align: middle;
    display: inline;
    margin-left: -20px
}

.matbao-radio, .matbao-radio-mini {
    line-height: 25px;
    width: 100%
}

.matbao-radio label, .matbao-radio-mini label, .matbao-radio label:active, .matbao-radio-mini label:active, .matbao-radio label.active .matbao-radio-lagre label, .matbao-radio-mini label.active .matbao-radio-lagre label, .matbao-radio-lagre label:active, .matbao-radio-mini label:active, .matbao-radio-lagre label.active, .matbao-radio-mini label.active, .matbao-radio-normal label, .matbao-radio-mini label, .matbao-radio-normal label:active, .matbao-radio-normal label.active, .matbao-radio-mini label.active {
    text-align: left;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.matbao-radio label.btn span {
    font-size: 18px
}

.matbao-radio label input[type="radio"] ~ i.fa.fa-circle-o {
    content: url(/Content/images/radian-butt-unchecked.png);
    vertical-align: middle;
    display: none
}

.matbao-radio label input[type="radio"] ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/radian-butt-unchecked.png);
    vertical-align: middle
}

.matbao-radio label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    content: url(/Content/images/radian-butt-checked.png);
    vertical-align: middle;
    display: none
}

.matbao-radio label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/radian-butt-checked.png);
    vertical-align: middle;
    display: inline
}

.matbao-radio-mini label.btn span {
    font-size: 18px
}

.matbao-radio-mini label input[type="radio"] ~ i.fa.fa-circle-o {
    content: url(/Content/images/radian-butt-mini-unchecked.png);
    vertical-align: middle;
    display: none
}

.matbao-radio-mini label input[type="radio"] ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/radian-butt-mini-unchecked.png);
    vertical-align: middle
}

.matbao-radio-mini label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    content: url(/Content/images/radian-butt-mini-checked.png);
    vertical-align: middle;
    display: none
}

.matbao-radio-mini label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/radian-butt-mini-checked.png);
    vertical-align: middle;
    display: inline
}

.matbao-radio-lagre label input[type="radio"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: inline-flex;
    padding-right: 20px;
    width: 51px;
    height: 32px
}

.matbao-radio-lagre label input[type="radio"]:checked ~ i.fa.fa-check-circle-o:after {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: inline-flex;
    padding-right: 11px;
    width: 51px;
    height: 32px;
    margin-top: 0
}

.matbao-radio-normal label input[type="radio"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/radiobox-Uncheck-size-normal.png);
    vertical-align: middle;
    display: inline-flex;
    padding-right: 20px
}

.matbao-radio-normal label input[type="radio"]:checked ~ i.fa.fa-check-circle-o:after {
    content: url(/Content/images/radiobox-check-size-normal.png);
    vertical-align: middle;
    display: inline-flex;
    padding-right: 14px
}

.matbao-radio-mini label input[type="radio"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/radian-butt-mini-unchecked.png);
    vertical-align: middle;
    display: inline-flex;
    padding-right: 20px
}

.matbao-radio-mini label input[type="radio"]:checked ~ i.fa.fa-check-circle-o:after {
    content: url(/Content/images/radian-butt-mini-checked.png);
    vertical-align: middle;
    display: inline-flex;
    padding-right: 14px
}

.matbao-checkbox-mini > label > span {
    vertical-align: middle;
    margin-left: 10px
}

.matbao-button {
    font-size: 20px;
    color: #fff;
    background-color: #8ccb46
}

.matbao-textbox {
    font-family: 'Open Sans';
    font-size: 16px;
    border: none;
    border-radius: 0
}

.matbao-dropdown {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #aaa
}

.matbao-check-organge::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/check-organge.png);
    padding-right: 10px
}

.matbao-question::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-question.png);
    padding-right: 10px;
    vertical-align: middle
}

.matbao-domain-name {
    color: #77a30f;
    font-family: 'Roboto Condensed';
    font-size: 20px
}

.matbao-domain-whois {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #333
}

.matbao-service-price {
    color: #ff6000
}

.matbao-service-unit {
    color: #818181
}

.matbao-whois-used {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #b4b4b4;
    text-decoration: line-through
}

.panel-1 {
    text-align: center;
    padding: 30px 0
}

.change-domain {
    text-align: left
}

.change-domain .matbao-button {
    font-family: 'Roboto Condensed';
    text-align: center;
    min-width: 300px;
    min-height: 40px
}

.change-domain .panel-1 {
    background: url(/Content/images/backgroundv4-dang-ky-ten-mien-1.png) no-repeat;
    background-size: cover
}

.change-domain .panel-1 .matbao-label-1 {
    padding-top: 30px;
    padding-bottom: 30px
}

.change-domain .panel-2 {
    background-color: #e9e9e9;
    padding: 30px 0;
    color: #333
}

.change-domain .panel-2 .matbao-label-1 {
    padding: 30px 0
}

.change-domain .panel-3 {
    background-image: url(/Content/images/luu-y-chuyen-doi-ten-mien-bg.png);
    background-size: cover;
    padding: 30px 0
}

.change-domain .panel-3 .matbao-control {
    padding-bottom: 0;
    text-align: center
}

.change-domain .panel-3 .matbao-label-1 {
    padding-top: 30px;
    padding-bottom: 30px
}

.change-domain .panel-3 .matbao-text-opensan-2 {
    background-color: #fff;
    color: #333;
    padding: 50px 30px
}

.change-domain .panel-3 .nav-tabs li a {
    margin-right: 0;
    border-radius: 0;
    border: none;
    padding-left: 45px;
    padding-right: 45px
}

.change-domain .panel-3 .nav-tabs li a, .change-domain .panel-3 .nav-tabs li a:hover, .change-domain .panel-3 .nav-tabs li a:focus {
    background-color: rgba(3, 3, 3, .6)
}

.change-domain .panel-3 .nav-tabs li.active a, .change-domain .panel-3 .nav-tabs li.active a:hover, .change-domain .panel-3 .nav-tabs li.active a:focus {
    background-color: #feba3b
}

.change-domain .link {
    color: red
}

.register-change-domain {
    background-image: url(/Content/images/bg-convert-domain.png)
}

#uni-domain ul, #vni-domain ul {
    padding-left: 0
}

#uni-domain ul li, #vni-domain ul li {
    background: url(/Content/images/check-organge.png) no-repeat 0 5px;
    list-style: none;
    padding-left: 25px;
    margin-bottom: 12px
}

.about-domain {
    background-color: #e9e9e9;
    padding: 30px 0;
    color: #333
}

.about-domain .matbao-label-1 {
    padding: 30px 0
}

.check-domain a {
    color: #fff
}

.check-domain .domain-category a {
    color: #333
}

.check-domain .domain-category a.active {
    color: #ff4343
}

.check-domain a:hover {
    color: #ff4343
}

.check-domain .panel-1 {
}

.check-domain .panel-1 .margin-minus2 {
    margin-left: -2px
}

.check-domain .panel-1 .no-padding {
    padding-left: 0;
    padding-right: 0
}

.check-domain .panel-1 .matbao-label-1 {
    padding: 30px 0;
    font-weight: bold
}

.check-domain .panel-1 .matbao-dropdown {
    border-left: 1px dotted
}

.check-domain .panel-1 .matbao-button, .check-domain .panel-1 .matbao-dropdown {
    width: 100%
}

.check-domain .panel-1 .matbao-textbox, .check-domain .panel-1 .matbao-button, .check-domain .panel-1 .matbao-dropdown {
    min-height: 50px
}

.check-domain .panel-1 .jcarousel li b {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: bold
}

.check-domain .panel-2 {
    background-color: #efefef
}

.check-domain .panel-2 .panel-default {
    border: none
}

.check-domain .panel-2 .panel-default .panel-heading {
    border-bottom: 1px dotted;
    padding: 15px 30px
}

.check-domain .panel-2 .matbao-label-2 {
    padding-top: 40px;
    background-color: #efefef;
    color: #333
}

.check-domain .panel-2 .panel-body {
    color: #333;
    font-family: 'Open Sans';
    font-size: 18px;
    background-color: #fafafa;
    border: none;
    padding: 15px 30px
}

.check-domain .result-domain {
    font-weight: 100
}

.check-domain .result-domain .footer {
    padding-bottom: 20px;
    padding-top: 10px
}

.check-domain .result-domain .result-whois {
    font-size: 20px;
    background-color: #fff;
    margin-top: 10px;
    padding: 15px;
    color: #363636;
    z-index: inherit
}

.kiem-tra-ten-mien-moi .result-domain .result-whois {
    font-size: 17px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    color: #5f5f5f;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px
}

.check-domain .result-domain .result-whois .whois {
    line-height: 40px;
    vertical-align: middle;
    text-align: left
}

.check-domain .result-domain .result-whois .text-combo {
    font-size: 18px;
    font-family: 'Roboto Condensed';
    padding: 0 30px;
    text-shadow: 0 0 0 #000;
    font-weight: normal
}

.check-domain .result-domain .result-whois .whois .price p:first-child {
    color: #d1d1d1;
    text-decoration: line-through
}

.check-domain .result-domain .result-whois .checkdomain::after {
    line-height: 40px
}

.check-domain .result-domain .result-whois .price {
    line-height: 20px;
    text-align: right;
    font-family: 'Roboto Condensed';
    font-size: 14px
}

.check-domain .result-domain .result-whois .price p {
    margin: 0 0
}

.check-domain .result-domain .result-whois .price p:first-child {
    color: #a5a2a2;
    text-decoration: line-through
}

.check-domain .result-domain .result-whois .price .priceold p:first-child {
    color: #d1d1d1;
    text-decoration: line-through
}

.check-domain .result-domain .result-whois .price .priceold p:last-child {
    color: #d1d1d1;
    font-size: 14px;
    text-decoration: line-through
}

.check-domain .result-domain .result-whois .price .priceold {
    color: #d1d1d1;
    font-size: 14px;
    text-decoration: line-through
}

.check-domain .result-domain .result-whois .price .pricenew p:first-child {
    color: #ff8033;
    font-weight: bold
}

.check-domain .result-domain .result-whois .price .pricenew p:last-child {
    font-size: 14px
}

.check-domain .result-domain .result-whois .price .pricenew {
    font-size: 14px;
    color: #ff8033;
    font-weight: bold;
    font-size: 18px
}

.check-domain .result-domain .matbao-button {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    background-color: #ff4343;
    width: 100%;
    font-weight: 200;
    color: #fff;
    margin-right: -13px
}

.check-domain .result-domain .matbao-button.maxWidth {
    float: right;
    max-width: 120px;
    margin-right: 0
}

.check-domain .result-domain .black {
    background-color: #363636
}

.check-domain .result-domain .gray {
    background-color: #d1d1d1
}

.check-domain .result-domain .orange {
    background-color: transparent;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 16px;
    color: #000;
    padding-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 17px
}

.mb-icon-xoa-x::after {
    content: url(/Content/images/icon-xoa-x.png);
    display: inline-block;
    vertical-align: middle
}

.check-domain .result-domain .orange .matbao-check-green-large::after {
    float: left;
    margin-top: 8px;
    padding-right: 0
}

.check-domain .result-domain .orange span {
    float: right;
    text-align: right
}

.check-domain .result-domain .wrap-detail-result-whois .green {
    background-color: #9acf1c
}

#TenMienChoDichVu .check-domain .result-domain .orange {
    background-color: #ffa500
}

.check-domain .result-domain .matbao-label-2 {
    background-color: #efefef
}

.check-domain .result-domain .no-background {
    background-color: inherit !important
}

.domain-category p {
    font-family: 'Open Sans';
    font-size: 18px;
    padding: 5px 0;
    margin: 0
}

.domain-category div {
    padding: 10px 0
}

.check-domain .no-padding {
    padding-bottom: 0
}

.check-domain .panel-1 .nav-tabs li {
    width: 25%;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    margin-left: -2px
}

.check-domain .panel-1 .nav-tabs li a, .check-domain .panel-1 .nav-tabs li a:hover, .check-domain .panel-1 .nav-tabs li a:focus {
    background-color: rgba(3, 3, 3, .6);
    border-radius: 0;
    color: #d1d1d1;
    border: none
}

.check-domain .panel-1 .nav-tabs li.active a, .check-domain .panel-1 .nav-tabs li.active a:hover, .check-domain .panel-1 .nav-tabs li.active a:focus {
    background-color: #fff;
    color: #363636
}

.domain-advance {
    background-color: #fff;
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed'
}

.domain-advance .col-md-2, .domain-advance .col-sm-2 {
    padding-top: 20px
}

.domain-advance .domain-more {
    padding: 30px 0;
    text-align: center
}

.domain-advance .domain-more label {
    font-size: 14px;
    color: #787878;
    font-weight: 300
}

.domain-advance .domain-more span {
    color: #9acf1c
}

.giacu {
    text-decoration: line-through;
    font-size: 14px
}

.giamoi p:first-child {
    color: #ff7200;
    font-size: 24px;
    margin-bottom: 0
}

.giamoi p:last-child {
    font-size: 14px
}

.register-more-service {
    color: #333;
    background-color: #efefef !important
}

.register-more-service .control-button {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    padding: 20px 0
}

.register-more-service .control-button .back {
    background-color: #363636;
    width: 100%;
    margin-bottom: 10px
}

.register-more-service .control-button .gotocart {
    background-color: #ff4343;
    width: 100%
}

.register-more-service .control-button .back:hover, .register-more-service .control-button .gotocart:hover {
    color: #fff
}

.register-more-service .control-button .left {
    text-align: left
}

.register-more-service .control-button .right {
    margin-right: 70px;
    text-align: right;
    float: right
}

.register-more-service .text {
    padding-top: 10px
}

.register-more-service .matbao-label-1 {
    padding-top: 30px;
    margin-bottom: -10px
}

.register-more-service .matbao-label-2 {
    font-family: 'Roboto Condensed';
    padding: 0 0 10px;
    color: #333
}

.register-more-service .description-service {
}

.register-more-service .description-service div:last-child {
    padding-top: 20px
}

.register-more-service .detail-service {
}

.register-more-service .detail-service .dropdown-menu, .register-cloudserver .dropdown-menu {
    width: 100% !important;
    border-radius: 0;
    margin: 0 -1px 0;
    padding-bottom: 0;
    overflow: auto !important
}

.register-cloudserver .dropdown-menu li {
    border-bottom: solid 1px #ccc;
    width: 100%;
    float: left
}

.register-more-service .detail-service .dropdown-menu .table {
    margin-bottom: 0
}

.register-more-service .detail-service .dropdown-menu .table th {
    border: none;
    padding-bottom: 10px;
    padding-top: 10px
}

.register-more-service .detail-service .dropdown-menu .table td {
    border: none;
    padding-bottom: 0;
    padding-top: 0
}

.register-more-service .detail-service .dropdown-menu .table tr:last-child td {
    padding-bottom: 10px
}

.register-more-service .detail-service .dropdown-menu .table tbody {
    border-top: 1px solid #ddd;
    cursor: pointer
}

.register-more-service .detail-service .dropdown-menu .table tbody:hover {
    background-color: #eae3cb
}

.register-more-service .detail-service .whois label {
    line-height: 20px
}

.register-more-service .detail-service .price {
    text-align: right;
    margin-top: -6px
}

.register-more-service .detail-service .price p:first-child {
    font-family: 'Roboto Condensed';
    color: #ff7200;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: -10px
}

.register-more-service .detail-service .price p:nth-child(2) {
    font-family: 'Roboto Condensed';
    font-size: 13px
}

.register-more-service .help-service {
    padding-top: 15px
}

.register-more-service .service-more-right {
    font-family: 'Roboto Condensed'
}

.register-more-service .service-more-left .baomat-tenmien, .register-more-service .service-more-left .web-chili, .register-more-service .service-more-left .hosting-service, .register-more-service .service-more-left .email-service, .register-more-service .service-more-left .ssl-service {
    background-color: #fff;
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 15px 15px 8px 15px;
    color: #606060;
    margin-top: 15px;
    border: none
}

.register-more-service .service-more-left .baomat-tenmien label {
    font-size: 18px;
    font-weight: bold
}

.register-more-service .service-more-left .hosting-service .detail-service div {
    margin-bottom: 10px
}

.register-more-service .service-more-left .web-chili .price, .register-more-service .service-more-left .hosting-service .price, .register-more-service .service-more-left .email-service .price, .register-more-service .service-more-left .ssl-service .price {
    padding-right: 5px;
    margin-right: 10px
}

.register-more-service .service-more-left .price-right {
    float: right
}

.register-more-service .service-more-left .web-chili .detail-service, .register-more-service .service-more-left .hosting-service .detail-service, .register-more-service .service-more-left .email-service .detail-service, .register-more-service .service-more-left .ssl-service .detail-service {
    border-bottom: none
}

.register-more-service .service-more-left .web-chili .matbao-dropdown, .register-more-service .service-more-left .hosting-service .matbao-dropdown, .register-more-service .service-more-left .email-service .matbao-dropdown, .register-more-service .service-more-left .ssl-service .matbao-dropdown, .register-cloudserver .description-service .matbao-dropdown {
    width: 100%;
    padding: 0;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    text-align: left;
    font-size: 16px
}

.register-more-service .service-more-left .web-chili .matbao-dropdown strong, .register-more-service .service-more-left .hosting-service .matbao-dropdown strong, .register-more-service .service-more-left .email-service .matbao-dropdown strong, .register-more-service .service-more-left .ssl-service .matbao-dropdown strong, .register-cloudserver .matbao-dropdown strong {
    float: left
}

.register-more-service .service-more-left .web-chili .matbao-dropdown div, .register-more-service .service-more-left .hosting-service .matbao-dropdown div, .register-more-service .service-more-left .email-service .matbao-dropdown div, .register-more-service .service-more-left .ssl-service .matbao-dropdown div, .register-cloudserver .matbao-dropdown div {
    float: right;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    height: 39px;
    width: 40px;
    text-align: center
}

.register-more-service .service-more-right .detail-cart.affix {
    top: 5px;
    width: 19.4%;
    margin-top: 0
}

.register-more-service .service-more-right .detail-cart.affix-bottom {
    top: 5px
}

.register-more-service .service-more-right .detail-cart.no-affix {
    position: static !important
}

.register-more-service .service-more-right .detail-cart {
    margin-top: 15px;
    font-size: 18px
}

.register-more-service .service-more-right .detail-cart .matbao-label-2 {
    font-weight: 400
}

.register-more-service .service-more-right .menu-top, .register-more-service .service-more-right .menu-bot {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fcfcfc;
    margin-left: 15px;
    margin-bottom: 15px
}

.register-more-service .service-more-right .menu-top .domain-add {
    color: #fe5c0d
}

.register-more-service .service-more-right .menu-bot table {
    width: 100%;
    margin-top: 10px
}

.register-more-service .service-more-right .menu-bot table tr td:first-child {
    vertical-align: top;
    text-align: left
}

.register-more-service .service-more-right .menu-bot table tr td:last-child {
    vertical-align: top;
    text-align: right
}

.register-more-service .service-more-right .menu-bot table span {
    color: #787878
}

.register-more-service .service-more-right .menu-bot table tr .tenmien {
    color: #787878;
    font-size: 14px
}

.register-more-service .service-more-right .menu-bot table tr .tengoi {
    color: #fe5c0d;
    margin-bottom: 0
}

.register-more-service .table-service-info th, .register-more-service .table-service-info td:nth-child(2) {
    width: 223px
}

.register-more-service .panel-default > .panel-heading {
    background-color: #fff;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.register-more-service .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff !important
}

.register-more-service .panel-group .panel {
    border-radius: inherit
}

.register-more-service .panel-group .panel-heading {
    cursor: pointer;
    background: url("/Content/images/dau-tru.png") right center no-repeat;
    width: 97.5%;
    padding-bottom: 15px
}

.register-cloudserver .panel-group .panel-heading {
    cursor: pointer;
    background: url("/Content/images/dau-tru.png") right center no-repeat;
    padding-left: 0;
    padding-right: 0
}

.register-more-service .panel-group .panel-heading.collapsed, .register-cloudserver .panel-group .panel-heading.collapsed {
    background: url("/Content/images/dau-cong.png") right center no-repeat
}

.register-more-service .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: inherit
}

.register-more-service .panel-default {
    border-color: transparent
}

.register-more-service .panel-default hr {
    border-top: 1px dotted rgba(115, 104, 104, .71);
    margin-top: -15px
}

.register-more-service .service-more-left .detail-service {
    border-left: 2px solid #b6d96a;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.register-more-service .service-more-left .baomat-tenmien .detail-service {
    border-left: none;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0
}

.register-more-service .service-more-left .web-chili .detail-service div, .register-more-service .service-more-left .hosting-service .detail-service div, .register-more-service .service-more-left .ssl-service .detail-service div, .register-more-service .service-more-left .email-service .detail-service div {
    margin-left: 10px
}

.register-more-service .service-more-left .matbao-checkbox-mini-2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.hotro-banner .panel-1 {
    background: url(/Content/images/backgroundv4-ho-tro.png) no-repeat transparent;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-weight: 400
}

.hotro-banner .panel-1 .matbao-label-1 {
    padding: 30px 0;
    font-weight: bold
}

.hotro-banner .panel-1 .matbao-text-roboto {
    font-weight: 400
}

.hotro-banner .panel-1 .matbao-text-roboto p {
    font-weight: bold
}

.hotro-banner .panel-1 .no-padding .matbao-textbox {
    min-height: 50px
}

.hotro-banner .panel-1 .no-padding {
    padding-left: 0;
    padding-right: 0
}

.hotro-banner .panel-1 .matbao-button {
    width: 100%;
    min-height: 50px;
    color: #fff;
    background-color: #9acf1c
}

.hotro .panel-2 {
    background-color: #efefef
}

.hotro .panel-2 .matbao-label-1 {
    text-align: center;
    color: #333;
    padding: 30px 0
}

.hotro .panel-2 a:hover, .hotro .panel-2 a:focus {
    text-decoration: none;
    color: #333
}

.hotro .panel-2 .service .service-label {
    font-size: 26px;
    color: #333;
    cursor: pointer
}

.hotro .panel-2 .service .panel-default {
    border: none;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none
}

.hotro .panel-2 .service .panel-heading {
    font-size: 20px;
    color: #333
}

.hotro .panel-2 .service .service-label {
    border: none;
    background-color: transparent;
    font-size: 26px;
    color: #333;
    border-bottom: solid 1px #333
}

.hotro .panel-2 .service .panel-body {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #787878;
    border: none;
    background-color: transparent
}

.hotro .panel-2 .service .panel-body ul {
    padding-left: 0
}

.hotro .panel-2 .service .panel-body ul li {
    background: url(/Content/images/Bullets.png) no-repeat 0 7px;
    list-style: none
}

.hotro .panel-2 .service .panel-body ul li p {
    padding-left: 20px
}

.hotro .hoi-dap-email .box-hoidap-dichvu, .hotro .hoi-dap-hosting .box-hoidap-dichvu, .hotro .hoi-dap-ten-mien .box-hoidap-dichvu, .hotro .hoi-dap-server .box-hoidap-dichvu {
    background: none
}

.hotro .hoi-dap-email .email-qa, .hotro .hoi-dap-hosting .email-qa {
    padding-top: 0
}

.hotro .hoi-dap-email .panel-body ul li, .hotro .hoi-dap-hosting .panel-body ul li, .hotro .hoi-dap-ten-mien .panel-body ul li, .hotro .hoi-dap-server .panel-body ul li {
    background: none !important;
    list-style: none !important
}

.hotro .hoi-dap-hosting .box-hoidap-dichvu, .hotro .hoi-dap-ten-mien .box-hoidap-dichvu, .hotro .hoi-dap-server .box-hoidap-dichvu {
    padding-top: 0 !important
}

#headingDomain a:focus .matbao-domain::after, #headingDomain a:hover .matbao-domain::after {
    content: url(/Content/images/ten-mien-hover.png);
    display: inline-block;
    font-size: inherit;
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

#headingHosting a:focus .matbao-hosting::after, #headingHosting a:hover .matbao-hosting::after {
    content: url(/Content/images/hosting-hoverl.png);
    display: inline-block;
    font-size: inherit;
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

#headingEmail a:focus .matbao-email::after, #headingEmail a:hover .matbao-email::after {
    content: url(/Content/images/email-hover.png);
    display: inline-block;
    font-size: inherit;
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

#headingServer a:focus .matbao-server::after, #headingServer a:hover .matbao-server::after {
    content: url(/Content/images/server-hoverl.png);
    display: inline-block;
    font-size: inherit;
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

#headingSSL a:focus .matbao-ssl::after, #headingSSL a:hover .matbao-ssl::after {
    content: url(/Content/images/ssl-hoverl.png);
    display: inline-block;
    font-size: inherit;
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

.hotro .matbao-domain::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ten-mien-normal.png);
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

.hotro .matbao-hosting::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/hosting-normal.png);
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

.hotro .matbao-email::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/email-normal.png);
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

.hotro .matbao-server::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/server-normal.png);
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

.hotro .matbao-ssl::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ssl-normal.png);
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle
}

.feedback {
    background-color: #efefef
}

.feedback .request {
    padding-bottom: 60px
}

.feedback .request .matbao-label-2 {
    color: #333;
    padding-bottom: 20px
}

.feedback .request .matbao-text-opensan-2 {
    color: #333;
    padding: 30px 0
}

.feedback .request .content-mail ul {
    margin-left: 0;
    margin-right: 0;
    border: none;
    padding-left: 15px;
    padding-right: 15px
}

.feedback .request .content-mail ul li {
    padding: 20px;
    padding-right: 5px;
    padding-left: 0;
    border-radius: 0;
    padding-bottom: 0;
    padding-top: 0 !important;
    margin-top: 20px !important;
    border-bottom: 1px solid #ccc
}

.feedback .request .content-mail ul li:nth-child(1) {
    border-left: 1px solid #ccc
}

.feedback .request .content-mail ul li:nth-child(3) {
    padding-right: 0 !important;
    border-right: 1px solid #ccc
}

.feedback .request .content-mail ul li p {
    font-size: 20px
}

.feedback .request .content-mail ul li a {
    font-family: 'Roboto Condensed';
    border: solid 1px #bfbdbd;
    background-color: #fff;
    border-radius: 7px;
    font-size: 14px;
    border-radius: 0;
    margin-right: 0;
    border-bottom: 0
}

.feedback .request .content-mail ul li.active a, .feedback .request .content-mail ul li.active a:hover, .feedback .request .content-mail ul li.active a:focus {
    background-color: #ffa73b;
    border-radius: 7px;
    color: #fff;
    border: none;
    margin-right: 0;
    border-radius: 0;
    border-bottom: 0
}

.feedback .request .matbao-sale, .feedback .request .matbao-eng, .feedback .request .matbao-cskh {
    background-color: #fff;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-top: 0;
    background: #ffa73b
}

.feedback .request .matbao-sale div, .feedback .request .matbao-eng div, .feedback .request .matbao-cskh div {
    padding: 10px 20px
}

.feedback .request .matbao-sale div .matbao-textbox, .feedback .request .matbao-eng div .matbao-textbox, .feedback .request .matbao-cskh div .matbao-textbox {
    border: solid 1px #bfbdbd;
    box-shadow: none;
    padding: 5px 20px;
    height: 41px
}

.feedback .request .matbao-sale div .matbao-button, .feedback .request .matbao-eng div .matbao-button, .feedback .request .matbao-cskh div .matbao-button {
    width: 100%;
    background-color: #ff4342
}

.feedback .contact label {
    color: #fff;
    text-align: center;
    font-size: 18px;
    min-height: 80px;
    background-color: #ff9e29;
    font-weight: 400;
    border-right: none;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.feedback .contact label:first-child {
    padding-top: 13px
}

.feedback .contact {
    padding: 70px 0
}

.feedback .contact label strong {
    line-height: 65px
}

.feedback .contact span {
    min-height: 80px;
    background-color: #575757;
    border-left: none;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    min-width: 70px
}

.ketquatimkiem .panel-2 {
    background-color: #f5f5f5;
    color: #333;
    padding-top: 15px;
    padding-bottom: 15px
}

.ketquatimkiem .panel-2 .matbao-label-1 {
    text-align: center;
    color: #333
}

.ketquatimkiem .panel-2 .search-result .result-label {
    border-bottom: solid 1px #333;
    padding-bottom: 20px
}

.ketquatimkiem .panel-2 .search-result label {
    font-size: 20px
}

.ketquatimkiem .panel-2 .search-result .result-content p {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: bold
}

.ketquatimkiem .panel-2 .search-result .result-content span {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400
}

.ketquatimkiem .panel-2 .search-result .result-content {
    border-bottom: solid 1px #333;
    padding: 30px 0
}

.chitietketqua {
    background-color: #f5f5f5;
    color: #333
}

.chitietketqua .tintuc-container {
    padding-bottom: 20px
}

.chitietketqua .tintuc-container a, .chitietketqua .tintuc-container strong {
    border-bottom: none
}

.chitietketqua .matbao-label-1 {
    font-weight: 400
}

.chitietketqua .ngaydang {
    color: #787878;
    font-family: 'Open Sans';
    font-size: 14px;
    border-bottom: dotted 1px #333;
    padding: 10px 0
}

.chitietketqua .description {
    font-family: 'Open Sans' !important;
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
    width: 100%
}

.chitietketqua .description span {
    font-family: 'Open Sans' !important
}

.chitietketqua .tags {
    font-family: 'Open Sans'
}

.chitietketqua .tags ul {
    list-style: none
}

.chitietketqua .tags ul li {
    margin-top: 50px
}

.chitietketqua .tags ul li a {
    background-color: transparent;
    border: solid 1px #333;
    padding: 7px !important;
    display: initial !important
}

.chitietketqua .tags ul li a:hover {
    background-color: #ff4343;
    border: solid 1px #333;
    padding: 7px;
    color: #fff
}

.bq3 {
    background: url(/Content/images/quoteleft.png) top left no-repeat;
    background-size: 25px 20px;
    padding-left: 55px;
    background-position: 20px 5px
}

.bq3 p {
    padding-right: 35px;
    background: url(/Content/images/quoteright.png) bottom right no-repeat;
    background-size: 25px 20px;
    padding-bottom: 15px
}

.chitietketqua .detail .navdynamic {
    border-bottom: solid 1px #f0f0f0
}

.chitietketqua .detail .nav-tabs {
    background-color: #f0f0f0;
    border-bottom: none;
    margin-bottom: 15px
}

.chitietketqua .detail .nav-tabs > li > a, .chitietketqua .detail .nav-tabs > li > a:hover, .chitietketqua .detail .nav-tabs > li > a:focus {
    border-radius: 0;
    border: none;
    color: #333
}

.chitietketqua .detail .nav-tabs > li.active > a, .chitietketqua .detail .nav-tabs > li.active > a:hover, .chitietketqua .detail .nav-tabs > li.active > a:focus {
    border-radius: 0;
    background-color: #ff4641;
    border: none;
    color: #fff
}

.chitietketqua .detail blockquote {
    border-left: 2px solid #ff4343;
    background-color: #fff;
    font-style: italic;
    font-size: 14px
}

.chitietketqua .detail blockquote .quote {
    font-size: 500%;
    line-height: 1.3;
    font-weight: normal;
    font-family: serif;
    vertical-align: -webkit-baseline-middle;
    color: #f3f3f3
}

.chitietketqua .detail table {
    width: 100%
}

.chitietketqua .detail table tr {
    height: 44px
}

.chitietketqua .detail table tr:not(:first-child) {
    background-color: #fff;
    border-bottom: solid 1px #f3f3f3
}

.chitietketqua .detail table tr th:first-child, .chitietketqua .detail table tr td:first-child {
    text-align: center
}

.chitietketqua .nguoidang, .chitietketqua .nguon {
    text-align: right;
    margin-right: 0
}

.chitietketqua .nguoidang {
    margin-top: 10px
}

a[class=headeranchor] {
    display: none
}

.box-right-menu {
    margin-bottom: 10px;
    margin-right: 15px
}

.box-right-menu a, .box-left-menu a {
    font-weight: bold;
    border-bottom: solid 1px #ff0a00;
    padding-bottom: 10px;
    font-size: 20px;
    font-family: 'Open Sans'
}

.box-right-menu strong, .box-left-menu strong {
    border-bottom: solid 2px #ff0a00;
    padding-bottom: 6px
}

.box-left-menu, .box-right-menu {
    margin-bottom: 25px
}

.box-left-menu .matbao-label-2, .box-right-menu .matbao-label-2 {
    font-size: 20px !important
}

.box-left-menu .ngaydang, .box-right-menu .ngaydang {
    border-bottom: none
}

.box-left-menu .content {
}

.box-left-menu .content ul, .box-right-menu .content ul {
    list-style: none;
    padding: 0;
    margin: -5px
}

.box-left-menu .content ul li {
}

.box-left-menu .content ul li.last, .box-right-menu .content ul li.last {
    border-bottom: 0;
    padding-bottom: 0
}

.box-left-menu .content ul li a, .box-right-menu .content ul li a {
    display: block;
    color: #000;
    padding: 10px 5px
}

.box-left-menu .content ul li a:hover, .box-left-menu .content ul li a.active, .box-right-menu .content ul li a:hover, .box-right-menu .content ul li a.active {
    color: #000;
    background: #f2f1f1
}

.box-left-menu.sp-noi-bat a, .box-right-menu.sp-noi-bat a {
    background: #e0e0e0;
    color: #000
}

.box-left-menu a, .box-right-menu a {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.box-left-menu .sp-ban-chay .content, .box-right-menu .sp-ban-chay .content {
    padding: 0
}

.box-left-menu.sp-ban-chay li, .box-right-menu.sp-ban-chay li {
    overflow: hidden
}

.box-left-menu.sp-ban-chay .col, .box-right-menu.sp-ban-chay .col {
    padding-left: 5px;
    padding-right: 5px
}

.box-left-menu.sp-ban-chay ul li, .box-right-menu.sp-ban-chay ul li {
    padding: 10px 0
}

.box-right-menu.sp-ban-chay ul li {
    border-bottom: dashed 1px #ccc
}

.box-left-menu.sp-ban-chay ul li a, .box-right-menu.sp-ban-chay ul li a {
    margin: 0
}

.box-left-menu.sp-ban-chay ul li a:hover, .box-right-menu.sp-ban-chay ul li a:hover {
    background: none
}

.box-left-menu.sp-ban-chay ul li a, .box-right-menu.sp-ban-chay ul li a {
    padding: 0
}

.paging {
    text-align: center
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 12px !important;
    color: #fff;
    background-color: #ddd;
    margin-left: 5px
}

.pagination > li > a:hover, .pagination > li > span:hover {
    background-color: #ff4641 !important;
    border-color: #ff4641
}

.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0
}

.pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #000
}

.pagination > .disabled > a, .pagination > .disabled > span {
    background-color: #ddd;
    color: #fff
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #ff4641 !important;
    border-color: #ff4641
}

.tin-tuc .description {
    font-family: 'Roboto Condensed';
    position: absolute;
    bottom: 0;
    z-index: 10;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background: rgba(0, 0, 0, .6);
    padding: 20px 30px
}

.tin-tuc .description a {
    line-height: 20px;
    font-size: 20px !important
}

.tin-tuc .description a {
    line-height: 25px;
    font-size: 19px !important
}

.tin-tuc .image-cropper {
    position: relative;
    overflow: hidden;
    padding-top: 34%
}

.tin-tuc .box-tin-tuc {
    position: relative
}

.tin-tuc .menu-left {
    width: 48%;
    margin-right: 17px;
    margin-top: 15px
}

.tin-tuc .menu-right {
    width: 48%;
    margin-top: 15px
}

.tin-tuc .tin-tuc-top {
    margin-top: 30px
}

.tin-tuc .tin-tuc-right-top {
    margin-bottom: 30px
}

.tin-tuc .tin-tuc-right-bot .description {
    padding: 5px 20px
}

.chi-tiet-tin-tuc a {
    max-width: 100% !important;
    height: auto !important
}

@media (max-width: 1200px) {
    .menu-left-reponsive {
        margin-right: 14px !important
    }

    .menu-padding .navbar-nav > li {
        padding: 0 20px
    }
}

@media (max-width: 940px) {
    .menu-padding .navbar-nav > li {
        padding: 0 20px
    }
}

.tintuctrangchu {
    padding-top: 30px;
    padding-bottom: 30px;
    background: url("/Content/images/bgnews.png") #f8f6f3 !important
}

.tintuctrangchu .matbao-text-opensan-1 {
    color: #363636;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
    display: inline-block
}

.tintuctrangchu .info {
    background-color: #fff;
    width: 100%;
    float: left
}

.tintuctrangchu .description {
    padding: 10px;
    font-size: 13px;
    color: #8e8e8e
}

.tintuctrangchu a {
    min-height: 94px;
    width: 100%
}

.register-hosting .hosting .matbao-radio label input[type="radio"], .register-hosting .hosting .matbao-radio label input[type="radio"]:checked {
    position: absolute;
    top: 70%;
    right: 15%
}

.register-hosting .hosting .matbao-radio label input[type="radio"] ~ i.fa.fa-circle-o {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: none
}

.register-hosting .hosting .matbao-radio label input[type="radio"] ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/uncheck.png);
    padding-right: 9px
}

.register-hosting .hosting .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: none
}

.register-hosting .hosting .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: inline;
    padding-right: 0;
    padding-bottom: 5px
}

.register-hosting .hosting .matbao-radio label, .register-hosting .hosting .matbao-radio label:active, .register-hosting .hosting .matbao-radio label.active {
    text-align: left;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 58px;
    position: relative
}

.register-hosting .hosting .matbao-radio label.active {
    padding-top: 3px
}

.register-hosting .hosting .matbao-radio label input {
    display: none
}

.register-hosting .hosting .matbao-radio label input[type="radio"]::after, .register-hosting .hosting .matbao-radio label input[type="radio"]:checked::after {
    position: absolute;
    top: 70%;
    right: 15%
}

.register-hosting .hosting .matbao-radio label input[type="radio"] ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: none
}

.register-hosting .hosting .matbao-radio label input[type="radio"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/uncheck.png);
    width: 33px;
    display: inline-block;
    height: 42px
}

.register-hosting .hosting .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: none
}

.register-hosting .hosting .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/check.png);
    display: inline-block;
    width: 42px;
    height: 42px;
    padding-top: 3px
}

.fa-check-circle-o::before {
    content: none
}

.register-hosting {
    background-color: #efefef;
    font: 500 14px 'Open Sans';
    color: #606060
}

.register-hosting .panel-left, .register-hosting .panel-right {
    padding-top: 25px;
    padding-bottom: 15px
}

.register-hosting .panel-left .matbao-label-1, .register-hosting .panel-left .matbao-label-2 {
    font-family: 'Roboto Condensed';
    color: #333;
    font-weight: bold
}

.register-hosting .matbao-label-1 {
    padding: 15px 0
}

.register-hosting .matbao-label-2 {
    padding: 20px 0
}

.register-hosting .panel-left .choosen-control, .register-hosting .panel-left .email-service, .register-hosting .panel-left .ssl-service, .register-hosting .panel-left .extra-service {
    background-color: #fff;
    padding: 0 20px;
    margin-top: 15px
}

.register-hosting .panel-left .choosen-control .description-service .btn-group-vertical {
    width: 93%
}

.register-hosting .panel-left .choosen-control .description-service .matbao-radio {
    border-top: dotted 1px #ccc;
    padding: 20px 0;
    margin-left: 18px
}

.register-hosting .panel-left .choosen-control .description-service .matbao-radio .info {
    padding-left: 0
}

.register-hosting .panel-left .choosen-control .description-service .matbao-radio .info label {
}

.register-hosting .panel-left .choosen-control .description-service .matbao-radio .info ul {
    padding-left: 25px
}

.register-hosting .panel-left .choosen-control .description-service .info p {
    padding-left: 20px
}

.register-hosting .panel-left .choosen-control .description-service .info p a {
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px
}

.register-hosting .panel-left .email-service .description-service, .register-hosting .panel-left .ssl-service .description-service {
    padding-top: 30px;
    padding-bottom: 20px
}

.register-hosting .panel-left .email-service .matbao-dropdown, .register-hosting .panel-left .ssl-service .matbao-dropdown {
    width: 100%;
    padding: 0;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    text-align: left;
    font-size: 16px;
    overflow: hidden
}

.register-hosting .panel-left .email-service .matbao-dropdown strong, .register-hosting .panel-left .ssl-service .matbao-dropdown strong {
    float: left;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif
}

.register-hosting .panel-left .email-service .matbao-dropdown div, .register-hosting .panel-left .ssl-service .matbao-dropdown div {
    float: right;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    height: 39px;
    width: 40px;
    text-align: center
}

.register-hosting .panel-left .extra-service {
    padding-top: 15px;
    padding-bottom: 35px
}

.register-hosting .panel-right .matbao-label-2, .register-cloudserver .panel-right .matbao-label-2 {
    padding: 0 0;
    padding-bottom: 20px;
    border-bottom: dotted 1px #ccc
}

.register-hosting .panel-right .domain-add, .register-cloudserver .panel-right .domain-add {
    padding-top: 10px
}

.register-hosting .panel-right .detail-cart, .register-cloudserver .panel-right .detail-cart {
    margin-top: 89px;
    font-size: 18px;
    font-family: 'Roboto Condensed'
}

.register-hosting .panel-right .detail-cart.affix {
    top: 5px;
    width: 20.3333%;
    margin-top: 0
}

.register-cloudserver .panel-right .detail-cart.affix {
    top: 5px;
    width: 24.1%;
    margin-top: 0
}

.register-hosting .panel-right .detail-cart .matbao-label-2, .register-cloudserver .panel-right .detail-cart .matbao-label-2 {
    font-weight: 400
}

.register-hosting .panel-right .menu-top, .register-hosting .panel-right .menu-bot, .register-cloudserver .panel-right .menu-top, .register-cloudserver .panel-right .menu-bot {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fcfcfc;
    margin-left: 15px;
    margin-bottom: 15px
}

.register-hosting .panel-right .menu-top .domain-add, .register-cloudserver .panel-right .menu-top .domain-add {
    color: #fe5c0d
}

.register-hosting .panel-right .menu-bot table, .register-cloudserver .panel-right .menu-bot table {
    width: 100%
}

.register-hosting .panel-right .menu-bot table tr td:first-child, .register-cloudserver .panel-right .menu-bot table tr td:first-child {
    vertical-align: top;
    text-align: left
}

.register-hosting .panel-right .menu-bot table tr td:last-child, .register-cloudserver .panel-right .menu-bot table tr td:last-child {
    vertical-align: top;
    text-align: right
}

.register-hosting .panel-right .menu-bot table tr td:last-child p:first-child, .register-cloudserver .panel-right .menu-bot table tr td:last-child p:first-child {
    color: #fe5c0d;
    margin-bottom: 0
}

.register-hosting .panel-right .menu-bot table tr td:last-child p:last-child, .register-cloudserver .panel-right .menu-bot table tr td:last-child p:last-child {
    color: #787878;
    font-size: 14px
}

.register-hosting .panel-right .menu-bot table span, .register-cloudserver .panel-right .menu-bot table span {
    color: #787878
}

.register-hosting .wrap-range-add-on {
    float: left;
    width: 104%;
    position: absolute
}

.register-cloudserver .wrap-range-add-on {
    float: left;
    width: 109%
}

.register-hosting .wrap-range-add-on div, .register-cloudserver .wrap-range-add-on div {
    width: 20%;
    float: left;
    text-align: right
}

.register-hosting .wrap-range-add-on div:last-child, .register-cloudserver .wrap-range-add-on div:last-child {
    padding-right: 20px
}

.register-hosting label.title-2 span {
    font-size: 24px !important;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    vertical-align: middle;
    margin-left: 10px
}

.register-hosting .help-service i strong {
    font-style: normal;
    font-weight: bold
}

.register-cloudserver .server .matbao-radio label input[type="radio"], .register-cloudserver .server .matbao-radio label input[type="radio"]:checked {
    position: absolute;
    top: 70%;
    right: 25%;
    display: none
}

.register-cloudserver .server .matbao-radio label input[type="radio"] ~ i.fa.fa-circle-o {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: none
}

.register-cloudserver .server .matbao-radio label input[type="radio"] ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: inline;
    position: absolute;
    top: 0;
    left: 0
}

.register-cloudserver .server .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: none
}

.register-cloudserver .server .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: inline;
    position: absolute;
    top: 0;
    left: 0
}

.register-cloudserver .server .matbao-radio label input[type="radio"]::after, .register-cloudserver .server .matbao-radio label input[type="radio"]:checked::after {
    position: absolute;
    top: 70%;
    right: 25%
}

.register-cloudserver .server .matbao-radio label input[type="radio"] ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: none
}

.register-cloudserver .server .matbao-radio label input[type="radio"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/uncheck.png);
    vertical-align: middle;
    display: inline;
    position: absolute
}

.register-cloudserver .server .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: none
}

.register-cloudserver .server .matbao-radio label input[type="radio"]:checked ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/check.png);
    vertical-align: middle;
    display: inline;
    position: absolute
}

.register-cloudserver .server .linux {
    background: url(/Content/images/linux-hover.png) no-repeat !important;
    min-width: 110px;
    min-height: 91px;
    position: relative;
    float: right
}

.register-cloudserver .server .window {
    background: url(/Content/images/windows-hover.png) no-repeat !important;
    min-width: 110px;
    min-height: 91px;
    position: relative;
    float: right
}

.register-cloudserver {
    background-color: #efefef !important;
    font: 500 14px 'Open Sans';
    color: #606060
}

.register-cloudserver .matbao-text-roboto {
    font-weight: bold
}

.register-cloudserver .panel-left, .register-cloudserver .panel-right {
    padding-top: 25px;
    padding-bottom: 15px
}

.register-cloudserver .panel-left .matbao-label-1, .register-cloudserver .panel-left .matbao-label-2 {
    font-family: 'Roboto Condensed';
    color: #333;
    font-weight: bold
}

.register-cloudserver .matbao-label-1 {
    padding: 15px 0
}

.register-cloudserver .matbao-label-2 {
    padding: 20px 0
}

.register-cloudserver .panel-left .choosen-control, .register-cloudserver .panel-left .extra-service {
    background-color: #fff;
    padding: 0 20px;
    padding-bottom: 15px;
    margin-top: 15px
}

.register-cloudserver .panel-left .choosen-control {
    padding-bottom: 0
}

.register-cloudserver .panel-left .extra-service {
    margin-top: 2px
}

.register-cloudserver .panel-left .extra-service {
    padding-top: 15px
}

.register-cloudserver .panel-left .choosen-control .description-service .btn-group-vertical {
    width: 100%
}

.register-cloudserver .panel-left .choosen-control .description-service .matbao-radio {
    border-top: dotted 1px #ccc;
    padding: 20px 0;
    margin-left: 0
}

.register-cloudserver .panel-left .choosen-control .description-service .info p {
    padding-left: 20px;
    padding-top: 5px;
    float: left
}

.register-cloudserver .panel-left .email-service .description-service, .register-cloudserver .panel-left .ssl-service .description-service {
    padding-top: 30px;
    padding-bottom: 20px
}

.register-cloudserver .panel-left .price {
    text-align: right;
    font-size: 18px;
    font-family: 'Roboto Condensed';
    margin-top: 6px
}

.register-cloudserver .panel-left .extra-service .price {
    margin-top: 0
}

.register-cloudserver .panel-left .price span:first-child {
    color: #ff7200
}

.register-cloudserver .server .admin label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
    right: -4%
}

.register-cloudserver .extra-service > .row {
    padding: 20px 0
}

.register-cloudserver .extra-service > .row:nth-child(2) {
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef
}

.register-hosting .control-button, .register-cloudserver .control-button {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    padding: 20px 0;
    padding-bottom: 10px
}

.register-hosting .control-button .back, .register-cloudserver .control-button .back {
    background-color: #363636;
    width: 100%;
    height: 40px;
    font-size: 18px
}

.register-hosting .control-button .gotocart, .register-cloudserver .control-button .gotocart {
    background-color: #ff4343;
    width: 100%;
    height: 40px;
    font-size: 18px
}

.register-hosting .control-button .back, .register-hosting .control-button .gotocart, .register-hosting .control-button .back:hover, .register-hosting .control-button .gotocart:hover, .register-cloudserver .control-button .back, .register-cloudserver .control-button .gotocart, .register-cloudserver .control-button .back:hover, .register-cloudserver .control-button .gotocart:hover {
    color: #fff
}

.register-cloudserver .control-button .left {
    text-align: left
}

.register-cloudserver .control-button .right {
    text-align: right;
    float: right
}

.register-hosting .panel-right .menu-gotocart, .register-more-service .service-more-right .menu-gotocart, .register-cloudserver .panel-right .menu-gotocart {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    margin-bottom: 15px;
    text-align: center
}

.register-hosting .panel-right .menu-gotocart p, .register-more-service .service-more-right .menu-gotocart p, .register-cloudserver .panel-right .menu-gotocart p {
    margin-bottom: 0
}

.register-cloudserver hr {
    border: 1px solid gray
}

.register-cloudserver .description-service .info {
    padding-left: 0;
    padding-right: 0
}

.register-cloudserver .matbao-radio label.btn span {
    margin-left: 40px
}

.register-hosting .panel-right .menu-gotocart, .register-more-service .service-more-right .menu-gotocart {
    font: 500 14px 'Open Sans';
    color: #606060
}

.progress {
    height: 15px;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 15px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress-1 {
    background-color: #f5f5f5
}

.progress-2 {
    background-color: #eee
}

.progress-3 {
    background-color: #e3e3e3
}

.progress-4 {
    background-color: #d8d8d8
}

.progress-5 {
    background-color: #cdcdcd
}

.matbao-dropdown-alignLeft {
    text-align: left
}

@media (max-width: 1170px) {
    .carousel-control {
        width: 6%;
        min-width: 50px
    }
}

@media (max-width: 992px) {
    header .mb-menu .container, header .mb-header .container {
        width: 100%
    }

    #header-row-nav > .nav > li > a {
    }

    .menu-padding .navbar-nav > li {
        padding: 0 15px
    }

    .show_sm_down {
        display: block
    }

    .show_md_up {
        display: none
    }
}

@media (max-width: 900px) {
    #header-row-nav > .nav > li > a {
        font-size: 13px
    }
}

@media (max-width: 889px) {
    .navbar {
        position: inherit
    }

    .check-domain .panel-1 .no-padding {
        margin-bottom: 13px
    }

    .check-domain .panel-1 .margin-minus2 {
        margin-bottom: 3px !important
    }

    .check-domain .result-domain .result-whois .price {
        text-align: left
    }

    .register-more-service .control-button .right {
        text-align: right;
        float: right;
        margin-right: 0
    }

    .register-hosting .panel-right .menu-top, .register-hosting .panel-right .menu-bot, .register-cloudserver .panel-right .menu-top, .register-cloudserver .panel-right .menu-bot, .register-more-service .service-more-right .menu-top, .register-more-service .service-more-right .menu-bot {
        margin-left: 0
    }
}

@media (max-width: 864px) {
    #header-row-nav > .nav > li > a {
        font-size: 12px
    }
}

@media (max-width: 829px) {
    #header-row-nav > .nav > li > a {
        font-size: 11px
    }

    .mb-menu .mb-sub-menu .account {
        line-height: 25px
    }
}

@media (max-width: 793px) {
    #header-row-nav > .nav > li > a {
    }
}

@media (min-width: 480px) {
    .mb-sub-menu {
        max-height: 225px;
        overflow-y: auto
    }
}

@media (max-width: 425px) {
    .check-domain button.btn.matbao-button.whois-domain.green.tenMienDongNghia {
        margin-top: 30px
    }

    .check-domain .tenMienInfo .tenDomain {
        height: 20px;
        line-height: 20px;
        display: block;
        width: 80px;
        text-align: center;
        float: left
    }

    .check-domain .tenMienInfo .mbtooltip-normal {
        margin-top: 2px;
        margin-left: 6px;
        float: left
    }

    .check-domain .brLine {
        display: block !important;
        clear: both
    }

    .check-domain .matbao-domain-name, .matbao-domain-whois {
        float: left
    }
}

@media (max-width: 390px) {
    .register-more-service .service-more-left .detail-service {
        border-left: none;
        margin-left: -24px
    }

    .register-more-service .service-more-left .web-chili .matbao-dropdown, .register-more-service .service-more-left .hosting-service .matbao-dropdown, .register-more-service .service-more-left .email-service .matbao-dropdown, .register-more-service .service-more-left .ssl-service .matbao-dropdown, .register-cloudserver .description-service .matbao-dropdown {
        font-size: 13px
    }
}

.boxbanggiatenmien .row-tenmien {
    height: 520px;
    overflow: hidden
}

.labelforradio {
    cursor: pointer
}

.carousel-inner, .jcarousel {
    cursor: move
}

.box-hosting-home > div:nth-child(1) > .hosting-description > .panel-heading.linux {
    background: #00b7c8 url(/Content/images/icon-linux-1.png) no-repeat left top
}

.box-hosting-home > div:nth-child(2) > .hosting-description > .panel-heading.linux {
    background: #00c884 url(/Content/images/icon-linux-2.png) no-repeat left top
}

.box-hosting-home > div:nth-child(3) > .hosting-description > .panel-heading.linux {
    background: #8aca44 url(/Content/images/icon-linux-3.png) no-repeat left top
}

.box-hosting-home > div:nth-child(1) > .hosting-description > .panel-heading.window {
    background: #00b7c8 url(/Content/images/icon-windows-1.png) no-repeat left top
}

.box-hosting-home > div:nth-child(2) > .hosting-description > .panel-heading.window {
    background: #00c884 url(/Content/images/icon-windows-2.png) no-repeat left top
}

.box-hosting-home > div:nth-child(3) > .hosting-description > .panel-heading.window {
    background: #8aca44 url(/Content/images/icon-windows-3.png) no-repeat left top
}

.box-hosting-home > div > .hosting-description > .hot-sale {
    display: none
}

.box-hosting-home > div:nth-child(3) > .hosting-description > .hot-sale {
    display: inline-block
}

#accountinfo a {
    color: #fff
}

a#matbao-account {
    color: #787878
}

.active a#matbao-account {
    color: #fff
}

#accountinfo .sub-top-menu {
    font-family: 'Open Sans'
}

.accountcontrol {
    font-family: 'Roboto Condensed';
    font-size: 16px
}

.copy-right {
    margin-top: 40px;
    color: #b9b9b9;
    outline: none;
    text-decoration: none;
    font-family: 'Open Sans'
}

.copy-right tr td {
    padding-left: 15px
}

.banner {
    width: 100%;
    text-align: center
}

.banner .relative {
    position: relative
}

.banner-description {
    font-family: 'Roboto Condensed';
    position: absolute
}

.banner-description .big-size {
    font-size: 45px;
    font-weight: bold;
    line-height: 47pt;
    margin: 0
}

.banner-description .medium-size {
    font-size: 30px;
    line-height: 40px;
    margin: 0
}

.banner-position-1 {
    color: #233d64;
    width: 33%;
    left: 15px;
    bottom: 10%;
    text-align: left
}

.banner-position-2 {
    color: #233d64;
    width: 33%;
    right: 15px;
    bottom: 20%;
    text-align: right
}

.banner-position-3 {
    color: #fff;
    width: 33%;
    right: 15px;
    bottom: 45%;
    text-align: left
}

.banner-position-4 {
    color: #fff;
    width: 33%;
    right: 15px;
    bottom: 20%;
    text-align: right
}

.main-checkdomain .jcarousel-domain.slide-note-home {
    padding-top: 50px;
    padding-bottom: 20px
}

.title-checkdomain-home {
    margin-bottom: 0 !important
}

.slogan-checkdomain-home {
    margin-top: 15px;
    margin-bottom: 15px
}

.background-home-checkdomain {
    position: absolute;
    width: 23%;
    right: 0;
    top: 10%;
    z-index: 0
}

.background-home-checkdomain-landingpage-tenmien {
    bottom: -30px;
    height: 365px;
    position: absolute;
    right: 80px;
    width: auto !important;
    z-index: 0
}

.register-cloudserver .wrap-range-add-on.ip-range div {
    width: 25%
}

.ishide {
    display: none !important
}

.icon-khuyen-mai-hot:after {
    content: url(/Content/images/khuyen-mai-HOT.png);
    position: absolute;
    margin-left: -24px;
    margin-top: -6px
}

.check-domain-v2 #whoisdomaintext {
    font-size: 20px
}

.check-domain-v2 textarea {
    resize: none;
    width: 100%;
    border: none;
    color: #000;
    padding: 10px 20px;
    font-size: 20px
}

.check-domain-v2 .wrap-input {
    padding-right: 19px !important
}

.check-domain-v2 .border-input-check-domain {
    background: url(/Content/images/background-transperent.png);
    padding: 15px 16px
}

.check-domain-v2 #whoisdomaintext:focus {
    outline: none
}

.check-domain-v2 .whoissubmit {
    border-left: none;
    font-family: 'Roboto Condensed';
    min-height: 30px
}

.check-domain-v2 .whoissubmit:hover {
    border-left: none
}

.check-domain-v2 .panel-1 .matbao-textbox, .check-domain .panel-1 .matbao-button, .check-domain .panel-1 .matbao-dropdown {
    min-height: 50px
}

.check-domain-v2 .btn-check-domain-multi {
    max-width: 230px;
    margin: auto;
    background: #ffa500;
    padding: 10px 10px;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    display: block;
    margin-top: 25px
}

.check-domain-v2 #placeholder-CheckDomainMulti {
    color: #979797;
    left: 3%;
    position: absolute;
    width: 78%;
    top: 10px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal
}

.gio-hang-scroll {
    font-family: 'Roboto Condensed';
    position: fixed;
    top: 30px;
    width: 71px;
    height: 112px;
    color: #fff;
    line-height: 20px;
    z-index: 99999;
    right: 9px
}

.gio-hang-scroll .text-rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.gio-hang-scroll .badge {
    position: absolute;
    right: 22px;
    top: -9px
}

.kiem-tra-ten-mien-moi .bang-gia {
    font-family: 'Roboto Condensed';
    text-align: center
}

.kiem-tra-ten-mien-moi .bang-gia .price-detail .item:not(:first-child) {
    border-left: 1px dotted #cecece;
    height: 35px
}

.kiem-tra-ten-mien-moi .bang-gia .price-detail {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0;
    line-height: 32px
}

.kiem-tra-ten-mien-moi .bang-gia .header-khoi-tao {
    background: #8ccb46;
    color: #fff;
    padding: 13px 10px
}

.kiem-tra-ten-mien-moi .bang-gia .header-duy-tri {
    background: #528e0f;
    color: #fff;
    padding: 13px 10px
}

.kiem-tra-ten-mien-moi .bang-gia .header-ten-mien {
    background: #eaeaea;
    color: #2f2f2f;
    padding: 13px 20px;
    text-align: left;
    font-weight: bold
}

.wrap-gio-hang-scroll .thanh-ngang {
    position: absolute;
    right: 0;
    top: 272px;
    width: 150px;
    background: #8ac108;
    height: 5px
}

.wrap-gio-hang-scroll .thanh-doc {
    position: absolute;
    right: 70px;
    top: 277px;
    top: 175px;
    width: 2px;
    background: #ffa500;
    height: 200px;
    z-index: 999999
}

.alertify-notifier.ajs-top {
    top: 70px !important
}

.mb-font-opensans {
    font-family: 'Open Sans', sans-serif
}

.search-domain-home-red {
    background-image: url('/Content/images/icon-search-domain-red.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 18px !important
}

.search-domain-home-green {
    background-image: url('/Content/images/icon-search-domain-green.png');
    background-repeat: no-repeat;
    background-size: cover
}

.whois-one-domain-mobile {
    display: none
}

.modal.in .modal-dialog {
    padding-top: 57px
}

.check-domain .result-domain .result-whois .tim-hieu-them {
    margin-bottom: 0;
    line-height: 18px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif
}

.check-domain .result-domain .result-whois .content-tim-hieu-them {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 15px
}

.check-domain .result-domain .result-whois .content-tim-hieu-them .close {
    position: absolute;
    right: 0;
    top: -10px;
    cursor: pointer
}

.matbao-checkbox-mini-3.checked input[type=checkbox] + label::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/ico-checked-2.png);
    cursor: pointer;
    width: 21px;
    height: 21px
}

.qtip-default {
    z-index: 999999999999 !important
}

.selected-languge {
    border: 1px solid #fff
}

.control-thugon {
    display: none
}

@media (max-width: 975px) {
    .banner-description .big-size {
        font-size: 30px
    }

    .banner-description .medium-size {
        font-size: 20px
    }
}

.show_sm_down {
    display: none
}

.show_md_up {
    display: block
}

@media (max-width: 768px) {
    .check-domain .result-domain .gray {
        background-color: inherit !important
    }

    .navbar-nav > li > a {
        text-align: left;
        padding-left: 10px;
        font-size: 14px !important
    }

    .sub-top-menu .panel-body .menu-color {
        border: none
    }

    .register-hosting .wrap-range-add-on {
        font-size: 13px
    }

    .register-hosting .wrap-range-add-on div:first-child, .register-cloudserver .wrap-range-add-on div:first-child {
        width: 24%
    }

    .register-hosting .wrap-range-add-on div:last-child, .register-cloudserver .wrap-range-add-on div:last-child {
        width: 16%
    }

    .register-hosting .wrap-range-add-on div:last-child {
        padding-right: 8px
    }

    .register-cloudserver .wrap-range-add-on div:last-child {
        padding-right: 0
    }

    .main-home-title {
        color: #88c944
    }

    .chili-info .home-button {
        display: block
    }

    .email-info .home-button {
        display: block
    }

    .register-cloudserver .panel-left .price {
        font-size: 15px
    }

    .register-cloudserver .matbao-radio label.btn span {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .check-domain .result-domain .result-whois .price .pricenew {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    #header-row {
    }

    .main-checkdomain .input-group-lg input[type="text"]:-moz-placeholder, .main-checkdomain .input-group-lg input[type="text"]::-moz-placeholder {
        font-family: 'Open Sans';
        font-size: 14px;
        color: #d9d6d6;
        padding-left: 2px
    }

    #header-row .navbar-collapse {
        border: none
    }

    .mb-menu .navbar {
        margin-bottom: 0;
        position: inherit;
        margin-bottom: 0;
        min-height: inherit !important
    }

    .mb-menu .navbar-default {
        border-color: none;
        background-color: none !important;
        border: 0
    }

    .mb-menu .navbar-nav {
        margin: 0 -15px;
        background: #5f7480;
        margin-top: 13px;
        margin-bottom: 0;
        width: auto
    }

    .headerlayout .mb-menu .navbar-nav {
        margin-top: 73px
    }

    .navbar-toggle {
        border-bottom: 0;
        padding: 12px 10px 13px 11px
    }

    #header-row-nav .panel-heading {
        display: none
    }

    .navbar-nav .panel-default .block-one {
        display: none
    }

    .navbar-nav .panel-default .wrap-menu {
        margin-left: -15px
    }

    .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li.active > a {
        background: #5f7480 !important
    }

    #header-row-nav .panel {
        background: #516571;
        margin-bottom: 0;
        border-radius: 0
    }

    #header-row-nav .panel-body {
        background: #516571;
        padding: 0
    }

    #header-row-nav .panel-body a {
        color: #e6eff4
    }

    #header-row-nav .panel ul li {
        padding-left: 15px;
        height: 32px;
        line-height: 32px;
        border-left: 2px solid #9acf1c;
        margin-bottom: 1px;
        list-style: inside none disc;
        color: #e6eff4
    }

    #header-row-nav .panel ul li a {
        color: #e6eff4
    }

    .sub-title-menu {
        display: none
    }

    .mb-menu .navbar-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
        border-color: #ff4343;
        background-color: #ff4343;
        border: 0
    }

    .page-mobile {
        padding-top: 56px
    }

    .check-domain-v2 .border-input-check-domain .wrap-input {
        padding-right: 0 !important
    }

    .main-checkdomain .input-group-lg > .matbao-textbox {
        font-size: 15px
    }

    .main-checkdomain .input-group {
        border-bottom-left-radius: inherit !important;
        border-top-left-radius: inherit !important;
        border-bottom-right-radius: inherit !important;
        border-top-right-radius: inherit !important;
        border: 1px solid #ccc
    }

    .main-checkdomain .input-group-btn:last-child > .btn {
        background-color: none;
        min-height: 50px;
        width: 50px;
        padding: 0
    }

    .main-checkdomain .input-group-lg > .matbao-textbox {
        min-height: 50px;
        font-size: 14px;
        width: 100%;
        padding-left: 15px
    }

    .check-domain .result-domain .da-chon-mua {
        font-weight: 500;
        text-transform: uppercase;
        font-size: 12px;
        background: #efefef;
        padding: 5px 5px
    }

    .check-domain .result-domain .da-chon-mua .xoa-chon-mua {
        color: red;
        line-height: 14px
    }

    .mb-icon-xoa-x::after {
        content: url(/Content/images/icon-xoa-da-chon-red.png);
        padding-right: 10px
    }

    .whois-one-domain-mobile {
        display: block
    }

    .check-domain-v2 #whoisdomaintext {
        font-size: 15px
    }

    .check-domain .result-domain .result-whois .gia-gia-han {
        font-weight: 500
    }

    .check-domain .result-domain .result-whois .unit-price-whois {
        font-weight: 500
    }

    .boxchontenmienphobien {
        display: none
    }

    .control-thugon {
        display: inline-block
    }

    .hotro-banner .panel-1 .matbao-label-1 {
        padding: 30px 0;
        font-weight: bold;
        margin-top: 20px
    }
}

.text-danger {
    color: #ff4343
}

a, a:hover, a:active, a:focus {
    outline: none !important
}

footer {
    width: 100%
}

footer .footer-services {
    background: #363636;
    padding: 30px;
    border-bottom: 1px solid #434343
}

footer .footer-services .txt-regemail {
    font-size: 20px;
    color: #787878;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    border: none;
    margin-right: -3px
}

footer .footer-services .btn-regemail {
    background: #ff4343;
    color: #fff;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: none;
    padding: 0 40px
}

footer .footer-services .social-box {
    font-family: 'Roboto Condensed';
    margin-top: 20px
}

footer .footer-services .social-box .btn-social {
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 20px
}

footer .footer-services .social-box .btn-facebook {
    background: url('/Content/images/icon-fb-normal.png') no-repeat center
}

footer .footer-services .social-box .btn-facebook:hover {
    background: url('/Content/images/icon-fb-hover.png') no-repeat center
}

footer .footer-services .social-box .btn-gplus {
    background: url('/Content/images/icon-gg-normal.png') no-repeat center
}

footer .footer-services .social-box .btn-gplus:hover {
    background: url('/Content/images/icon-gg-hover.png') no-repeat center
}

footer .footer-services .social-box .btn-twitter {
    background: url('/Content/images/icon-tt-normal.png') no-repeat center
}

footer .footer-services .social-box .btn-twitter:hover {
    background: url('/Content/images/icon-tt-hover.png') no-repeat center
}

footer .footer-services .social-box .btn-youtube {
    background: url('/Content/images/icon-youtube-normal.png') no-repeat center
}

footer .footer-services .social-box .btn-youtube:hover {
    background: url('/Content/images/icon-youtube-hover.png') no-repeat center
}

footer .footer-services ul {
    padding-left: 0
}

footer .footer-services ul li {
    line-height: 32px
}

footer .footer-services ul li p {
    font-family: 'Roboto Condensed';
    color: #ddd;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold
}

footer .footer-services ul li a {
    color: #b9b9b9;
    outline: none;
    text-decoration: none;
    font-family: 'Open Sans'
}

footer .footer-services ul li p a {
    font-family: 'Roboto Condensed';
    color: #ddd;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold
}

footer .footer-services ul li a:hover {
    color: #ff4343
}

footer .footer-copyright {
    background: #282828;
    text-align: center;
    line-height: 18px;
    color: #a5a5a5;
    padding: 30px 30px 46px 30px;
    font-family: 'Open Sans'
}

.nav-bottom {
    font-family: 'Roboto Condensed';
    background: #59737e;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 66px;
    color: #fff;
    line-height: 20px;
    padding: 10px 0;
    z-index: 99999
}

.socialmobile {
    clear: both
}

.socialmobile .btn-social {
    width: 46px;
    height: 46px;
    margin-right: 5px;
    display: inline-block
}

.socialmobile .btn-social:last-child {
    margin-right: 0
}

.socialmobile .btn-facebook {
    background: url('/Content/images/icon-fb-normal.png') no-repeat center
}

.socialmobile .btn-gplus {
    background: url('/Content/images/icon-gg-normal.png') no-repeat center
}

.socialmobile .btn-twitter {
    background: url('/Content/images/icon-tt-normal.png') no-repeat center
}

.socialmobile .btn-youtube {
    background: url('/Content/images/icon-youtube-normal.png') no-repeat center
}

.tab-baovaytenmien {
    margin-top: 10px
}

.tab-baovaytenmien .nav-tabs {
    padding-right: 0;
    margin-right: -30px;
    margin-bottom: 5px
}

.tab-baovaytenmien .nav-tabs > li {
    margin-right: 0 !important
}

.tab-baovaytenmien .nav-tabs > li:first-child {
    margin-right: 5px !important
}

.tab-baovaytenmien .nav-tabs > li:last-child {
    margin-left: 10px !important
}

.tab-baovaytenmien .nav-tabs > li.active {
    height: 70px;
    line-height: 70px
}

.tab-baovaytenmien .nav-tabs > li a {
    border: none !important;
    background: #d1d1d1 !important;
    background-color: #d1d1d1 !important;
    color: #fff !important;
    padding-top: 0 !important;
    padding-bottom: 0;
    height: 70px;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    margin-right: 0 !important
}

.tab-baovaytenmien .nav-tabs > li.active a {
    background: #ff4342 !important;
    background-color: #ff4342 !important
}

.loadgoiytenmien {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    footer .footer-copyright {
        margin-bottom: 50px
    }

    .nav-bottom .btn-start-chat {
        padding: 0 !important;
        border: none
    }

    iframe[name=google_conversion_frame] {
        display: none
    }

    .footer-company-info {
        background: #363636
    }

    .footer-copyright {
        padding-bottom: 50px !important
    }

    .footer-copyright:before {
        height: 10px
    }

    .icon-chat-mobile {
        padding-left: 5px;
        padding-right: 3px;
        line-height: 55px
    }

    .icon-phone-mobile {
        padding-left: -5px;
        padding-right: 3px;
        line-height: 55px
    }
}

.nav-bottom label {
    font-weight: normal;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif
}

.nav-bottom p {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif
}

.nav-bottom a, .nav-bottom a:hover, .nav-bottom a:active {
    color: #fff;
    text-decoration: none
}

.nav-bottom .btn-start-chat {
    padding: 0 10px;
    min-width: 200px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    background: none;
    border: 1px solid #fff;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    outline: none;
    text-decoration: none
}

.nav-bottom .btn-start-chat:hover {
    border: 1px solid #ff4343;
    color: #ff4343
}

.partner-area {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.partner-area .div-doi-tac {
    line-height: 70px
}

.partner-area .container .row > div {
}

.slide-partner {
    position: relative;
    overflow: hidden;
    padding: 0 10px
}

.slide-partner .jcarousel ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative
}

.slide-partner li {
    width: 100px;
    float: left;
    border: none;
    margin-right: 30px;
    padding: 0
}

.slide-partner li a {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .4
}

.slide-partner li a:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1
}

.slide-partner a {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
    margin: auto
}

.slide-partner a:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1
}

.home-title-partner {
    font-family: 'Roboto Condensed';
    font-size: 24px;
    font-weight: bold;
    color: #606060;
    text-transform: uppercase;
    margin-bottom: 30px
}

.home-title-menu {
    font-size: 18px;
    color: #363636
}

.dns-top-banner {
    background: url('/Content/images/bg-dns.png') no-repeat center;
    height: 216px;
    padding-top: 40px;
    color: #fff;
    background-size: cover
}

.dns-top-banner .title {
    font-size: 36px;
    text-transform: uppercase
}

.dns-top-banner .bottom-title {
    width: 140px;
    height: 1px;
    background: #fff;
    margin: 10px auto 0 auto
}

.dns-top-banner .description {
    font-family: 'Open Sans';
    font-size: 14px;
    margin-top: 25px
}

.dns-detail {
    color: #606060;
    padding: 55px 0 0 0;
    line-height: 27px
}

.dns-detail .detail-title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 25px
}

.dns-detail .detail-desc {
    font-family: 'Open Sans';
    font-size: 14px;
    margin-bottom: 35px
}

.dns-detail .detail-desc ul {
    padding-left: 0
}

.dns-detail .detail-desc ul li {
    background: url('/Content/images/liicon.png') no-repeat 0 8px;
    padding-left: 20px;
    list-style-type: none
}

.reg-dns {
    background: #f6a22a;
    height: 110px;
    line-height: 45px;
    padding: 35px 0;
    color: #fff;
    font-size: 18px
}

.reg-dns a {
    background: #fff;
    padding: 7px 35px;
    color: #787878;
    border: 1px solid #818181;
    height: 40px;
    margin-right: 15px;
    text-decoration: none;
    outline: none
}

.reg-dns a:hover {
    color: #ff4343;
    border: 1px solid #ff4343
}

.baomatthongtin-top {
    padding: 40px 0
}

.baomatthongtin-top .title {
    color: #363636;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif
}

.baomatthongtin-top .bottom-title {
    margin-top: 10px;
    height: 1px;
    background: #363636;
    width: 140px;
    margin-bottom: 40px
}

.baomatthongtin-top ul {
    padding-left: 0
}

.baomatthongtin-top ul li {
    font-family: 'Open Sans';
    list-style-type: none;
    margin-bottom: 25px;
    color: #363636
}

.baomatthongtin-howitwork {
    background: url('/Content/images/bg-bao-mat.png') repeat-x center;
    color: #fff;
    padding-top: 70px;
    background-size: cover;
    background-attachment: fixed
}

.baomatthongtin-howitwork .title {
    font-size: 30px;
    text-transform: uppercase
}

.baomatthongtin-howitwork .bottom-title {
    width: 140px;
    background: #fff;
    height: 1px;
    margin: 20px auto 60px auto
}

.baomatthongtin-howitwork label {
    font-size: 24px;
    font-weight: normal;
    margin: 30px 0;
    display: inline-block
}

.baomatthongtin-ads {
    background: #f6a22a;
    color: #fff;
    font-size: 22px;
    padding: 25px;
    text-align: center
}

.boxbanggiatenmien {
}

.boxbanggiatenmien .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px
}

.boxbanggiatenmien .subtitle {
    font-family: 'Roboto Condensed';
    font-size: 18px
}

.boxbanggiatenmien .rowheader {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    margin-top: 25px
}

.boxbanggiatenmien .rowheader div {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    background: #8ac108;
    text-align: center
}

.boxbanggiatenmien .rowheader div:nth-child(1) {
    background: #ff7930;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    font-family: arial;
}

.boxbanggiatenmien .rowheader div:nth-child(3) {
    font-size: 20px;
    background: #7daf08
}

.boxbanggiatenmien .rowbody {
    font-size: 16px;
    line-height: 35px;
    min-height: 55px;
    clear: both
}

.boxbanggiatenmien .rowbody:nth-child(even) {
    background: #fbfbfb
}

.boxbanggiatenmien .rowbody div {
    border-right: 1px dotted #ccc;
    margin: 10px 0;
    text-align: center
}

.boxbanggiatenmien .rowbody div:not(:first-child) {
    font-family: 'Open Sans';
    font-size: 14px
}

.boxbanggiatenmien .rowbody div:first-child {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    text-align: left
}

.boxbanggiatenmien .rowbody div:last-child {
    color: #ff4343;
    font-weight: bold;
    border-right: 0
}

.boxbanggiatenmien .btn-reg-domain-now {
    font-family: 'Roboto Condensed';
    margin-top: 10px;
    background: #e64545;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    font-size: 20px;
    display: inline-block;
    outline: none;
    text-decoration: none
}

.btn-xem-tiep {
    font-family: 'Roboto Condensed';
    color: #363636;
    margin-top: 10px;
    font-size: 24px;
    text-decoration: none;
    outline: none;
    display: inline-block
}

.btn-xem-tiep:hover, .btn-xem-tiep:active, .btn-xem-tiep:focus {
    color: #ff4343;
    outline: none;
    text-decoration: none
}

.btn-xem-tiep p {
    margin: 0
}

.box-ads-tenmien {
    padding: 80px 0;
    color: #fff
}

.box-ads-tenmien .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase
}

.box-ads-tenmien .bottom-title {
    width: 140px;
    height: 1px;
    background: #fff;
    margin: 15px auto 26px
}

.box-ads-tenmien-item {
    float: left;
    margin-bottom: 30px
}

.box-ads-tenmien-item .title {
    font-size: 24px;
    font-weight: bold;
    margin-left: 70px;
    text-transform: uppercase;
    margin-top: 10px
}

.box-ads-tenmien-item .title p {
    line-height: 17px
}

.box-ads-tenmien-item .desc {
    font-family: 'Open Sans';
    margin-top: 25px
}

.box-ads-tenmien .ads-tenmienvietnam {
}

.box-ads-tenmien .ads-tenmienvietnam > div {
    background: #ffa800 url('/Content/images/ads-tenmienvietnam.png') no-repeat 20px 25px;
    padding: 20px;
    height: 185px
}

.box-ads-tenmien .ads-tenmienquocte {
}

.box-ads-tenmien .ads-tenmienquocte > div {
    background: #ffa800 url('/Content/images/ads-tenmienquocte.png') no-repeat 20px 25px;
    padding: 20px;
    height: 185px
}

.box-ads-tenmien .ads-taikhoan {
}

.box-ads-tenmien .ads-taikhoan > div {
    background: #ffa800 url('/Content/images/ads-taikhoan.png') no-repeat 20px 25px;
    padding: 20px;
    height: 185px
}

.box-ads-tenmien .ads-hotromienphi {
}

.box-ads-tenmien .ads-hotromienphi > div {
    background: #ffa800 url('/Content/images/ads-hotromienphi.png') no-repeat 20px 25px;
    padding: 20px;
    height: 185px
}

.box-ads-tenmien .ads-quanlydns {
}

.box-ads-tenmien .ads-quanlydns > div {
    background: #ffa800 url('/Content/images/ads-quanlydns.png') no-repeat 20px 25px;
    padding: 20px;
    height: 185px
}

.box-ads-tenmien .ads-tenmienphu {
}

.box-ads-tenmien .ads-tenmienphu > div {
    background: #ffa800 url('/Content/images/ads-tenmienphu.png') no-repeat 20px 25px;
    padding: 20px;
    height: 185px
}

.box-slide-quanlytenmien {
}

.box-slide-quanlytenmien .btn-prev {
    display: inline-block;
    width: 29px;
    height: 55px;
    background: url('/Content/images/arrowpre.png') no-repeat left center;
    float: left
}

.box-slide-quanlytenmien .btn-next {
    display: inline-block;
    width: 29px;
    height: 55px;
    background: url('/Content/images/arrownext.png') no-repeat right center;
    float: right
}

.boxphanmem-top {
    padding: 50px 0;
    background: #efefef
}

.boxphanmem-top .title {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold
}

.boxphanmem-top .subtitle {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px
}

.boxbanggiadichvu .nav-tabs {
    border: none;
    margin: 0 auto 20px auto;
    max-width: 700px
}

.boxbanggiadichvu .nav-tabs .phanmem {
    margin-top: 10px
}

.boxbanggiadichvu .nav-tabs .phanmem > div {
    border: 1px solid #818181;
    cursor: pointer;
    line-height: 50px
}

.boxbanggiadichvu .nav-tabs .phanmem > div.active {
    border: 1px solid #ff4343;
    color: #fff;
    background: #ff4343
}

.boxbanggiadichvu .nav-tabs .phanmem > div:hover {
    color: #fff;
    background: #ff4343;
    border: 1px solid #ff4343
}

.boxbanggiadichvu .nav-tabs a {
    border-radius: 0;
    color: #787878;
    line-height: 50px
}

.boxbanggiadichvu .nav-tabs li.active a, .boxbanggiadichvu .nav-tabs a:hover {
    border: 1px solid #ff4343;
    color: #fff;
    background: #ff4343;
    outline: none
}

.boxprice {
    margin: 10px 0 20px 0;
    display: inline-block;
    vertical-align: top;
    min-width: 320px
}

.boxs2 {
}

.radio-soft {
    background: rgba(0, 0, 0, 0) url("/Content/images/uncheck.png") no-repeat scroll 0 0;
    display: inline-block;
    font-size: 16px;
    height: 37px;
    line-height: 36px;
    padding-left: 35px;
    padding-right: 10px;
    vertical-align: top
}

.radio-soft label {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal
}

.radio-soft label i {
    display: block;
    font-style: normal
}

.radio-soft input[type=radio] {
    opacity: 0
}

.boxprice .headerbox {
    width: 100%;
    height: 115px;
    text-align: center;
    color: #fff;
    padding: 25px 7px;
    border-radius: 5px 5px 0 0;
    font-family: 'Roboto Condensed';
    font-size: 24px
}

.boxprice:first-child .headerbox {
    background: #ffa200
}

.boxprice:nth-child(2) .headerbox {
    background: #42bacc
}

.boxprice .headerbox div:first-child {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
}

.boxs2 .headerbox div:first-child {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 70px
}

.boxprice .headerbox div:nth-child(2) {
    font-size: 18px
}

.boxprice .price-item {
    font-size: 16px;
    height: 65px;
    line-height: 65px;
    padding: 15px;
    position: relative
}

.boxprice .price-item:nth-child(even) {
    background: #fff
}

.boxprice .price-item:nth-child(odd) {
    background: #fafafa
}

.boxprice .price-item .saleoff {
    color: #ffa200
}

.boxprice .price-item label {
    font-size: 16px;
    cursor: pointer
}

.boxprice .price-item label i {
    color: #787878
}

.boxs2 .price-item label {
    line-height: 18px;
    font-size: 16px
}

.boxprice .price-item .price-area {
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 16px
}

.boxprice .price-item .price-area-top {
    top: 6px
}

.boxs2 .price-item .price-area {
    line-height: 18px;
    font-family: 'Open Sans'
}

.boxprice .price-item .price-area p {
    line-height: 7px;
    text-decoration: line-through;
    text-align: right
}

.boxprice .price-item .price-area i {
    font-size: 14px;
    color: #787878;
    display: block;
    font-style: normal
}

.boxprice .price-item .price-area .price-value {
    font-size: 18px;
    font-weight: bold;
    color: #ff4343
}

.boxprice .box-control {
    background: #fff;
    height: 70px;
    border-radius: 0 0 5px 5px
}

.boxprice .btn-datmua {
    background: none;
    margin: 20px auto 0 auto;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 50px;
    border: 1px solid #818181;
    font-family: 'Roboto Condensed'
}

.boxprice .btn-datmua:hover {
    border: none;
    color: #fff;
    background: #ff4343
}

.note-pricebox {
    margin-top: 15px;
    text-align: center;
    overflow: hidden
}

.note-pricebox span {
    color: red
}

.ads-phanmem {
    padding: 60px 0;
    color: #fff;
    background-size: cover
}

.ads-phanmem .title {
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    margin-bottom: 50px
}

.ads-parallels .title {
    margin-bottom: 55px
}

ul.listhelpful {
    padding: 0
}

ul.listhelpful li {
    list-style: none;
    padding: 20px 30px 20px 0
}

ul.listhelpful li .helpful-title {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px
}

ul.listhelpful li .helpful-title a {
    vertical-align: text-bottom
}

ul.listhelpful li .helpful-title span {
    font-family: 'Roboto Condensed';
    display: inline-block;
    line-height: 30px;
    width: 220px;
    margin-left: 25px
}

ul.listhelpful li .helpful-desc {
    font-size: 14px;
    line-height: 23px
}

.ads-phanmem .title p {
    line-height: 40px
}

.ads-phanmem .listadsphanmem {
    margin-top: 20px;
    padding-left: 0
}

.ads-phanmem .listadsphanmem li {
    background: url('/Content/images/check-white.png') no-repeat 10px 3px;
    padding-left: 45px;
    font-size: 16px;
    list-style-type: none;
    margin-bottom: 15px
}

.btn-xem-demo {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 27px;
    margin-left: 45px;
    padding: 0 25px;
    text-decoration: none;
    outline: none
}

.btn-xem-demo:hover {
    border: 1px solid #ffa912;
    color: #ffa912;
    outline: none;
    text-decoration: none
}

.ads-phanmem .boxvideo {
    margin-top: 113px
}

.box-sosanh {
    background: #f5f5f5 url('/Content/images/wallpaper-2083582.png') no-repeat bottom center;
    padding: 75px 0 45px 0;
    background-size: cover
}

.box-sosanh .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px
}

.box-sosanh .bottom-title {
    margin: auto;
    width: 140px;
    height: 1px;
    background: #363636;
    margin-bottom: 30px
}

.box-sosanh .headerlistsosanh {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 18px;
    background: #fff
}

.box-sosanh .list-sosanh {
    font-family: 'Roboto Condensed'
}

.box-sosanh .headerlistsosanh div:not(:first-child) {
    padding: 15px;
    text-align: center
}

.box-sosanh .headerlistsosanh div:nth-child(1) {
    line-height: 55px
}

.box-sosanh .headerlistsosanh div:nth-child(2) {
    background: #2ea6be;
    color: #fff
}

.box-sosanh .headerlistsosanh div:nth-child(3) {
    background: #85c440;
    color: #fff
}

.box-sosanh .headerlistsosanh div:nth-child(4) {
    background: #f89c1f;
    color: #fff
}

.box-sosanh .headerlistsosanh div:nth-child(5) {
    background: #c21e8e;
    color: #fff
}

.box-sosanh .titlelistsoasanh {
    font-size: 16px;
    background: #e6e6e6;
    height: 40px;
    line-height: 40px
}

.box-sosanh .titlelistsoasanh {
    background: #e6e6e6;
    height: 40px;
    line-height: 40px
}

.box-sosanh .itemsosoanh {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px dotted #ccc
}

.mbiconisavailable {
    background: url('/Content/images/plus.png') no-repeat center
}

.mbiconchecked {
    background: url('/Content/images/check-green.png') no-repeat center
}

.mbiconchecked-not {
    background: url('/Content/images/cancel-red.png') no-repeat center
}

.box-sosanh .itemsosoanh div:not(:first-child) {
    border-left: 1px dotted #ccc;
    height: 50px
}

.box-sosanh .itemfooter {
    background: #ffe4c4;
    height: 75px;
    line-height: 20px;
    text-align: center;
    display: table;
    font-size: 16px
}

.box-sosanh .itemfooter div:first-child {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    float: none
}

.box-sosanh .itemfooter div:not(:first-child) {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    vertical-align: middle;
    display: table-cell;
    float: none;
    border-left: 1px solid #fff
}

.cloud-server-top {
    padding: 40px 0 25px
}

.cloud-server-top ul {
    list-style: none
}

.cloud-server-top .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}

.cloud-server-top .subtitle {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 45px
}

.cloud-server-top .pricebox {
    border-radius: 5px;
    margin-bottom: 20px
}

.cloud-server-top .pricebox-content {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 15px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #fff
}

.cloud-server-top .pricebox .titlebox {
    font-family: 'Roboto Condensed';
    height: 116px;
    line-height: 116px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase
}

.cloud-server-top .pricebox:nth-child(1) .titlebox {
    background: #42bacc
}

.cloud-server-top .pricebox:nth-child(2) .titlebox {
    background: #9acf1c
}

.cloud-server-top .pricebox:nth-child(3) .titlebox {
    background: #ff4343
}

.cloud-server-top .pricebox:nth-child(4) .titlebox {
    background: #ffc600
}

.cloud-server-top .pricebox:nth-child(5) .titlebox {
    background: #ff9c00
}

.cloud-server-top .pricebox:nth-child(6) .titlebox {
    background: #e30e0e
}

.cloud-server-top .pricebox .pricearea {
    font-family: 'Roboto Condensed';
    text-align: center
}

.cloud-server-top .pricebox .pricearea .pricevalue {
    font-size: 30px
}

.cloud-server-top .pricebox .pricearea .priceunit {
    font-size: 14px;
    color: #787878
}

.cloud-server-top .pricebox .descarea {
    background: #fafafa;
    text-align: center;
    margin: 15px 0;
    line-height: 20px;
    padding: 25px 0 10px 0
}

.cloud-server-top .pricebox .controlarea {
    text-align: center
}

.cloud-server-top .pricebox .controlarea .btn-datmua {
    font-family: 'Roboto Condensed';
    border: 1px solid #363636;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 35px;
    outline: none;
    display: inline-block;
    text-decoration: none
}

.cloud-server-top .pricebox .controlarea .btn-datmua:hover {
    border: 1px solid #ff4343;
    background: #ff4343;
    color: #fff
}

.cloud-server-top .pricebox:hover .pricebox-content {
    -moz-box-shadow: 0 0 5px #dbdbdb;
    -webkit-box-shadow: 0 0 5px #dbdbdb;
    box-shadow: 0 0 5px #dbdbdb
}

.cloud-server-top ul li {
    height: 45px
}

.cloud-server-top .pricebox ul li {
    height: 43px;
    font-family: 'Roboto Condensed'
}

.cloud-server-top .pricebox hr {
    border-bottom: 1px dashed #dedcdc;
    width: 84%;
    margin-top: 15px
}

.cloud-server-top .text-chiet-khau {
    text-align: center;
    margin-left: 8px
}

.cloud-server-top .ul-chiet-khau .btn-group-vertical {
    width: 100%;
    float: left
}

.cloud-server-top .ul-chiet-khau .btn-group-vertical div:first-child {
    width: 8%;
    float: left
}

.cloud-server-top .ul-chiet-khau .btn-group-vertical div:last-child {
    width: 85%;
    float: left;
    height: 48px;
    line-height: 43px;
    cursor: pointer
}

.cloud-server-top .btn-group-vertical label {
    text-align: center
}

.cloud-server-top .btn-group-vertical input[type="radio"] {
    display: none
}

.addons-cloud {
    margin: 40px 0 25px 0;
    display: inline-block
}

.addons-cloud .title {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 25px
}

.addons-cloud ul li {
    background: url('/Content/images/check-green-2.png') no-repeat 5px 5px;
    line-height: 24px;
    padding-left: 40px;
    padding-right: 5px;
    overflow: hidden
}

.option-box {
    background: #fff;
    margin-top: 45px;
    padding-bottom: 50px
}

.option-box .title {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase
}

.option-box .subtitle {
    text-align: center
}

.option-box .thanhtoan {
    background: #efefef none repeat scroll 0 0;
    display: inline-block;
    line-height: 55px;
    padding-left: 20px
}

.option-box .thanhtoan .tongtien {
    font-family: 'Roboto Condensed';
    font-weight: normal;
    font-size: 30px;
    color: #787878;
    float: left
}

.option-box .thanhtoan .tongtien .totalvalue {
    color: #ff4343
}

.option-box .thanhtoan .datmua {
    float: right;
    margin-right: -15px
}

.option-box .thanhtoan .datmua .btn-datmua {
    font-family: 'Roboto Condensed';
    height: 55px;
    line-height: 55px;
    color: #fff;
    padding: 0 110px;
    background: #ff4343;
    font-size: 18px;
    outline: none;
    display: inline-block;
    text-decoration: none
}

.option-box .option-content {
    margin: 20px 0;
    text-align: center
}

.option-box .option-content .box-progressbar {
    height: 35px;
    text-align: left
}

.option-box .option-content .box-progressbar .option-name {
    display: inline-block;
    width: 55px
}

.option-box .option-content .box-progressbar .option-control {
    height: 15px;
    vertical-align: text-bottom;
    display: inline-block;
    width: 730px;
    border-radius: 8px
}

.option-box .option-content .box-progressbar .option-value {
    display: inline-block;
    font-weight: bold;
    padding-left: 15px
}

.box-hoidap-dichvu {
    background: #ededed;
    width: 100%;
    padding: 50px 0 30px 0
}

.box-hoidap-dichvu .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.box-hoidap-dichvu .panel {
    border: none;
    box-shadow: none;
    background: none
}

.box-hoidap-dichvu .panel-body {
    border-left: 4px solid #f95555;
    padding-left: 10px;
    font-size: 14px;
    color: #787878;
    font-style: italic;
    margin: 10px 0 10px 55px;
    padding: 2px 10px;
    line-height: 26px;
    border-top: 0 !important;
    font-family: 'Open Sans'
}

.box-hoidap-dichvu .panel-heading {
    padding-bottom: 0;
    padding-left: 5px;
    border: none;
    box-shadow: none;
    background: none
}

.box-hoidap-dichvu .panel-heading a {
    background: url('/Content/images/question-hover.png') no-repeat 0 0;
    text-decoration: none;
    outline: none;
    color: #363636;
    display: inline-block;
    height: 45px;
    line-height: 42px;
    padding-left: 50px;
    font-family: 'Open Sans'
}

.box-hoidap-dichvu .panel-heading a.collapsed {
    font-family: 'Open Sans';
    background: url('/Content/images/question-normal.png') no-repeat 0 0
}

.box-hoidap-dichvu .panel-heading a:hover {
    background: url('/Content/images/question-hover.png') no-repeat 0 0;
    color: #000
}

.ads-cloud {
    padding: 55px 0;
    color: #fff
}

.parallax {
    overflow: hidden;
    position: relative
}

.parallax_image, .parallax_pattern {
    background-position: center center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform
}

.parallax_image {
    background-repeat: no-repeat;
    background-size: cover
}

.parallax_pattern {
    background-repeat: repeat
}

.parallax_cnt {
    position: relative
}

.parallax a.link {
    text-decoration: underline
}

.ads-cloud .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase
}

.ads-cloud .subtitle {
    margin: 35px 0;
    line-height: 25px
}

.ads-cloud .listads {
    padding-left: 0
}

.ads-cloud .listads li {
    background: url('/Content/images/check-white-2.png') no-repeat 0 5px;
    padding-left: 40px;
    line-height: 33px;
    list-style: none
}

.tinhnangdichvu {
    background: #efefef;
    padding-top: 55px
}

.tinhnangdichvu .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    text-align: center
}

.tinhnangdichvu ul {
    margin: 55px 0;
    list-style: none;
    padding-left: 0
}

.tinhnangdichvu ul li {
    float: left;
    height: 235px
}

.tinhnangdichvu ul li .titleli {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase
}

.tinhnangdichvu ul li .titleli .titletext {
    font-family: 'Roboto Condensed';
    display: inline-block;
    padding: 7px 15px;
    vertical-align: top
}

.tinhnangdichvu ul li .titleli a {
    display: inline-block
}

.tinhnangdichvu ul li .titleli p {
    line-height: 16px
}

.tinhnangdichvu ul li .descli {
    margin-top: 10px;
    color: rgba(0, 0, 0, .85)
}

.boxcomparecloud {
    background: #efefef url('/Content/images/wallpaper-20835822.png') no-repeat bottom center;
    background-size: cover;
    padding: 65px 0
}

.boxcomparecloud > div > div:first-child {
    height: 420px
}

.boxcomparecloud .row > div:first-child {
    font-family: 'Roboto Condensed';
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-transform: uppercase
}

.boxcomparecloud .row > div:nth-child(even) {
    background: #fafafa
}

.boxcomparecloud .row > div:nth-child(odd) {
    background: #fff
}

.boxcomparecloud .row > div:first-child {
    background: none
}

.boxcomparecloud .row > div:nth-child(2), .boxcomparecloud .highlight-title {
    font-family: 'Roboto Condensed';
    background: #e4e4e4;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase
}

.boxcomparecloud .row > div:not(:first-child):not(:nth-child(2)) {
    height: 45px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    padding: 5px 0
}

.boxcomparecloud .row > div:not(:first-child):not(:nth-child(2)) > div:first-child {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    text-align: left;
    padding-left: 15px
}

.boxcomparecloud .row > div:not(:first-child):not(:nth-child(2)) > div:not(:first-child) {
    border-left: 1px dotted #bfbfbf;
    color: #606060
}

.boxcomparecloud .row > div:first-child > div:first-child {
    font-size: 30px;
    padding-left: 15px
}

.boxcomparecloud .row > div:first-child > div:not(:first-child) {
    font-size: 18px;
    color: #fff;
    text-align: center
}

.boxcomparecloud .row > div:first-child > div:nth-child(2) {
    background: #ef4555
}

.boxcomparecloud .row > div:first-child > div:nth-child(3) {
    background: #ff9c00
}

.boxcomparecloud .highlight-title {
    font-family: 'Roboto Condensed';
    background: #e4e4e4 !important;
    height: 45px !important;
    line-height: 45px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    padding: 0 !important;
    padding-left: 15px !important
}

.hosting-server-top {
    background-color: #efefef;
    padding: 40px 0
}

.hosting-server-top ul {
    list-style: none
}

.hosting-server-top .pricebox ul {
    list-style: none;
    padding-left: 0;
    width: 76%;
    margin: auto
}

.hosting-server-top .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}

.hosting-server-top .subtitle {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 35px
}

.hosting-server-top .pricebox {
    border-radius: 5px;
    margin-bottom: 20px
}

.hosting-server-top .pricebox-content {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 20px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #fff
}

.hosting-server-top .pricebox .titlebox {
    font-family: 'Roboto Condensed';
    height: 116px;
    line-height: 116px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    position: relative
}

.hosting-server-top .pricebox:nth-child(1) .titlebox {
    background: #42bacc
}

.hosting-server-top .pricebox:nth-child(2) .titlebox {
    background: #00cc7d
}

.hosting-server-top .pricebox:nth-child(3) .titlebox {
    background: #9acf1c
}

.hosting-server-top .pricebox:nth-child(4) .titlebox {
    background: #ffc600
}

.hosting-server-top .pricebox:nth-child(5) .titlebox {
    background: #ff9c00
}

.hosting-server-top .pricebox:nth-child(6) .titlebox {
    background: #e30e0e
}

.hosting-server-top .pricebox:hover .pricebox-content {
    -moz-box-shadow: 0 0 5px #dbdbdb;
    -webkit-box-shadow: 0 0 5px #dbdbdb;
    box-shadow: 0 0 5px #dbdbdb
}

.hosting-server-top .pricebox .pricearea {
    font-family: 'Roboto Condensed';
    text-align: center
}

.hosting-server-top .pricebox .pricearea .pricevalue {
    font-size: 30px
}

.hosting-server-top .pricebox .pricearea .priceunit {
    font-size: 14px;
    color: #787878
}

.hosting-server-top .pricebox .descarea {
    background: #fff;
    text-align: center;
    margin: 15px 0;
    line-height: 18px;
    padding: 35px 0 10px 0;
    font-family: 'Open Sans';
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px dotted gray
}

.hosting-server-top .pricebox .controlarea {
    text-align: center
}

.hosting-server-top .pricebox .controlarea .btn-datmua {
    font-family: 'Roboto Condensed';
    border: 1px solid #cecece;
    display: inline-block;
    height: 43px;
    line-height: 41px;
    outline: none;
    display: block;
    text-decoration: none;
    width: 85%;
    margin: auto;
    font-size: 16px
}

.hosting-server-top .pricebox .controlarea .btn-datmua:hover {
    border: 1px solid #ff4343;
    background: #ff4343;
    color: #fff
}

.hosting-server-top .redtext {
    color: red
}

.hosting-server-top .redtext a {
    color: red;
    font-size: 18px;
    text-decoration: none
}

.hosting-server-top .matbao-radio-lagre span {
    color: #565656
}

.hosting-server-top .subtitle .mbtooltip {
    position: absolute;
    top: 17px;
    right: 27px
}

.hosting-server-top .subtitle .link-tab-service {
    width: 100%;
    max-width: 328px
}

.hosting-server-top .subtitle .div-left {
    padding-right: 0
}

.hosting-server-top .subtitle .div-right {
    padding-left: 0
}

.tinhnangdichvucloudhosting {
    padding-top: 55px;
    color: #fff
}

.tinhnangdichvucloudhosting .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    text-align: center
}

.tinhnangdichvucloudhosting ul {
    margin: 55px 0;
    list-style: none;
    padding-left: 0
}

.tinhnangdichvucloudhosting ul li {
    float: left;
    height: 180px;
    margin-bottom: 40px
}

.tinhnangdichvucloudhosting ul li .titleli {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase
}

.tinhnangdichvucloudhosting ul li .titleli .titletext {
    display: inline-block;
    padding: 7px 15px;
    vertical-align: top
}

.tinhnangdichvucloudhosting ul li .titleli a {
    display: inline-block
}

.tinhnangdichvucloudhosting ul li .titleli p {
    line-height: 16px
}

.tinhnangdichvucloudhosting ul li .descli {
    margin-top: 10px;
    color: rgba(255, 255, 255, .85);
    font-family: 'Open Sans'
}

.boxadshostingserver {
    padding: 50px 10px 40px 10px
}

.boxadshostingserver .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase
}

.boxadshostingserver .subtitle {
    font-size: 16px;
    font-family: 'Open Sans';
    margin-top: 5px
}

.boxadshostingserver .stepcaiweb {
    text-align: center;
    padding: 65px 10px;
    overflow: hidden
}

.stepcaiweb table {
    font-size: 24px
}

.stepcaiweb table td {
    text-align: center
}

.stepcaiweb table tr:nth-child(2) td {
    font-family: 'Roboto Condensed';
    padding-top: 20px
}

.content-thuvien-ma-nguon {
    height: 225px;
    background: #fafafa
}

.content-thuvien-ma-nguon ul li:last-child a {
    margin-top: 26px
}

.boxadshostingserver .title2 {
    font-family: 'Roboto Condensed';
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.ss-hedieuhanh {
    margin-bottom: 25px;
    padding: 65px 0;
    color: #fff
}

.ss-hedieuhanh table tr:first-child {
    font-family: 'Roboto Condensed';
    font-size: 30px;
    text-transform: uppercase
}

.ss-hedieuhanh table tr td {
    padding-bottom: 50px
}

.ss-hedieuhanh table tr:not(:first-child) {
    line-height: 22px;
    color: rgba(255, 255, 255, .85);
    font-family: 'Open Sans'
}

.ss-hedieuhanh table tr td:first-child {
    text-align: right
}

.ss-hedieuhanh table tr td:last-child {
    text-align: left
}

.ss-goihosting {
    background: url('/Content/images/bg-so-sanh.png') no-repeat bottom center;
    margin: 35px 10px 0 10px;
    padding-bottom: 100px;
    padding-top: 50px;
    background-size: cover
}

.ss-goihosting .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.ss-goihosting table tr {
    height: 54px;
    line-height: 53px;
    text-align: center;
    background: #fff
}

.ss-goihosting table tr:last-child {
    background: none
}

.ss-goihosting table thead tr td:first-child {
    color: #363636
}

.ss-goihosting table tr td:first-child {
    font-family: 'Roboto Condensed';
    text-align: left;
    padding-left: 10px;
    font-size: 16px
}

.ss-goihosting table thead {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #fff;
    text-transform: uppercase
}

.ss-goihosting table thead tr td:not(:first-child):not(:last-child) {
}

.ss-goihosting table thead tr td:first-child {
    font-family: 'Roboto Condensed';
    background: #fbfbfb;
    font-size: 20px
}

.ss-goihosting table thead tr td:nth-child(2) {
    background: #42bacc
}

.ss-goihosting table thead tr td:nth-child(3) {
    background: #00cc7d
}

.ss-goihosting table thead tr td:nth-child(4) {
    background: #9acf1c
}

.ss-goihosting table thead tr td:nth-child(5) {
    background: #ffc600
}

.ss-goihosting table thead tr td:nth-child(6) {
    background: #ff9c00
}

.ss-goihosting table thead tr td:nth-child(7) {
    background: #e30e0e
}

.ss-goihosting table tbody tr:nth-child(even) {
    background: #fbfbfb
}

.ss-goihosting table tbody tr:last-child {
    background: none
}

.ss-goihosting table tbody tr:not(:last-child) td:not(:first-child) {
    font-family: 'Open Sans';
    font-size: 14px
}

.ss-goihosting .btn-muangay {
    font-family: 'Roboto Condensed';
    background: #fbfbfb;
    width: 99%;
    height: 50px;
    line-height: 50px;
    border: none;
    text-align: center;
    font-size: 16px;
    display: inline-block
}

.ss-goihosting .btn-muangay:hover {
    background: #ff4343;
    color: #fff
}

.ss-tinhnang-cloudhosting {
    background-size: cover;
    padding: 80px 0 50px 0
}

.ss-tinhnang-cloudhosting .parallax_image {
    background-size: cover
}

.ss-tinhnang-cloudhosting .row > div {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    color: #fff
}

.ss-tinhnang-cloudhosting .row > div:first-child {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    margin-bottom: 1px
}

.ss-tinhnang-cloudhosting .row > div:first-child > div:first-child {
    font-size: 30px;
    padding-left: 0
}

.ss-tinhnang-cloudhosting .row > div:first-child > div:not(:first-child) {
    text-align: center;
    font-size: 20px
}

.ss-tinhnang-cloudhosting .row > div:first-child > div:nth-child(2) {
    background: #e64545
}

.ss-tinhnang-cloudhosting .row > div:first-child > div:nth-child(3) {
    background: #ffbd28
}

.ss-tinhnang-cloudhosting .row > div:not(:first-child):not(:nth-child(2)) {
    height: 50px;
    line-height: 40px;
    background: #fff;
    padding: 5px 0;
    color: #363636
}

.ss-tinhnang-cloudhosting section > div {
    height: 50px;
    line-height: 40px;
    background: #fff;
    padding: 5px 0;
    color: #363636
}

.ss-tinhnang-cloudhosting .container .row > div:nth-child(even) {
    background: #fbfbfb
}

.ss-tinhnang-cloudhosting .container .row > div:nth-child(2), .ss-tinhnang-cloudhosting .tinh-nang-title {
    background: #e4e4e4 !important;
    height: 40px;
    line-height: 40px;
    color: #363636;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1px
}

.ss-tinhnang-cloudhosting .tinh-nang-title {
    padding: 0 15px !important;
    font-family: 'Roboto Condensed'
}

.ss-tinhnang-cloudhosting .view-more {
    float: left;
    width: 100%;
    background: none !important
}

.ss-tinhnang-cloudhosting .row > div:not(:first-child):not(:nth-child(2)) > div:not(:first-child) {
    font-family: 'Open Sans';
    font-size: 14px;
    border-left: 1px dotted silver;
    height: 35px;
    text-align: center
}

.ss-tinhnang-cloudhosting section > div > div:not(:first-child) {
    font-family: 'Open Sans';
    font-size: 14px;
    border-left: 1px dotted silver;
    height: 35px;
    text-align: center
}

.ss-tinhnang-cloudhosting .row > div:nth-child(6) > div:nth-child(2), .ss-tinhnang-cloudhosting .row > div:nth-child(7) > div:nth-child(2) {
    text-align: center
}

.ss-tinhnang-cloudhosting .btn-xem-tiep {
    color: #fff;
    text-align: center;
    outline: none;
    text-decoration: none
}

.slidehosting {
    height: 470px
}

.slidehosting .carousel {
    position: relative
}

.slidehosting .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.slidehosting .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.slidehosting .carousel-inner > .item > a, .slidehosting .carousel-inner > .item > a > a {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.slidehosting .carousel-inner > .active, .slidehosting .carousel-inner > .next, .slidehosting .carousel-inner > .prev {
    display: block
}

.slidehosting .carousel-inner > .active {
    left: 0
}

.slidehosting .carousel-inner > .next, .slidehosting .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.slidehosting .carousel-inner > .next {
    left: 100%
}

.slidehosting .carousel-inner > .prev {
    left: -100%
}

.slidehosting .carousel-inner > .next.left, .slidehosting .carousel-inner > .prev.right {
    left: 0
}

.slidehosting .carousel-inner > .active.left {
    left: -100%
}

.slidehosting .carousel-inner > .active.right {
    left: 100%
}

.slidehosting .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10%;
    text-align: center
}

.slidehosting .carousel-control.left {
    background: transparent
}

.slidehosting .carousel-control.left a {
    margin-top: 110px
}

.slidehosting .carousel-control.right {
    background: transparent;
    left: auto;
    right: 0
}

.slidehosting .carousel-control.right a {
    margin-top: 110px
}

.slidehosting .carousel-control:hover, .slidehosting .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.slidehosting .carousel-control .icon-prev, .slidehosting .carousel-control .icon-next, .slidehosting .carousel-control .glyphicon-chevron-left, .slidehosting .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block
}

.slidehosting .carousel-control .icon-prev, .slidehosting .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.slidehosting .carousel-control .icon-prev:before {
    content: '‹'
}

.slidehosting .carousel-control .icon-next:before {
    content: '›'
}

.slidehosting .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
}

.slidehosting .carousel-indicators li {
    background: #b6b6b6;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 0
}

.slidehosting .carousel-indicators .active {
    background: #ff4343;
    margin: 0;
    width: 12px;
    height: 12px
}

.slidehosting .boxaslide {
    display: inline-block;
    padding-top: 110px
}

.slidehosting .boxslidedesc {
    display: inline-block;
    background: url('/Content/images/services-red.png') no-repeat center
}

.slidehosting .boxslidedesc ul {
    padding: 55px 60px
}

.slidehosting .boxslidedesc ul li {
    font-family: 'Open Sans';
    background: url('/Content/images/white-check.png') no-repeat 5px 5px;
    color: #fff;
    padding-left: 45px;
    list-style: none;
    margin-bottom: 15px;
    line-height: 25px
}

.slidebanggiatenmien {
    color: #606060;
    line-height: 25px;
    padding-top: 50px;
    padding-bottom: 50px
}

.slidebanggiatenmien .carousel {
    position: relative
}

.slidebanggiatenmien .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.slidebanggiatenmien .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.slidebanggiatenmien .carousel-inner > .item > a, .slidebanggiatenmien .carousel-inner > .item > a > a {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.slidebanggiatenmien .carousel-inner > .active, .slidebanggiatenmien .carousel-inner > .next, .slidebanggiatenmien .carousel-inner > .prev {
    display: block
}

.slidebanggiatenmien .carousel-inner > .active {
    left: 0
}

.slidebanggiatenmien .carousel-inner > .next, .slidebanggiatenmien .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.slidebanggiatenmien .carousel-inner > .next {
    left: 100%
}

.slidebanggiatenmien .carousel-inner > .prev {
    left: -100%
}

.slidebanggiatenmien .carousel-inner > .next.left, .slidebanggiatenmien .carousel-inner > .prev.right {
    left: 0
}

.slidebanggiatenmien .carousel-inner > .active.left {
    left: -100%
}

.slidebanggiatenmien .carousel-inner > .active.right {
    left: 100%
}

.slidebanggiatenmien .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10%;
    text-align: center
}

.slidebanggiatenmien .carousel-control.left {
}

.slidebanggiatenmien .carousel-control.left a {
    margin-top: 230px
}

.slidebanggiatenmien .carousel-control.right {
    left: auto;
    right: 0
}

.slidebanggiatenmien .carousel-control.right a {
    margin-top: 230px
}

.slidebanggiatenmien .carousel-control:hover, .slidebanggiatenmien .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.slidebanggiatenmien .carousel-control .icon-prev, .slidebanggiatenmien .carousel-control .icon-next, .slidebanggiatenmien .carousel-control .glyphicon-chevron-left, .slidebanggiatenmien .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block
}

.slidebanggiatenmien .carousel-control .icon-prev, .slidebanggiatenmien .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.slidebanggiatenmien .carousel-control .icon-prev:before {
    content: '‹'
}

.slidebanggiatenmien .carousel-control .icon-next:before {
    content: '›'
}

.slidebanggiatenmien .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
}

.slidebanggiatenmien .carousel-indicators li {
    background: #b6b6b6;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 0
}

.slidebanggiatenmien .carousel-indicators .active {
    background: #ff4343;
    margin: 0;
    width: 12px;
    height: 12px
}

.slidebanggiatenmien .boxaslide {
    display: inline-block
}

.slidebanggiatenmien .boxslidedesc {
    font-family: 'Open Sans';
    display: inline-block;
    font-size: 16px
}

.slidebanggiatenmien .boxslidedesc a {
    font-weight: bold
}

.slidebanggiatenmien .boxslidedesc ul {
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.slidebanggiatenmien .boxslidedesc ul li {
    background: url('/Content/images/iconliorange.png') no-repeat 0 7px;
    padding-left: 20px;
    list-style: none;
    line-height: 25px;
    margin-bottom: 7px
}

.slidebanggiatenmien .btn-slide-green {
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 40px;
    text-align: center;
    background: #9acf1c;
    outline: none;
    text-decoration: none;
    margin-left: 20px
}

.content-thuvien-ma-nguon ul {
    margin-top: 50px
}

.content-thuvien-ma-nguon ul li {
    list-style: none;
    float: left;
    margin-bottom: 25px
}

.title36 {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    margin: 25px 0
}

.subtitle16 {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px
}

.parallax {
    overflow: hidden;
    position: relative
}

.parallax_image, .parallax_pattern {
    background-position: center center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform
}

.parallax_image {
    background-repeat: no-repeat;
    background-size: cover
}

.parallax_pattern {
    background-repeat: repeat
}

.parallax_cnt {
    position: relative
}

.parallax a.link {
    text-decoration: underline
}

.chon-tenmien-dichvu {
    background: #efefef;
    padding: 60px 0
}

.chon-tenmien-dichvu .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px
}

.chon-tenmien-dichvu .box-chon-tenmien {
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien {
    background: #fff;
    height: 315px;
    padding: 20px
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .title-box {
    width: 100%;
    height: 55px;
    border-bottom: 1px dotted #b2b2b2
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .title-box label {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    width: 96%;
    padding-left: 74px;
    padding-top: 15px;
    height: 64px;
    left: 13px;
    top: 3px
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .content-box {
    color: #787878;
    padding: 20px;
    position: relative
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .content-box select {
    position: absolute;
    border: 1px solid #ebebeb;
    right: 29px;
    top: 29px
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .content-box .txt-nhaptenmien {
    font-family: 'Roboto Condensed';
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 16px;
    color: #787878;
    border: 1px solid #ebebeb;
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .content-box .btn-red {
    font-family: 'Roboto Condensed';
    background: #ff4343;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    outline: none;
    text-decoration: none;
    width: 100%;
    border: none
}

.chon-tenmien-dichvu .thu-nho {
    height: 69px;
    overflow: hidden
}

.chon-tenmien-dichvu .radio-soft {
    padding-left: 0
}

#loadingaction {
    display: none
}

#loadingaction a {
    width: 35px
}

#box-container-warning {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    right: 0;
    font-family: 'Open Sans';
    z-index: 999999999;
    display: none
}

.dialog-warning {
    background: #fff;
    max-width: 470px;
    position: relative;
    padding: 30px;
    text-align: center;
    margin: 10% auto auto
}

.dialog-warning .close-warning-btn {
    background: url('/Content/images/btn-close-warning.png') no-repeat center;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.dialog-warning .a-warning {
    background: url('/Content/images/icon-ok.png') no-repeat center;
    width: 100%;
    height: 130px
}

.dialog-warning .message p {
    font-size: 18px;
    line-height: 25px
}

.dialog-warning .control-box {
    padding-top: 10px
}

.dialog-warning .control-box input[type=button] {
    background: #ff4343;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    border: none
}

.bootbox button.close {
    background: url('/Content/images/btn-close-warning.png') no-repeat center;
    width: 35px;
    height: 35px;
    opacity: 1;
    font-size: 0;
    position: absolute;
    top: 10px;
    right: 0
}

.bootbox .modal-dialog {
    max-width: 400px
}

.bootbox .bootbox-body {
    background: url('/Content/images/icon-warning.png') no-repeat center 30px;
    font-family: "Open Sans";
    font-size: 15px;
    height: auto;
    line-height: 25px;
    text-align: center;
    padding: 120px 10px 0 0
}

.bootbox .bootbox-body-ok {
    background: url('/Content/images/icon-ok.png') no-repeat center 30px
}

.bootbox .modal-footer {
    display: none
}

.bootbox .modal-content {
    border-radius: 0
}

.box-top-doitac {
    font-family: 'Roboto Condensed';
    background-size: cover;
    background-color: #efefef;
    padding: 45px 20px
}

.box-top-doitac .title {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}

.box-top-doitac .desc {
    font-size: 18px;
    color: #787878
}

.box-ads-doitac {
    padding: 70px 20px
}

.box-ads-doitac .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.box-ads-doitac .bottom-title {
    margin: auto;
    text-align: center;
    height: 1px;
    background: #fff;
    width: 140px;
    margin-top: 15px;
    margin-bottom: 30px
}

.box-ads-doitac .item-ads-doitac {
    background: #ec7263;
    padding: 20px;
    height: 200px;
    margin-bottom: 30px
}

.box-ads-doitac .item-ads-doitac .header-ads-doitac {
}

.box-ads-doitac .item-ads-doitac .header-ads-doitac a {
    display: inline-block;
    vertical-align: top
}

.box-ads-doitac .item-ads-doitac .header-ads-doitac .header-ads-text {
    font-family: 'Roboto Condensed';
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 23px;
    padding-left: 15px;
    text-transform: uppercase
}

.box-ads-doitac .item-ads-doitac .ads-doitac-desc {
    font-family: 'Open Sans';
    margin-top: 20px;
    font-size: 14px;
    line-height: 23px;
    color: rgba(255, 255, 255, .85)
}

.box-banggiadaily {
    padding: 70px 10px
}

.box-banggiadaily .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    text-align: center
}

.box-banggiadaily .bottom-title {
    margin: auto;
    text-align: center;
    height: 1px;
    background: #363636;
    width: 140px;
    margin-top: 15px;
    margin-bottom: 60px
}

.box-banggiadaily .table-main {
    color: #363636;
    font-family: 'Open Sans';
    font-size: 14px
}

.box-banggiadaily .table-main tr {
    border: none !important
}

.box-banggiadaily .table-main tr td {
    border: none !important
}

.box-banggiadaily .table-main tr th {
    border: none !important
}

.box-banggiadaily .table-main .td-header {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 18px
}

.box-banggiadaily .table-main thead tr th:nth-child(2) {
    background: #42bacc
}

.box-banggiadaily .table-main thead tr th:nth-child(3) {
    background: #9acf1c
}

.box-banggiadaily .table-main thead tr th:nth-child(4) {
    background: #ffc600
}

.box-banggiadaily .table-main thead tr th:nth-child(5) {
    background: #ff4343
}

.box-banggiadaily .table-main thead {
    font-family: 'Roboto Condensed'
}

.box-banggiadaily .table-main thead .htitle {
    display: block;
    color: #fff;
    font-size: 20px
}

.box-banggiadaily .table-main thead .hdesc {
    display: block;
    color: rgba(255, 255, 255, .85)
}

.box-banggiadaily .table-main thead th:not(:first-child) {
    text-align: center;
    width: 195px;
    padding: 10px 0;
    font-weight: normal
}

.box-banggiadaily .bangiadailymobile.table-main tr td:first-child {
    max-width: 370px;
    width: 50%
}

.box-banggiadaily .table-main tr td:first-child {
    max-width: 370px
}

.box-banggiadaily .table-main tbody tr td {
    height: 50px;
    line-height: 50px
}

.box-banggiadaily .table-main tr td:not(:first-child) {
    text-align: center
}

.box-banggiadaily .bangiadailymobile.table-main tr td:not(:first-child) {
    text-align: right;
    width: 50%
}

.box-banggiadaily .table-main tbody tr:nth-child(even) {
    background: #fff
}

.box-banggiadaily .table-main tbody tr:nth-child(odd) {
    background: #fbfbfb
}

.box-banggiadaily .matbao-button {
    background-color: #42bacc;
    font-family: 'Roboto Condensed';
    padding: 10px 50px;
    margin-top: 10px
}

.box-banggiadaily .matbao-button span:first-child {
    font-size: 20px
}

.box-banggiadaily .matbao-button span:last-child {
    font-size: 14px
}

.line-height-20 {
    line-height: 20px
}

.box-tuvanhotro {
    padding: 60px 20px;
    background: #f5f5f5
}

.box-tuvanhotro .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center
}

.box-tuvanhotro .bottom-title {
    margin: auto;
    text-align: center;
    height: 1px;
    background: #363636;
    width: 140px;
    margin-top: 15px;
    margin-bottom: 60px
}

.box-tuvanhotro .item-tuvan-hotro {
    background: #fff;
    padding: 15px 0;
    font-family: 'Open Sans';
    margin-bottom: 20px
}

.box-tuvanhotro .item-tuvan-hotro .icon-area {
    padding-left: 20px;
    display: inline-block
}

.box-tuvanhotro .item-tuvan-hotro .icon-area a {
    vertical-align: text-bottom
}

.box-tuvanhotro .item-tuvan-hotro ul {
    display: inline-block;
    list-style: none
}

.box-tuvanhotro .item-tuvan-hotro ul li {
    display: block;
    font-size: 14px;
    line-height: 25px
}

.box-tuvanhotro .item-tuvan-hotro ul li:first-child {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    margin-bottom: 10px
}

.box-tuvanhotro .item-tuvan-hotro ul li .titleitem {
    display: inline-block;
    width: 70px
}

.doitacdangky {
    padding: 45px 20px;
    font-family: 'Open Sans'
}

.doitacdangky .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}

.doitacdangky .form-group {
    margin-bottom: 20px
}

.doitacdangky .control-label {
    color: #363636;
    font-size: 16px
}

.doitacdangky input[type=text] {
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    border: 1px solid #dedede;
    background: #fff;
    border-radius: 0;
    font-style: italic
}

.doitacdangky .btndangky {
    background: #ff4343;
    color: #fff;
    font-size: 18px;
    padding: 0 50px;
    height: 50px;
    text-align: center;
    border-radius: 0;
    border: none;
    margin-top: 25px;
    font-family: 'Roboto Condensed'
}

.box-dieukienthamgia {
    background: url('/Content/images/information-daily.png') no-repeat left 3px;
    margin-top: 60px
}

.box-dieukienthamgia .title {
    font-family: 'Roboto Condensed';
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    padding-left: 60px;
    margin-bottom: 20px
}

.box-dieukienthamgia ul {
    padding-left: 60px;
    list-style: none
}

.box-dieukienthamgia ul li {
    margin-bottom: 20px
}

.box-dieukienthamgia ul li:not(:first-child):not(:last-child) {
    background: url('/Content/images/bulletsdkdaily.png') no-repeat left 5px;
    padding-left: 25px
}

.box-dieukienthamgia ul li:first-child, .box-dieukienthamgia ul li:last-child {
    line-height: 23px
}

.box-dieukienthamgia ul li a {
    text-transform: uppercase;
    color: #0e32a9
}

.box-dichvutratruoctop {
    background: #f7f7f7;
    padding: 50px 10px 30px 10px
}

.box-dichvutratruoctop .title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px
}

.box-dichvutratruoctop .subtitle {
    margin-bottom: 20px;
    font-family: 'Roboto Condensed';
    font-size: 24px;
    text-align: center
}

.box-dichvutratruoctop .desc {
    font-family: 'Open Sans';
    font-size: 14px;
    text-align: center;
    line-height: 23px
}

.ads-dichvutratruoc {
    background: #fff;
    padding: 30px 10px
}

.ads-dichvutratruoc .title {
    font-family: 'Roboto Condensed';
    color: red;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px
}

.ads-dichvutratruoc ul {
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 40px
}

.ads-dichvutratruoc ul li {
    background: url('/Content/images/Checkdvtratruoc.png') no-repeat left 3px;
    padding-left: 40px;
    display: inline-block;
    line-height: 23px;
    font-size: 14px;
    font-family: 'Open Sans'
}

.ads-dichvutratruoc .boxcontrol {
    margin-top: 50px;
    text-align: center
}

.ads-dichvutratruoc .boxcontrol .btnaction {
    font-family: 'Roboto Condensed';
    background: #ff4343;
    padding: 0 45px;
    color: #fff;
    text-align: center;
    height: 45px;
    border: none;
    font-size: 18px
}

.dichvutratruoc-tienich {
    padding: 45px 10px 15px 10px
}

.dichvutratruoc-tienich .item-tienich {
    background: #f26175;
    margin-bottom: 30px;
    padding: 30px;
    color: #fff
}

.dichvutratruoc-tienich .item-tienich .headerbox {
    margin-bottom: 5px
}

.dichvutratruoc-tienich .item-tienich .headerbox a {
    vertical-align: top;
    display: inline-block
}

.dichvutratruoc-tienich .item-tienich .headerbox .headertext {
    font-family: 'Roboto Condensed';
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase
}

.dichvutratruoc-tienich .item-tienich .desc {
    font-family: 'Open Sans';
    color: rgba(255, 255, 255, .85)
}

.tooltipidpt, .mbtooltip {
    background: url('/Content/images/more-info.png') no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block
}

.mbtooltip-normal {
    background: url('/Content/images/more-info-normal.png') no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block
}

.mbtooltip-promotion {
    background: url('/Content/images/icon-khuyen-mai-cloudsever.png') no-repeat center;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -5px;
    z-index: 99999;
    position: relative
}

.mbtooltip-normal:hover {
    background: url('/Content/images/more-info.png') no-repeat center
}

.mbtooltip-normal + .tooltip > .tooltip-inner {
    background-color: #ff8714;
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 10px;
    color: #fff;
    border-radius: 0;
    min-width: 350px
}

.tooltipidpt + .tooltip > .tooltip-arrow, .mbtooltip-normal + .tooltip > .tooltip-arrow {
    border-bottom-color: #ff8714;
    font-size: 60px
}

.tooltipidpt + .tooltip > .tooltip-inner, .mbtooltip + .tooltip > .tooltip-inner {
    background-color: #ff8714;
    font-family: 'Open Sans';
    font-size: 12px;
    font-style: italic;
    padding: 10px;
    color: #fff;
    border-radius: 0;
    max-width: 560px
}

.mbtooltip + .tooltip > .tooltip-arrow {
    margin-top: 0;
    border-bottom-color: #ff8714;
    font-size: 60px
}

.tooltip.fade.bottom.in {
    padding-top: 5px
}

.register-hosting .tooltip > .tooltip-inner {
    min-width: 100px;
    width: auto;
    margin-left: -20px
}

.description-service .mbtooltip-normal {
    margin-left: 5px;
    vertical-align: baseline
}

.description-service .tooltip > .tooltip-arrow {
}

.bg-primary {
    background: none
}

.gotobottom {
    cursor: pointer
}

#box-container-warning .dialog-warning {
    background: #efefef;
    max-width: 768px;
    position: relative;
    padding: 30px;
    text-align: center;
    margin: 3% auto auto;
    min-height: 230px
}

.ten-mien-de-xuat .list-ten-mien-de-xuat #DivForAppendWhoisBaoVay {
    height: 300px;
    overflow: scroll;
    padding-right: 0;
    padding-left: 15px;
    padding-top: 5px
}

.ten-mien-de-xuat .list-ten-mien-de-xuat .matbao-label-2 {
    text-align: left;
    padding-left: 15px
}

.dichvucongthem-item-combo {
    padding-top: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    display: inline-block;
    padding-bottom: 20px;
    width: 100%
}

.combo-disabled, .combo-disabled .btn-muathemdichvu-combo {
    opacity: .5;
    cursor: not-allowed
}

.combo-disabled .btn-muathemdichvu-combo {
    cursor: not-allowed
}

.dichvucongthem-item-combo:not(:last-child) {
    border-bottom: 1px dotted #b2b2b2;
    margin-bottom: 20px
}

.dichvucongthem-item-combo .tieude-combo {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left
}

.dichvucongthem-item-combo .mota-combo {
    font-family: 'Open Sans';
    font-size: 14px;
    color: red;
    font-style: italic;
    text-align: left
}

.dichvucongthem-item-combo .giacombo {
    font-size: 14px
}

.dichvucongthem-item-combo .giacombo .giagoccombo {
    color: #989898;
    font-size: 15px
}

.dichvucongthem-item-combo .giacombo .sotien {
    text-decoration: line-through
}

.dichvucongthem-item-combo .giacombo .giasaukhuyenmaicombo {
    color: #ff7200;
    font-size: 18px
}

.dichvucongthem-item-combo .chitietcombo {
    margin: 40px 0;
    margin-bottom: 60px
}

.dichvucongthem-item-combo .chitietcombo .chitietcombo-item {
    display: inline-block;
    font-size: 16px;
    color: #000;
    position: relative;
    width: 150px
}

.dichvucongthem-item-combo .chitietcombo .chitietcombo-item .title-item-combo {
    position: absolute;
    top: 45px;
    left: 0;
    text-align: center;
    width: 150px
}

.dichvucongthem-item-combo .chitietcombo .chitietcombo-plus {
    display: inline-block;
    background: url('/Content/images/Combo/daucongmuathemdichvu.png') no-repeat center;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 23px
}

.dichvucongthem-item-combo .chitietcombo .item-combo-domain {
    background: url('/Content/images/Combo/icon-combo-domain.png') no-repeat center;
    height: 54px
}

.dichvucongthem-item-combo .chitietcombo .item-combo-hosting {
    background: url('/Content/images/Combo/icon-combo-hosting.png') no-repeat center;
    height: 54px
}

.dichvucongthem-item-combo .chitietcombo .item-combo-emailpro {
    background: url('/Content/images/Combo/icon-combo-email.png') no-repeat center;
    height: 57px
}

.dichvucongthem-item-combo .chitietcombo .item-combo-ssl {
    background: url('/Content/images/Combo/icon-combo-ssl.png') no-repeat center;
    height: 57px
}

.dichvucongthem-item-combo .chitietcombo .item-combo-chili {
    background: url('/Content/images/Combo/icon-combo-chili.png') no-repeat center;
    height: 43px
}

.dichvucongthem-item-combo .giacombo .donvicombo {
    font-size: 18px
}

.dichvucongthem-item-combo .controlcombo {
    text-align: center
}

.dichvucongthem-item-combo .controlcombo .btn-muathemdichvu-combo {
    height: 45px;
    font-size: 18px;
    padding: 0 20px;
    border: none;
    margin-right: 10px
}

.dichvucongthem-item-combo .controlcombo .btn-muathemdichvu-combo:hover {
    color: #363636
}

.dichvucongthem-item-combo .controlcombo .btnchoncombo {
    background: #9acf1c;
    color: #fff
}

.dichvucongthem-item-combo .controlcombo .btnhuycombo {
    background: #b7b7b7;
    color: #fff
}

.chontenmien-combo {
    display: inline-block;
    text-align: left;
    width: 100%;
    font-size: 17px
}

.chontenmien-combo .message-chontenmien {
    display: inline-block;
    color: #363636;
    text-align: left;
    margin-left: -15px;
    line-height: 40px;
    font-family: 'Open Sans';
    font-size: 14px
}

.chontenmien-combo .dropdownchontenmien-combo {
    padding-top: 0 !important;
    display: inline-block;
    position: relative;
    margin-left: 15px;
    padding-right: 5px !important
}

.chontenmien-combo .dropdownchontenmien-combo .selectedvalue {
    width: 100%;
    border: 1px solid #ccc;
    padding: 7px 15px;
    margin-left: 5px;
    cursor: pointer;
    background: url('/Content/images/Combo/arrow-chontenmien-combo.png') no-repeat right center;
    background-position-x: 96%
}

.chontenmien-combo .dropdownchontenmien-combo .optionbox {
    position: absolute;
    top: 39px;
    width: 100%;
    background: #f8f8f8;
    left: 20px;
    border: 1px solid #ccc;
    padding-top: 0 !important;
    margin-top: 0;
    display: none;
    z-index: 999
}

.chontenmien-combo .dropdownchontenmien-combo .item-chontenmiencombo {
    width: 100%;
    padding-left: 15px;
    display: block;
    border-bottom: 1px solid #ccc;
    line-height: 37px;
    padding-top: 0 !important;
    cursor: pointer
}

.tooltip-goidichvucombotenmien {
    position: absolute;
    bottom: 5px;
    right: 15px
}

.item-combo-emailpro .tooltip-goidichvucombotenmien {
    right: 20px
}

.menu-gotocart {
    cursor: pointer
}

.box-khuyenmailienket {
    background: #f5f5f5
}

.box-khuyenmailienket h1 {
    color: #363636;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold
}

.box-khuyenmailienket .mota-chung {
    color: #787878;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    padding: 0 5%;
    margin-bottom: 50px
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .logo-doitac {
    width: 100%;
    vertical-align: middle
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item {
    margin-bottom: 30px
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .logo-doitac a {
    margin-bottom: 25px;
    height: 40px
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body {
    background: #fff;
    padding: 25px
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .tenchuongtrinh {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    height: 60px;
    overflow: hidden
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .quangcao {
    display: inline-block;
    color: #ff4200;
    font-size: 36px;
    font-weight: bold;
    margin: 10px 0 0 0;
    line-height: 40px;
    height: 85px;
    overflow: hidden
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .motatomtat {
    font-size: 16px;
    color: #363636;
    margin: 10px 0;
    height: 45px;
    overflow: hidden
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .motatomtat .xemthem-kmlk {
    color: #0092c8;
    text-decoration: underline;
    margin-left: 15px
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .control-box-kmlk {
    text-align: center
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .control-box-kmlk .btn-nhanmakhuyenmai {
    background: #9acf1c;
    color: #fff;
    font-size: 18px;
    border: none;
    height: 50px;
    line-height: 50px;
    width: 100%
}

.box-khuyenmailienket .danhsach-kmlk .kmlk-item .kmlk-body .control-box-kmlk .btn-nhanmakhuyenmai:hover {
    color: #fff
}

.box-khuyenmailienket .body-chitiet-kmlk {
    padding: 15px
}

.box-khuyenmailienket #box-chitiet-kmlk {
    display: none
}

.box-khuyenmailienket #box-chitiet-kmlk .body-chitiet-kmlk {
    background: #fffbcc;
    border: 1px solid #c5c5b0;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    position: relative
}

.box-khuyenmailienket #box-chitiet-kmlk .body-chitiet-kmlk .tenchuongtrinh-chitiet {
    font-size: 30px;
    color: #ff4200;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: bold
}

.box-khuyenmailienket #box-chitiet-kmlk .body-chitiet-kmlk .motachitiet {
    color: #414042;
    font-size: 18px
}

.box-khuyenmailienket #box-chitiet-kmlk .body-chitiet-kmlk .close-chitiet-kmlk {
    width: 15px;
    height: 15px;
    background: url('/Content/images/PartnerDeal/close-chitietkmlk.png') no-repeat center;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.landingpage-km-top {
    margin-bottom: 45px;
    height: 417px
}

.landingpage-km-tenmien-top {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-tenmien-bg.jpg') no-repeat center;
    background-size: cover
}

.landingpage-km-ssl-top {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-ssl-bg.jpg') no-repeat center;
    background-size: cover
}

.landingpage-km-cloudserver-top {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-cloud-server-bg.jpg') no-repeat center;
    background-size: cover
}

.landingpage-km-email-top {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-email-bg.jpg') no-repeat center;
    background-size: cover
}

.landingpage-km-hosting-top {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-hosting-bg.jpg') no-repeat center;
    background-size: cover
}

.landingpage-km-desc {
    font-size: 16px;
    color: #57585c;
    margin-bottom: 45px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien {
    width: 800px;
    height: 190px;
    margin-bottom: 50px;
    position: relative
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-com {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-com.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-net {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-net.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-xyz {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-xyz.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-top {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-top.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-vn {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-vn.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-biz {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-biz.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-company {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-company.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-comvn {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-comvn.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-info {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-info.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-netvn {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-netvn.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-org {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-org.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-online {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-online.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-site {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-site.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-space {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-space.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-store {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-store.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-website {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-box-tenmien-website.png') no-repeat center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-domainname {
    background: #fff;
    width: 170px;
    height: 170px;
    border-radius: 170px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-domainname a {
    margin-top: 67px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-com .area-domainname a {
    margin-top: 65px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-net .area-domainname a {
    margin-top: 55px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-xyz .area-domainname a {
    margin-top: 50px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-top .area-domainname a {
    margin-top: 50px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien.km-tenmien-vn .area-domainname a {
    margin-top: 50px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-price {
    padding-left: 220px;
    margin-top: 40px;
    display: inline-block
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-price .giamoi {
    color: #ec3138;
    line-height: 35px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-price .giamoi .giatien {
    font-size: 34px;
    font-weight: bold
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-price .giamoi .thoihan {
    color: #ec3138;
    font-size: 32px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-price .giacu {
    color: #ec3138;
    font-size: 32px;
    text-decoration: line-through;
    line-height: 35px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai {
    margin-top: 40px;
    text-align: center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai .makhuyenmai {
    display: block;
    color: #58595b;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #f4a335;
    width: 95px;
    height: 32px;
    line-height: 30px;
    text-align: center
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai .textmakhuyenmai {
    display: block;
    color: #58595b;
    font-size: 12px;
    font-style: italic;
    margin-top: 2px
}

.ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai .btn-muangay-khuyenmai {
    display: block;
    margin-top: 5px;
    background: #d61e1f;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-decoration: none
}

.landingpage-km-note {
    margin-top: 20px;
    color: #808285;
    text-align: center;
    margin-bottom: 30px
}

.landingpage-km-note .note-title {
    color: #57585c;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px
}

.landingpage-km-note p {
    margin-bottom: 5px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item {
    border: 5px solid red;
    border-radius: 8px;
    padding: 35px;
    position: relative;
    margin-bottom: 15px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-icon {
    display: inline-block;
    vertical-align: top
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin {
    display: inline-block;
    margin-top: 30px;
    margin-left: 15px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-hosting {
    margin-top: 0
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-email {
    margin-top: 0
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-cloudserver {
    margin-top: 0
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-hosting .item-chitiet {
    line-height: 37px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-cloudserver .item-chitiet {
    line-height: 37px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin-cloudserver {
    margin-top: 23px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin .item-title {
    font-size: 28px;
    color: #58595b;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin .item-chitiet {
    color: #ec3138;
    font-size: 25px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin .item-chitiet .item-chitiet-price {
    font-weight: bold;
    font-size: 37px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin .item-chitiet .giacucombo {
    display: block;
    text-decoration: line-through;
    font-size: 26px;
    font-weight: normal
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin .thoihandangky {
    color: #58595b;
    font-size: 15px;
    font-style: italic;
    padding-left: 40px;
    margin-top: -10px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-makhuyenmai {
    position: absolute;
    top: 152px;
    right: 106px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item-single .item-makhuyenmai {
    top: 110px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item-single-hosting .item-makhuyenmai {
    top: 69px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item-single-email .item-makhuyenmai {
    top: 77px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item-single-server .item-makhuyenmai {
    top: 70px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai {
    margin-bottom: 20px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-makhuyenmai .box-makhuyenmai {
    display: inline-block;
    margin-right: 15px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai .note-cloudserver {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    font-style: italic
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-makhuyenmai .box-makhuyenmai .makhuyenmai {
    display: block;
    color: #58595b;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #f4a335;
    width: 85px;
    height: 32px;
    line-height: 30px;
    text-align: center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-makhuyenmai .box-makhuyenmai .textmakhuyenmai {
    display: block;
    color: #58595b;
    font-size: 12px;
    font-style: italic;
    margin-top: 2px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-makhuyenmai .btn-muangay-khuyenmai {
    display: inline-block;
    margin-top: 5px;
    background: red;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 130px;
    height: 32px;
    line-height: 30px;
    vertical-align: top;
    margin-top: 0;
    text-decoration: none
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu {
    display: block
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item {
    color: #58595b;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    width: 90px;
    vertical-align: top;
    line-height: 20px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item .item-tennhom {
    font-weight: bold;
    margin-top: 95px;
    text-transform: uppercase
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-email .item-tennhom {
    margin-top: 110px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-hosting-big .item-tennhom {
    margin-top: 125px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-email-big .item-tennhom {
    margin-top: 125px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item .item-tengoi {
    font-style: italic
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-chili {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-chili.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-email {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-email-normal.png') no-repeat top center;
    margin-top: -15px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-tenmien {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-tenmien-small.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-hosting {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-hosting-small.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-email-small {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-email-small.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-ssl-small {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-ssl-small.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-chili-small {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-chili-small.png') no-repeat top center;
    background-size: 99%
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-server-small {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-server-small.png') no-repeat top center;
    width: 210px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-hosting-big {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-hosting-big.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-email-big {
    background: url('/Content/images/RecommendKhuyenMai/landingpage-km-icon-email-big.png') no-repeat top center
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-plus {
    display: inline-block;
    width: 120px;
    text-align: center;
    color: #ec1c23;
    font-size: 24px;
    vertical-align: top;
    margin-top: 30px;
    font-weight: bold
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-plus-small {
    width: 40px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-plus-big {
    margin-top: 40px;
    width: 150px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-result {
    float: right;
    display: inline-block;
    width: 50px;
    text-align: right;
    color: #ec1c23;
    font-size: 24px;
    vertical-align: top;
    margin-top: 30px;
    font-weight: bold;
    padding-right: 15px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-result-big {
    margin-top: 40px;
    width: 150px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-tongtien {
    vertical-align: top;
    display: inline-block;
    color: #ec3138;
    margin-top: 9px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-tongtien-big {
    margin-top: 20px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-tongtien-small {
    margin-top: 11px;
    float: right
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-tongtien .giatien {
    font-size: 36px;
    font-weight: bold
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-tongtien .donvi {
    font-size: 24px
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-tongtien .giacu {
    font-size: 24px;
    text-decoration: line-through;
    width: 100%;
    text-align: center;
    margin-top: -10px
}

.suggest-search-google {
    font-family: 'Open Sans'
}

.txt-whois-tenmien-combo {
    font-family: 'Roboto Condensed';
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 16px;
    color: #787878;
    border: 1px solid #ebebeb;
    display: block;
    width: 80%;
    margin-bottom: 20px;
    float: left
}

#box-container-warning .dialog-warning-combo {
    min-height: 150px
}

#box-container-warning .dialog-warning-combo .morong-tenmien {
    color: #ff4343
}

#box-container-warning .dialog-warning-combo-ssl {
    min-height: 260px
}

.btn-whois-tenmiencombo {
    font-family: 'Roboto Condensed';
    background: #ff4343;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    outline: none;
    text-decoration: none;
    width: 100%;
    border: none;
    float: right;
    width: 120px
}

.box-chontenmien-combo .box-chon-tenmien {
    padding-right: 0;
    margin-left: -10px;
    margin-top: 10px
}

.box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien {
    background: #fff;
    padding: 20px
}

.box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien .title-box {
    width: 100%;
    height: 55px;
    border-bottom: 1px dotted #b2b2b2
}

.box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien .title-box label {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    width: 96%;
    padding-left: 74px;
    padding-top: 15px;
    height: 64px;
    left: 13px;
    top: 5px;
    text-align: left
}

.box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien .content-box .txt-nhaptenmien {
    font-family: 'Roboto Condensed';
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 16px;
    color: #787878;
    border: 1px solid #ebebeb;
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien .content-box .btn-red {
    font-family: 'Roboto Condensed';
    background: #ff4343;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    outline: none;
    text-decoration: none;
    width: 100%;
    border: none
}

.box-chontenmien-combo .thu-nho {
    height: 69px;
    overflow: hidden
}

.box-chontenmien-combo .content-box {
    display: inline-block;
    width: 100%;
    padding-top: 15px
}

.box-chontenmien-combo .content-box > div:nth-child(0) {
    padding-left: 0
}

.box-chontenmien-combo .content-box > div:nth-child(1) {
    padding-right: 0
}

.box-chontenmien-combo .txt-nhaptenmien {
    margin-bottom: 0 !important
}

.box-chontenmien-combo .btn-red {
    margin-bottom: 0 !important
}

.box-chontenmien-combo .ten-mien-de-xuat {
    margin-top: 20px !important;
    width: 100%
}

.color-red {
    color: red
}

.landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-hosting .item-title, .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-email .item-title, .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-cloudserver .item-title {
    font-size: 27px !important
}

.ajs-top {
    z-index: 999999999
}

.boxaction-chuyendoi-tenmien {
    background: url('/Content/images/background-transperent.png');
    padding: 15px 16px;
    margin-top: 25px
}

.boxaction-chuyendoi-tenmien .txt-nhaptenmien {
    width: 100%;
    border: none;
    height: 45px;
    margin-left: -30px;
    color: #363636;
    padding-left: 10px;
    font-size: 20px
}

.btn-action-chuyendoitenmien {
    background: #8ccb46;
    border: none;
    font-size: 20px;
    padding: 8px 15px;
    font-family: 'Roboto Condensed';
    margin-right: -30px;
    width: 100%
}

.selectthoihanserver {
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 85%;
    padding-left: 10px
}

.selectthoihanserver option {
    height: 40px;
    line-height: 40px
}

.footer-company-info ul li {
    list-style-type: none;
    padding-left: 0;
    margin-left: -25px;
    margin-bottom: 15px
}

.footer-company-info ul li a {
    color: #d6d2d2
}

.control-header-bot {
    background: #3b4c53;
    padding-left: 0;
    padding-right: 0;
    position: relative !important
}

.control-header-bot div {
    display: inline-block;
    border-right: 1px solid #8c8d8d;
    text-align: center;
    position: relative !important
}

.control-header-bot div:last-child {
    border-right: none
}

.control-header-bot a {
    height: 60px;
    line-height: 60px;
    position: relative
}

.motakhachhang {
    font-size: 16px;
    text-transform: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 26px;
    font-weight: normal
}

.havemotakhachhang {
    line-height: 95px !important
}

.email-pro .havemotakhachhang {
    line-height: 50px !important
}

.email-pro .motakhachhang {
    top: 46px
}

.choose-language-mobile {
    margin-bottom: 0 !important;
    display: inline-block !important;
    width: 100%;
    text-align: center
}

.choose-language-mobile a {
    width: 22px;
    vertical-align: top;
    margin-right: 2px;
    display: inline-block
}

.choose-language-mobile select {
    border: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    width: 130px;
    text-align: center;
    color: #333;
    background: #ccc
}

.ngonnguhientai {
    font-weight: bold;
    margin-top: 2px;
    display: inline-block;
    cursor: pointer;
    display: inline-block;
    position: relative
}

ul.chonngongumobile {
    background: #fff;
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-left: 25px;
    display: none
}

ul.chonngongumobile li {
    list-style-type: none;
    color: #000;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    font-weight: bold
}

.ngonnguhientai .ngonngudachon {
    margin-top: 2px;
    display: inline-block
}

.selectphongbankhieunai {
    width: 100%;
    border: 1px solid #ccc;
    height: 43px;
    line-height: 43px;
    padding-left: 5px;
    font-size: 16px
}

.btnsubmitguihotro {
    background: #999 !important;
    color: #fff
}

div.wiki-article ul, div.wiki-article ol {
    margin-top: 5px !important;
    padding-left: 5px !important
}

div.wiki-article pre {
    margin: 10px 10px 0 0 !important
}

.contentguiyeucauhotro {
    display: none;
    margin-top: -1px
}

.navbar-default .navbar-toggle {
    padding-left: 13px
}

@media (max-width: 991px)and (min-width: 768px) {
    .nav-bottom {
        height: 90px
    }

    .nav-bottom label {
        font-weight: normal;
        font-size: 16px;
        font-family: 'Roboto Condensed', sans-serif
    }

    .nav-bottom p {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto Condensed', sans-serif
    }
}

@media (max-width: 1024px) {
    .dichvucongthem-item-combo .chitietcombo .chitietcombo-item {
        background-size: 100%;
        width: 30px;
        margin-bottom: 10px
    }

    .dichvucongthem-item-combo .chitietcombo .chitietcombo-item .title-item-combo {
        top: 30px;
        width: 30px
    }

    .dichvucongthem-item-combo .chitietcombo .chitietcombo-item.item-combo-chili .title-item-combo {
        padding-top: 6px
    }

    .dichvucongthem-item-combo .chitietcombo .chitietcombo-plus {
        background-size: 25%
    }

    .dichvucongthem-item-combo .chitietcombo .chitietcombo-item .title-item-combo .text-area {
        display: none
    }

    .chontenmien-combo .message-chontenmien {
        line-height: 25px;
        margin-bottom: 10px
    }

    .chontenmien-combo .dropdownchontenmien-combo {
        margin-left: -5px;
        padding-left: 0
    }

    .dichvucongthem-item-combo .chitietcombo {
        margin-bottom: 0;
        margin-top: 10px
    }

    .chontenmien-combo .dropdownchontenmien-combo .optionbox {
        top: auto !important;
        width: 70%;
        margin-left: 25px
    }

    .boxaction-chuyendoi-tenmien .content-box > div:first-child {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .boxaction-chuyendoi-tenmien .txt-nhaptenmien {
        margin-left: 0
    }

    .boxaction-chuyendoi-tenmien .content-box > div:nth-child(3) {
        width: 100%;
        padding-top: 15px;
        padding-right: 0
    }

    .btn-action-chuyendoitenmien {
        float: left
    }
}

@media (max-width: 767px) {
    .nav-bottom {
        background: none
    }

    footer .footer-copyright {
        margin-bottom: 0
    }

    #bgchat .col-xs-3 {
        width: 10% !important
    }

    ul.listhelpful li {
        padding: 20px 0 20px 0
    }

    ul.listhelpful li .helpful-title span {
        margin-left: 0 !important
    }

    .hosting-server-top .subtitle .link-tab-service {
        max-width: inherit;
        margin-bottom: 10px
    }

    .hosting-server-top .subtitle .mbtooltip {
        right: 29px
    }

    .boxbanggiatenmien .rowheader div, .boxbanggiatenmien .rowbody div {
        font-size: 14px !important;
        line-height: 19px;
        padding: 14px 0
    }

    .boxbanggiatenmien .rowbody div:first-child {
        font-size: 16px !important
    }

    .ten-mien-de-xuat .list-ten-mien-de-xuat .matbao-label-2 {
        font-size: 18px
    }

    .title-chon-ten-mien-cho-dv {
        font-size: 18px
    }

    .ten-mien-de-xuat .list-ten-mien-de-xuat #DivForAppendWhoisBaoVay {
        height: 214px
    }

    .boxdieukhoan a strong {
        border: none !important
    }

    .home-title {
        margin-top: 75px
    }

    .fix-menu-mobile {
        transition: top .2s ease-in-out;
        position: fixed !important;
        top: 56px;
        z-index: 99999999;
        width: 100%
    }

    navbar-header {
        transition: top .2s ease-in-out;
        position: fixed !important;
        top: 0;
        z-index: 99999999;
        width: 100%
    }

    .nav-header-up {
        top: -56px !important
    }

    .nav-up {
        top: -60px
    }

    .mb-sub-menu {
        margin-top: 116px
    }

    .showloginbox {
        display: inline-block !important
    }

    #header-row-nav {
        margin-top: -13px
    }

    .icon-pagewhois-result-timkiem {
        background: url('/Content/images/icon-pagewhois-result-timkiem.png') no-repeat 10px center;
        background-size: 23%;
        height: 44px;
        line-height: 44px;
        padding: 0;
        text-align: center;
        padding-left: 40px;
        min-height: 44px !important
    }

    .icon-pagewhois-result-tieptuc {
        background: url('/Content/images/icon-pagewhois-result-tieptuc.png') no-repeat 10px center;
        background-size: 20%;
        height: 44px;
        line-height: 44px;
        padding: 0;
        text-align: center;
        padding-left: 40px;
        min-height: 44px !important
    }

    #whoisdomaintext {
        min-height: 44px !important;
        font-size: 16px !important
    }

    .containermatbaocontrolmobile {
        padding-top: 5px !important;
        padding-bottom: 15px !important
    }

    .containermatbaocontrolmobile #loadingaction_new {
        display: none !important
    }

    .havemotakhachhang {
        line-height: 45px !important;
        padding-bottom: 22px
    }

    .email-pro .havemotakhachhang {
        position: relative
    }

    .email-pro .motakhachhang {
        top: 27px
    }

    .content-mail .drdchonbophankhieunai {
        height: 41px;
        border: solid 1px #bfbdbd;
        padding-left: 15px;
        width: 100%;
        font-size: 16px
    }

    .content-mail .drdchonbophankhieunai option {
        height: 41px;
        line-height: 41px;
        padding-left: 15px;
        width: 100%;
        font-size: 16px
    }

    .feedback .request .matbao-sale {
        margin-top: 10px;
        border-top: 1px solid #ccc;
        background: #fff
    }

    .spanloaidvmuathem {
        display: inline-block !important;
        width: 81px
    }

    .selectdvcongthemservermobile {
        display: inline-block !important;
        width: 72px;
        text-align: center
    }

    .btnsubmitguihotro {
        background: #ff4343 !important
    }

    div.wiki-article a.image {
        display: block;
        max-width: 100%;
        height: auto
    }

    .boxinputnhapmadonhang {
        margin-top: 0 !important
    }

    .btnkiemtradonhang {
        width: 100px !important
    }

    .boxfiltertenmien {
        border: 1px solid #363636
    }

    .contentguiyeucauhotro {
        display: inline-block
    }

    #header-row .navbar-collapse {
        position: absolute !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important
    }

    .headerlayout #header-row .navbar-collapse {
        top: -60px !important
    }

    .email-pro .email-title {
        margin-top: 50px !important
    }

    .banner, .slidekhuyenmai {
        margin-top: 60px
    }

    .btncontrolmenuclose {
        background: #5f7480 !important
    }

    .navbar-default .navbar-toggle:not(.collapsed) {
        border-top: 0;
        border-left: 0;
        padding-bottom: 14px !important;
        padding-left: 3px;
        padding-right: 0
    }

    .navbar-toggle:not(.collapsed) .icon-bar {
        margin-left: 15px
    }

    .navbar-toggle:not(.collapsed) .top-bar {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        -webkit-transform-origin: 10% 10%
    }

    .navbar-toggle:not(.collapsed) .middle-bar {
        opacity: 0
    }

    .navbar-toggle:not(.collapsed) .bottom-bar {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;
        -webkit-transform-origin: 10% 90%
    }

    .arrowdownloctenmien {
        float: right;
        padding-right: 7px
    }

    .tab-baovaytenmien .nav-tabs {
        margin-right: -45px
    }

    .tab-baovaytenmien .nav-tabs > li:first-child {
        padding-right: 0
    }

    .tab-baovaytenmien .nav-tabs > li:last-child {
        padding-right: 0;
        margin-left: -15px !important
    }
}

@media (max-width: 667px) {
    #bgchat .col-xs-3 {
        width: 12% !important
    }
}

@media (max-width: 568px) {
    #bgchat .col-xs-3 {
        width: 14% !important
    }

    .hosting-server-top .pricebox ul {
        list-style: none;
        padding-left: 0;
        width: 92% !important;
        margin: auto
    }
}

@media (max-width: 480px) {
    .hosting-server-top .pricebox ul {
        width: 92% !important
    }

    #bgchat .col-xs-3 {
        width: 16% !important
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai {
        padding: 0
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item {
        height: auto;
        text-align: center;
        background-size: 65%;
        width: 63px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-hosting {
        margin-top: 5px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item .item-tennhom {
        visibility: hidden;
        margin-top: 0
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item .item-tengoi {
        visibility: hidden;
        height: 45px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-plus {
        text-align: center;
        margin-bottom: 15px;
        margin-top: 0;
        padding-top: 18px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-result {
        display: none
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-makhuyenmai {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        padding-top: 25px;
        text-align: center
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item {
        padding: 20px 15px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-icon {
        display: none
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin .item-title {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 25px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-hosting, .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-email, .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin.item-thongtin-cloudserver {
        margin-bottom: 0;
        margin-left: 0
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-plus-small {
        width: 16px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-email-small {
        margin-top: 10px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .list-dichvu .dichvu-item-chili-small {
        margin-top: 16px
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien {
        background: none !important;
        width: auto;
        border: 5px solid red;
        border-radius: 8px;
        margin-bottom: 25px
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai .makhuyenmai {
        display: none
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai .textmakhuyenmai {
        display: none
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-domainname {
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        left: 0
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-domainname a {
        margin-top: 20px !important;
        width: 50%;
        max-height: 50px
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .gia-combo-mobile {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0
    }

    .ldp-khuyenmai-tenmien .item-khuyenmai-tenmien .area-makhuyenmai {
        margin-top: 15px
    }

    .gia-combo-mobile {
        font-size: 16px;
        margin-top: 15px
    }

    .tengoi-combo-mobile {
        font-weight: bold;
        color: #616161
    }

    .txt-whois-tenmien-combo {
        width: 60%
    }

    .btn-whois-tenmiencombo {
        width: 90px
    }

    .box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien .title-box label {
        font-size: 17px;
        padding-left: 40px
    }

    .box-chontenmien-combo .box-chon-tenmien .item-chon-tenmien .content-box .btn-red {
        font-size: 16px
    }

    .landingpage-danhsach-km-ssl .ldp-khuyenmai-item .item-thongtin {
        margin-top: 0
    }

    .modal {
        top: 100px
    }

    #topcontrol {
        display: none !important
    }
}

@media (max-width: 414px) {
    .hosting-server-top .pricebox ul {
        width: 92% !important
    }

    #bgchat .col-xs-3 {
        width: 20% !important
    }
}

@media (max-width: 375px) {
    .hosting-server-top .pricebox ul {
        width: 92% !important
    }

    #bgchat .col-xs-3 {
        width: 20% !important
    }
}

@media (max-width: 320px) {
    #bgchat .col-xs-3 {
        width: 25% !important
    }
}

@font-face {
    font-family: Roboto;
    src: url(/font/Roboto/Roboto-Light.ttf)
}

.dns-pro {
    background-color: #f4f4f4
}

.dns-pro a {
    font-size: 36px;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif
}

.dns-pro .thumbnail {
    border: none;
    background-color: transparent
}

.dns-pro .thumbnail-right {
    padding: 25px 5px 5px 5px
}

.dns-pro .thumbnail-left {
    padding: 0 40px 40px 40px
}

.dns-pro .content-dns-pro .thumbnail {
    background-color: #fff
}

.dns-pro .list-group-item {
    background-color: transparent;
    border: none
}

.dns-pro .btn-red {
    background: #ff4343;
    color: #fff;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: none;
    padding: 0 40px;
    width: 100%;
    max-width: 365px;
    font-family: 'Roboto Condensed', sans-serif
}

.dns-pro .title-dns {
    color: #ff981d;
    font-size: 30px;
    font-weight: bold
}

.dns-pro .price {
    font-weight: bold;
    font-size: 24px;
    color: #fe0002
}

.dns-pro p {
    color: #000;
    font-weight: 300
}

.dns-pro a {
    color: #303030;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif
}

.dns-pro .media-heading {
    color: #303030;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500
}

.dns-pro .media-left {
    width: 13%
}

.dns-pro .thumbnail-left .media {
    border-top: 1px dotted #c8c8c8;
    padding: 20px 10px 0 10px;
    vertical-align: middle
}

.dns-pro .thumbnail-left .media .media-left {
    vertical-align: middle
}

.dns-pro .thumbnail-right a {
    margin-bottom: 20px
}

.dns-pro .thumbnail-right .media-body {
    width: 60%
}

.dns-pro .underline-title {
    border-bottom: 1px solid #000;
    width: 144px;
    margin-bottom: 20px
}

.dns-pro .thumbnail-left .caption p {
    color: #747474;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif
}

.email .panel-default {
    text-align: center;
    border: none;
    margin-bottom: 30px
}

.email .panel-default a {
    font-family: 'Roboto Condensed';
    line-height: 75px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase
}

.email .panel-default .price {
    font-size: 30px;
    background-color: #fff;
    color: #000;
    padding: 7px;
    font-family: 'Roboto Condensed', sans-serif
}

.email .panel-default .price span {
}

.email .panel-default .price .unit {
    font-size: 14px;
    color: #787878
}

.email .panel-default .info {
    color: #000;
    border-top: 1px dotted gray;
    margin-left: 15px;
    margin-right: 15px
}

.email .panel-default .info i {
    margin-top: 5px;
    cursor: pointer
}

.email .panel-default .btn-addcart {
}

.email .panel-default .btn-addcart {
    font-family: 'Roboto Condensed';
    border: 1px solid #cecece;
    display: inline-block;
    height: 43px;
    line-height: 29px;
    outline: none;
    display: block;
    text-decoration: none;
    width: 85%;
    margin: auto;
    font-size: 16px
}

.email .panel-default .btn-addcart:hover {
    color: #fff;
    background-color: #ff4343 !important;
    border: 1px solid #ff4343
}

.email .panel-default .info .read-more {
    display: none
}

.email .panel:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2) !important
}

.email table th:not(:first-child) {
    width: 13%
}

.email .title {
    font-family: 'Roboto Condensed', sans-serif
}

.email table th:first-child {
    text-align: left;
    background-color: transparent;
    border: none;
    font-family: 'Roboto Condensed', sans-serif
}

.email table th:not(:first-child) {
    min-height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 17px 10px;
    border: none;
    font-family: 'Roboto Condensed', sans-serif
}

.email .table-bordered {
    border: 1px solid transparent
}

.email table tr {
    min-height: 60px
}

.email table tr td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 15px 10px;
    border: 1px solid transparent;
    background-color: #fff
}

.email table tr td:first-child {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px
}

.email table td i {
    position: inherit;
    top: inherit
}

.email .color-gray td {
    background-color: #fafafa
}

.email-compare {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 50px
}

.email-compare hr {
    margin-top: 10px;
    margin-bottom: 40px;
    width: 140px;
    border-top: 1px solid #000
}

.email-compare .title {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.email-compare .email-web-hosting {
    background: #42bacb
}

.email-compare .email-plus {
    background: #9acf1d
}

.email-compare .email-server-rieng {
    background: #ff4342
}

.email-compare .email-header {
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 20px
}

.email-compare .box {
    background-color: #fff
}

.email .backgound-gray {
    background-color: #efefef;
    opacity: .5
}

.email-pro {
    background-color: #efefef;
    background-size: 100%
}

.email-pro .email-title {
    font-size: 36px;
    font-weight: 900;
    color: #414141;
    font-family: 'Roboto Condensed', sans-serif
}

.email-pro .panel-heading {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    min-height: 116px;
    padding: 1px 15px
}

.email-pro .panel {
    border-radius: 7px
}

.email-pro .email-include .email-title {
    font-size: 30px;
    font-weight: 400;
    color: #414141
}

.email-pro .email-description {
    font-size: 18px;
    font-weight: 100;
    color: #414141;
    padding: 0 30px;
    font-family: 'Roboto Condensed', sans-serif
}

.email-pro .row-head {
    margin: 25px 0;
    text-align: center
}

.email-common .panel-email-1 {
    background-color: #ff729b
}

.email-common .panel-email-2 {
    background-color: #ffc547
}

.email-common .panel-email-3 {
    background-color: #8aca44
}

.email-common .panel-email-4 {
    background-color: #90a3f9
}

.email-common .panel-email-5 {
    background-color: #ff971c
}

.email-common .panel-email-6 {
    background-color: #ff2b1c
}

.email-pro .panel-default {
    border: none
}

.email-pro .two-line {
    line-height: 32px !important
}

.email-pro .bold {
    font-weight: bold
}

.email-pro .panel-body {
    padding: 25px 0
}

.email-pro .email-pro-thumbnail {
    text-align: center
}

.email-include .row-head {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    color: #414141;
    text-transform: uppercase;
    margin: 12px 0 15px 0
}

.email-include .row-detail {
    color: #414141;
    line-height: 40px
}

.email-include .row-detail div {
    padding-right: 0
}

.matbao-check-green-large::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/check-green-large.png);
    padding-right: 10px
}

.matbao-check-yellow-large::after {
    display: inline-block;
    font-size: inherit;
    content: url(/Content/images/check-service.png);
    padding-right: 10px
}

.email-include {
    margin-bottom: 70px
}

.email-include ul {
    padding-left: 0
}

.email-include ul li {
    padding-left: 37px;
    padding-right: 15px;
    background: url("/Content/images/check-green-large.png") no-repeat 0 3px;
    list-style: none;
    height: 57px
}

.email-include p {
    line-height: 26px
}

.email-ultility {
    padding-top: 60px;
    padding-bottom: 60px;
    background-attachment: fixed
}

.email-ultility .thumbnail {
    background-color: #2bb2dd;
    border: none;
    border-radius: 0;
    min-height: 235px;
    padding: 30px 20px 30px 20px
}

.email-ultility .email-title span {
    text-transform: uppercase;
    font-size: 20px;
    text-align: left
}

.email-ultility .row-head {
    padding-left: 15px;
    padding-right: 15px
}

.email-title {
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif
}

.email-ultility hr {
    margin-top: 10px;
    margin-bottom: 40px;
    width: 140px;
    border-top: 1px solid #eee
}

.email-ultility .email-icon-title {
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
    float: left;
    margin-bottom: 15px;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold
}

.email-ultility .ico-toc-do-truyen-nhanh::after {
    content: url(/Content/images/ico-toc-do-truyen-nhanh.png)
}

.email-ultility .ico-theo-doi-email::after {
    content: url(/Content/images/ico-theo-doi-email.png)
}

.email-ultility .ico-tap-tin-dinh-kem::after {
    content: url(/Content/images/ico-tap-tin-dinh-kem.png)
}

.email-ultility .ico-kiem-soat-luu-luong::after {
    content: url(/Content/images/ico-kiem-soat-luu-luong.png)
}

.email-ultility .ico-giao-dien-danh-cho-di-dong::after {
    content: url(/Content/images/ico-giao-dien-danh-cho-di-dong.png)
}

.email-ultility .ico-chong-spam::after {
    content: url(/Content/images/ico-chong-spam.png)
}

.email-ultility .description {
    float: left;
    color: rgba(255, 255, 255, .85)
}

.email-ultility .col-md-4 {
    padding-right: 9px;
    padding-left: 9px
}

.email-ultility .col-md-3 {
    width: 56px
}

.email-ultility p {
}

.email-qa .panel {
    -webkit-box-shadow: none
}

.email-qa .panel-default > .panel-heading {
    background-color: transparent
}

.email-qa .title {
    text-align: center;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed', sans-serif
}

.email-qa {
    padding-top: 60px
}

.email-qa .panel-title {
    font-size: 17px
}

.email-qa .panel-body {
    font-size: 15px
}

.matbao-check-ok::after {
    content: url("/Content/images/check-green-large-2.png")
}

.matbao-cancel-red::after {
    content: url("/Content/images/Cancel-red-2.png")
}

.why-matbao {
    background-color: #f9f9f9;
    text-align: center
}

.why-matbao .icon-rocket::after {
    content: url("/Content/images/icon-rocket.png")
}

.why-matbao .icon-on-dinh::after {
    content: url("/Content/images/icon-on-dinh.png")
}

.why-matbao .icon-ho-tro-24-7::after {
    content: url("/Content/images/icon-ho-tro-24-7.png")
}

.why-matbao .title {
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0 60px 0;
    font-family: 'Roboto Condensed', sans-serif
}

.why-matbao a {
    font-size: 24px;
    font-weight: 900;
    color: #606060;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed', sans-serif
}

.why-matbao .row {
    margin-bottom: 30px
}

.ssl {
    background-color: #f3f3f3;
    padding-top: 30px
}

.ssl .description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #787878
}

.ssl .title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px
}

.ssl-thu-tuc-ho-so {
    background-color: #fff;
    color: #787878;
    text-align: justify
}

.ssl-thu-tuc-ho-so p {
    color: rgba(255, 2555, 255, .85)
}

.ssl-thu-tuc-ho-so a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #363636
}

.ssl-thu-tuc-ho-so .title {
    font-family: 'Roboto Condensed', sans-serif
}

.matbao-title-bold-center {
    font-size: 36px;
    text-transform: uppercase;
    text-align: center
}

.ssl-thu-tuc-ho-so hr {
    margin-top: 0;
    width: 140px;
    border-top: 1px solid #363636
}

.ssl-thu-tuc-ho-so .title {
    margin: 50px 0 5px 0
}

.icon-more-info-white::after {
    content: url("/Content/images/more-info-gray.png")
}

.icon-more-info-white-revert::after {
    content: url("/Content/images/more-info-gray-revert.png")
}

.ssl-thu-tuc-ho-so .details {
    margin-bottom: 50px;
    font-family: 'Roboto Condensed', sans-serif
}

.ssl-thu-tuc-ho-so .details span {
    display: block;
    font-size: 22px;
    margin-bottom: 10px
}

.ssl-thu-tuc-ho-so .read-more {
    display: none
}

.ssl-thu-tuc-ho-so i {
    cursor: pointer;
    padding: 40px
}

.ssl-thu-tuc-ho-so a {
    font-weight: bold
}

.ssl .panel {
    border-radius: 7px
}

.ssl .panel-heading {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    min-height: 116px;
    padding: 1px 15px
}

.ssl .title a {
    background-color: #efefef;
    font-size: 36px;
    font-weight: 600;
    color: #323232;
    text-transform: uppercase;
    margin-bottom: 30px
}

.ssl .title p {
    font-size: 18px;
    text-align: center
}

.ssl .slide {
    text-align: center;
    margin-top: 15px
}

.ssl .slide a {
    width: 50%;
    margin-bottom: 10px
}

.ssl .carousel-inner {
}

.ssl .carousel-control.left, .ssl .carousel-control.right {
    background-image: none
}

.ssl .col-md-1 {
    top: 50px
}

.ssl .carousel-control a {
    background-color: #fff
}

.ssl .left {
    width: 65%
}

.ssl .right {
    width: 65%
}

.ssl .carousel-indicators {
    position: inherit;
    bottom: 10px;
    left: inherit;
    z-index: 15;
    width: inherit;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none
}

.ssl-button {
    background-color: #fff;
    color: #787878;
    border-color: #797778;
    min-width: 140px;
    min-height: 50px;
    line-height: 37px;
    font-family: 'Roboto Condensed', sans-serif
}

.ssl-button:hover {
    background-color: #ff4343;
    color: #fff;
    border-color: #ff4343
}

.list-ssl-other .active {
    background-color: #ff4343;
    color: #fff;
    border-color: #ff4343
}

.ssl .list-ssl-other {
    margin-bottom: 40px;
    margin-top: 30px
}

.ssl .row-head {
    text-align: center;
    color: #414141;
    margin-bottom: 30px;
    padding: 0 33px 0 33px
}

.ssl .row-head .title {
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
    color: #363636
}

.ssl-comodo {
    padding-bottom: 25px
}

.ssl .panel-default {
    text-align: center;
    border: none;
    margin-bottom: 30px
}

.ssl .panel:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2) !important
}

.ssl .two-line {
    line-height: 32px !important
}

.ssl .panel-default a {
    font-family: 'Roboto Condensed';
    line-height: 75px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase
}

.ssl .panel-default .price {
    font-size: 30px;
    background-color: #fff;
    color: #000;
    padding: 7px;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 1px dotted gray;
    margin-left: 15px;
    margin-right: 15px
}

.ssl .panel-default .price span {
}

.ssl .panel-default .price .unit {
    font-size: 14px;
    color: #787878
}

.ssl .panel-default .info {
    color: #000
}

.ssl .panel-default .info i {
    margin-top: 5px;
    cursor: pointer
}

.ssl .panel-rapid-ssl {
    background-color: #e84e1c
}

.ssl .panel-quick-ssl {
    background-color: #ff9c5b
}

.ssl .panel-rapid-ssl-wildcard {
    background-color: #fbd189
}

.ssl .panel-rtrue-bussiness-id {
    background-color: #7ad6cb
}

.ssl .panel-rtrue-bussiness-id-wildcard {
    background-color: #68b7d6
}

.ssl .panel-default .btn-addcart {
    font-family: 'Roboto Condensed';
    border: 1px solid #cecece;
    display: inline-block;
    height: 43px;
    line-height: 29px;
    outline: none;
    display: block;
    text-decoration: none;
    width: 85%;
    margin: auto;
    font-size: 16px
}

.ssl .panel-default .btn-addcart:hover {
    color: #fff;
    background-color: #ff4343 !important;
    border: 1px solid #ff4343
}

.ssl .panel-default .info .read-more {
    display: none
}

.ssl .panel-body {
    padding: 25px 0
}

.matbao-panel-xanh-duong {
    background-color: #42bacc !important
}

.matbao-panel-xanh-la-cay {
    background-color: #00cc7d !important
}

.matbao-panel-xanh-la-cay-nhat {
    background-color: #9acf1c !important
}

.matbao-panel-vang {
    background-color: #ffc600 !important
}

.matbao-panel-cam {
    background-color: #ff9c00 !important
}

.matbao-panel-do {
    background-color: #e30e0e !important
}

.matbao-panel-do-nhat {
    background-color: #ff4343 !important
}

.matbao-panel-xanh-vang {
    background-color: #ccc642 !important
}

.matbao-more-info-gray::after {
    content: url("/Content/images/more-info-gray.png")
}

.matbao-more-info-gray-revert::after {
    content: url("/Content/images/more-info-revert.png")
}

.ssl .bold {
    font-weight: bold
}

.tinh-nang-comodo .col-md-2 {
    height: 70px;
    padding-top: 15px;
    color: #000;
    margin-right: 2px;
    margin-top: 2px;
    width: 16.4%;
    text-align: center
}

.tinh-nang-comodo .col-md-4 {
    width: 33%;
    margin-right: 2px;
    background-color: #fff;
    line-height: 55px
}

.ssl-tinh-nang .list-title {
    color: #fff;
    font-size: 18px
}

.ssl-tinh-nang .list-title .col-md-2 {
    padding-left: 0;
    padding-right: 0;
    height: 76px;
    color: #fff
}

.tinh-nang-comodo .col-md-2 {
    background-color: #fff
}

.tinh-nang-comodo .col-md-10 {
    padding-left: 0
}

.tinh-nang-comodo .color-gray .col-md-4 {
    width: 33%;
    margin-right: 2px;
    background-color: #fafafa;
    line-height: 55px
}

.tinh-nang-comodo .color-gray .col-md-2 {
    background-color: #fafafa
}

.ssl-tinh-nang {
    text-align: center;
    padding-bottom: 40px;
    padding-top: 60px
}

.ssl-tinh-nang i {
    position: absolute;
    top: 35%
}

.ssl-tinh-nang hr {
    margin-top: 10px;
    margin-bottom: 40px;
    width: 140px;
    border-top: 1px solid #fff
}

.ssl-tinh-nang .title {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #fff
}

.ssl-tinh-nang .email-web-hosting {
    background: #42bacb
}

.ssl-tinh-nang .email-plus {
    background: #9acf1d
}

.ssl-tinh-nang .email-server-rieng {
    background: #ff4342
}

.ssl-tinh-nang header {
    text-align: center;
    color: #fff;
    font-size: 20px
}

.ssl-tinh-nang .box {
    background-color: #fff
}

.text-left {
    text-align: left !important
}

.ssl-work {
    background-color: #efefef
}

.ssl-work .title a {
    font-size: 36px;
    font-weight: 600;
    color: #323232;
    text-transform: uppercase;
    margin-bottom: 40px
}

.ssl-work .title p {
    font-size: 18px;
    text-align: center;
    padding: 0 60px 0 60px
}

.ssl-work .ssl-process a {
    height: 90px
}

.ssl-work .ssl-process p {
    text-align: center;
    margin-top: 10px
}

.ssl-work .ssl-process .ssl-wrap-content {
    width: 100%;
    float: left
}

.ssl-work .ssl-content {
    text-align: center
}

.ssl-work .col-md-1 {
    top: 50px
}

.ssl-work .arrow-left {
    width: 65%
}

.ssl-work .arrow-right {
    width: 65%
}

.ssl-work .col-md-1 a {
    max-width: 40px
}

.ssl-work .next::after {
    content: url("/Content/images/next.png")
}

.ssl .ssl-include ul li {
    padding-left: 37px;
    background: url("/Content/images/check-green-large.png") no-repeat 0 3px;
    list-style: none
}

.ssl .ssl-include ul {
    padding-left: 0
}

.ssl .ssl-include p {
    line-height: 26px;
    font-size: 15px
}

.ssl .ssl-include .row-detail div {
    padding-right: 0
}

.ssl .ssl-include a {
    font-size: 30px;
    font-weight: 400;
    color: #414141;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif
}

.geotrust {
    padding-bottom: 25px
}

.geotrust .row-head {
    color: #fff
}

.geotrust .ssl-button:hover {
    border-color: #ff4343
}

.geotrust .list-ssl-other .active {
    border-color: #ff4343
}

.ssl-tinh-nang .row-body {
    min-height: 45px
}

.tinh-nang-geotrust .row-body div div {
    background-color: #fff;
    margin-right: 2px;
    margin-top: 2px;
    text-align: center;
    width: 24.7%;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 68px
}

.tinh-nang-geotrust .row-body div:not(.row-left) {
    padding-left: 2px
}

.tinh-nang-geotrust .row-body .row-left {
    text-align: left;
    background-color: #fff;
    margin-top: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 68px
}

.ssl-tinh-nang .header div div {
    padding-left: 2px;
    padding-right: 0;
    padding-bottom: 15px
}

.symantec {
    background: #f3f3f3 url("/Content/images/downloadh.png") no-repeat;
    background-size: 100%;
    padding-bottom: 25px
}

.globalsign {
    background: #efefef;
    background-size: cover;
    padding-bottom: 25px
}

.globalsign .row-head {
    color: #fff
}

.globalsign .globalsign-service .promotion {
    background: url("/Content/images/Promotion-2.png") no-repeat;
    padding: 3px 15px 3px 8px;
    color: #fff;
    font-size: 13px;
    margin-left: 15px
}

.globalsign .globalsign-service {
    background-color: #fff;
    padding: 5px 10px 10px 0
}

.globalsign .globalsign-service .service-info {
    padding-top: 5px
}

.globalsign .globalsign-service .ssl-price {
    padding-top: 20px;
    color: #767676
}

.globalsign .service-2 {
    background-color: #f9f9f9
}

.globalsign .service-name {
    font-weight: bold;
    line-height: 40px;
    font-size: 18px
}

.globalsign .service-des {
    font-size: 13px
}

.globalsign .ssl-price {
    line-height: 5px
}

.globalsign .ssl-price .service-price {
    font-size: 14px;
    font-weight: bold
}

.globalsign .ssl-price .service-unit {
    font-size: 14px
}

.globalsign .text-more-service {
    margin: 30px 0 20px 0;
    font-size: 15px
}

.matbao-checkbox-mini-3 label.btn span {
    font-size: 18px;
    margin-left: 10px
}

.matbao-checkbox-mini-3 label.active {
    outline: 0;
    box-shadow: none
}

.ssl .globalsign-service input {
    display: none
}

.fa-circle-o:before {
    content: none
}

.matbao-checkbox-mini-3 label input[type="checkbox"] ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/uncheck-2.png);
    vertical-align: middle;
    display: none
}

.matbao-checkbox-mini-3 label input[type="checkbox"] ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/uncheck-2.png);
    vertical-align: middle
}

.matbao-checkbox-mini-3 label input[type="checkbox"]:checked ~ i.fa.fa-circle-o::after {
    content: url(/Content/images/check-2.png);
    vertical-align: middle;
    display: none
}

.matbao-checkbox-mini-3 label input[type="checkbox"]:checked ~ i.fa.fa-check-circle-o::after {
    content: url(/Content/images/check-2.png);
    vertical-align: middle;
    display: inline
}

.tinh-nang-globalsign .row-body div div {
    background-color: #fff;
    margin-right: 2px;
    margin-top: 2px;
    text-align: center;
    width: 33%;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 68px
}

.tinh-nang-globalsign .row-body .row-left {
    text-align: left;
    background-color: #fff;
    margin-top: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 68px
}

.tinh-nang-globalsign .row-body div:not(.row-left) {
    padding-left: 2px
}

.tinh-nang-globalsign table th:not(:first-child) {
    width: 27%
}

.tinh-nang-geotrust table th:not(:first-child) {
    width: 14%
}

.ssl .color-gray td {
    background-color: #fafafa
}

.ssl table th {
    font-family: 'Roboto Condensed', sans-serif
}

.ssl table th:first-child {
    text-align: left;
    background-color: transparent;
    border: none
}

.ssl table th:not(:first-child) {
    min-height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 10px;
    border: none
}

.ssl .table-bordered {
    border: 1px solid transparent
}

.ssl table {
    border-spacing: 2px
}

.ssl table tr {
    min-height: 60px
}

.ssl table tr td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 15px 10px;
    border: 1px solid transparent;
    background-color: #fff
}

.ssl table tr td:first-child {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.ssl table td i {
    position: inherit;
    top: inherit
}

.tinh-nang-geotrust table th:not(:first-child) {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px
}

.tinh-nang-comodo th:not(:first-child) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 18px !important;
    width: 12%
}

.ssl-thu-tuc-ho-so .table-ssl td {
    vertical-align: top
}

.gioi-thieu {
    padding-top: 50px;
    padding-bottom: 50px
}

.gioi-thieu ul {
    list-style-type: none
}

.gioi-thieu-head {
    background: url("/Content/images/gioi-thieu-head.png") no-repeat;
    background-size: cover
}

.gioi-thieu-head .gioi-thieu-title {
    text-align: center
}

.gioi-thieu-head .gioi-thieu-title a {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif
}

.gioi-thieu-head .gioi-thieu-title p {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Roboto Condensed', sans-serif
}

.gioi-thieu-head .gioi-thieu-title div:first-child {
    margin-bottom: 40px
}

.gioi-thieu-head .gioi-thieu-title a {
    cursor: pointer
}

.gioi-thieu-head .gioi-thieu-title i {
    cursor: pointer
}

.gioi-thieu-head .read-more {
    display: none
}

.gioi-thieu-content .gioi-thieu-content-right {
    border-left: 1px solid red;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-top: 6px
}

.gioi-thieu-content .gioi-thieu-content-right div {
    line-height: 13px;
    margin-bottom: 30px
}

.gioi-thieu-content {
    background: url("/Content/images/bg-city.png") no-repeat bottom;
    padding-bottom: 190px;
    padding-top: 100px;
    font-family: 'Open Sans'
}

.gioi-thieu-content p {
    font-weight: bold;
    font-size: 18px
}

.gioi-thieu-content span {
    font-size: 15px;
    line-height: 24px;
    font-weight: normal
}

.gioi-thieu-content .not-year {
    padding-top: 0
}

.gioi-thieu-content .gioi-thieu-content-left {
    font-weight: bold;
    font-size: 17px;
    max-width: 75px;
    font-family: 'Roboto Condensed', sans-serif
}

.gioi-thieu-content .gioi-thieu-content-right i {
    position: absolute;
    left: -24px;
    top: -10px
}

.icon-mat-bao-storm::after {
    content: url("/Content/images/icon-storm-bg-white.png")
}

.icon-view-more-black-large::after {
    content: url("/Content/images/view-more-black-large.png")
}

.icon-view-more-black-large-revert::after {
    content: url("/Content/images/view-more-black-large-revert.png")
}

.gioi-thieu-content .gioi-thieu-content-left {
    padding-left: 0
}

.gioi-thieu-content .gioi-thieu-content-left p {
    text-align: left
}

.gioi-thieu-content ul {
    margin-left: -15px
}

.gioi-thieu-content .gioi-thieu-text {
}

.wordpress-hosting {
}

.wordpress-hosting .parallax_image {
    height: 100% !important
}

.wordpress-hosting .email-title {
    color: #fff
}

.wordpress-hosting .email-description {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif
}

.wordpress-hosting .row-head {
    margin: 43px 0
}

.wordpress-hosting-include {
    margin-bottom: 0
}

.wordpress-hosting-include .email-title {
}

.wordpress-hosting-include .row-head {
    margin: 23px 0
}

.wordpress-hosting-include ul li {
    height: 65px
}

.wordpress-hosting-ultility {
    background-size: auto;
    background-attachment: inherit
}

.wordpress-hosting-ultility .email-title {
    color: #000
}

.wordpress-hosting-ultility hr {
    border-top: 1px solid #000
}

.wordpress-hosting-ultility .thumbnail {
    background: #363636
}

.wordpress-hosting-ly-do {
    background: #f3f3f3;
    color: #000;
    padding-bottom: 20px
}

.wordpress-hosting-ly-do .thumbnail {
    background-color: transparent
}

.wordpress-hosting-ly-do .description {
    color: rgba(70, 69, 69, .85)
}

.wordpress-hosting-ly-do .ico-1::after {
    content: url(/Content/images/ability.png)
}

.wordpress-hosting-ly-do .ico-2::after {
    content: url(/Content/images/user-friendly.png)
}

.wordpress-hosting-ly-do .ico-3::after {
    content: url(/Content/images/customization.png)
}

.wordpress-hosting-ly-do .ico-4::after {
    content: url(/Content/images/feature.png)
}

.wordpress-hosting-ly-do .ico-5::after {
    content: url(/Content/images/exchange.png)
}

.wordpress-hosting-ly-do .ico-6::after {
    content: url(/Content/images/support247.png)
}

.wordpress-hosting-ly-do .email-title {
    line-height: 47px;
    color: #585858
}

.wordpress-hosting-ly-do .email-icon-title {
    width: 100%
}

.wordpress-hosting-ly-do .email-icon-title div:nth-child(1) {
    max-width: 70px
}

.wordpress-hosting-ly-do .detail-info {
    min-height: 240px
}

.wordpress-hosting-ly-do .detail-info div div:nth-child(2) {
    padding-right: 0
}

.wordpress-hosting-ly-do .row-head {
    margin-bottom: 40px
}

.wordpress-hosting-ly-do .email-icon-title {
    font-size: 17px
}

.wordpress-hosting-compare .btn-addcart {
    width: 100%;
    height: auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding: 0
}

.wordpress-hosting-compare .active .btn-addcart {
    color: #fff;
    background-color: #ff4343 !important
}

.wordpress-hosting-compare .active.td-addcart {
    color: #fff;
    background-color: #ff4343 !important
}

.wordpress-hosting-compare .td-addcart {
    font-size: 16px
}

.wordpress-hosting-compare table th:not(:first-child) {
    width: 14%
}

.wordpress-hosting-compare table {
    margin-top: 40px
}

.wordpress-hosting-compare .gold-plus {
    background: #ff9c00
}

.wordpress-hosting-compare {
    background: #f3f3f3 url("/Content/images/bg-so-sanh-wordpress.png") no-repeat bottom center;
    padding-top: 60px;
    padding-bottom: 50px
}

.wordpress-hosting-compare table th {
    min-height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 17px 10px;
    border: none;
    text-transform: uppercase
}

.wordpress-hosting-compare table th:first-child {
    background-color: #fbfbfb;
    text-align: left;
    color: #000;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold
}

.wordpress-hosting-compare .div-title {
    margin-bottom: 40px
}

.wordpress-hosting-compare .div-title a {
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif
}

.wordpress-hosting-compare table thead tr:first-child {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #fff;
    text-transform: uppercase
}

.wordpress-hosting-compare table thead tr:first-child td:first-child {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    background: #fafafa
}

.wordpress-hosting-compare table tr:last-child td:not(:first-child) {
    background: #fff
}

.wordpress-hosting-compare table thead tr td:nth-child(2) {
    background: #42bacc !important
}

.wordpress-hosting-compare table thead tr td:nth-child(3) {
    background: #00cc7d !important
}

.wordpress-hosting-compare table thead tr td:nth-child(4) {
    background: #9acf1c !important
}

.wordpress-hosting-compare table thead tr td:nth-child(5) {
    background: #ffc600 !important
}

.wordpress-hosting-compare table thead tr td:nth-child(6) {
    background: #ff9c00 !important
}

.wordpress-hosting-compare table thead tr td:nth-child(7) {
    background: #e30e0e !important
}

.wordpress-hosting-compare table tr td {
    background-color: transparent
}

.wordpress-hosting-compare table tr:nth-child(2n) {
    background: #fafafa
}

.wordpress-hosting-compare table tr:nth-child(2n+1) {
    background: #fff
}

.wordpress-hosting-compare table tr:last-child {
    background: none
}

.wordpress-hosting-compare tr:last-child td:first-child {
    background-color: transparent;
    border: none;
    background: none !important
}

.wordpress-hosting-hoi-dap .title {
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif
}

.wordpress-hosting-hoi-dap .panel-group {
    margin-top: 30px
}

.wordpress-hosting-ultility .icon-1:after {
    content: url(/Content/images/clouds.png)
}

.wordpress-hosting-ultility .icon-2:after {
    content: url(/Content/images/logowordpress-new.png)
}

.wordpress-hosting-ultility .icon-3:after {
    content: url(/Content/images/fast-setup.png)
}

.wordpress-hosting-ultility .icon-4:after {
    content: url(/Content/images/bangdieukhien-new.png)
}

.wordpress-hosting-ultility .icon-5:after {
    content: url(/Content/images/security.png)
}

.wordpress-hosting-ultility .icon-6:after {
    content: url(/Content/images/support-wordpress.png)
}

.icon-ssl-security {
    background: url(/Content/images/https-icon-ssl-wp.png) no-repeat 0 0;
    display: inline-block;
    height: 17px;
    vertical-align: text-bottom;
    width: 13px;
    background-size: 87%
}

.dialog-warning .control-box input[type=button] {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px
}

.dialog-warning {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px
}

.sll-lam-viec {
    padding-top: 60px;
    padding-bottom: 40px;
    min-height: 530px
}

.sll-lam-viec p {
    margin-bottom: 22px
}

.sll-lam-viec .title {
    font-size: 32px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 35px;
    text-transform: uppercase
}

.sll-lam-viec .div-image-right {
    text-align: center;
    margin-top: 80px
}

.sll-lam-viec .ssl-chung-thuc p {
    font-size: 19px;
    font-family: 'Roboto Condensed', sans-serif
}

.sll-lam-viec .ssl-sumary {
    font-size: 19px;
    font-family: 'Roboto Condensed', sans-serif
}

.sll-lam-viec .carousel-control.left a {
    margin-top: 200px
}

.sll-lam-viec .carousel-control.right a {
    margin-top: 200px
}

.list-chung-thuc-website {
    padding-left: 27px
}

.list-chung-thuc-website li {
    list-style-type: none;
    line-height: 30px;
    padding-left: 15px;
    list-style-image: url("/Content/images/check-chung-thuc-website.png")
}

.wordpress-hosting-hoi-dap .panel-heading a.collapsed {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px
}

.wordpress-hosting-hoi-dap .panel-heading a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px
}

.email-qa .panel-heading a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px
}

.email-qa .panel-heading a.collapsed {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px
}

#loadingaction a {
    width: 115px
}

.huong-dan-thanh-toan {
    background-color: #fcfcfc;
    padding-bottom: 40px;
    padding-top: 15px
}

.huong-dan-thanh-toan .wrap-image {
    margin-bottom: 20px;
    margin-top: 20px
}

.huong-dan-thanh-toan .wrap-image div:first-child {
    width: 100px;
    border: 1px solid #ededed;
    padding: 17px 26px;
    background-color: #fafafa
}

.huong-dan-thanh-toan .wrap-image div:last-child {
    line-height: 70px;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #787878
}

.huong-dan-thanh-toan a {
    font-weight: bold;
    border-bottom: solid 1px #ff0a00;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase
}

.huong-dan-thanh-toan strong {
    border-bottom: solid 2px #ff0a00;
    padding-bottom: 6px
}

.huong-dan-thanh-toan a {
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 15px 0
}

.huong-dan-thanh-toan .wrap-content .div-background {
    background-color: #fff7eb;
    padding: 20px 20px
}

.huong-dan-thanh-toan .wrap-content p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: bold
}

.huong-dan-thanh-toan .wrap-content li {
    line-height: 26px
}

.huong-dan-thanh-toan .thong-tin-ngan-hang {
    width: 100%;
    float: left;
    margin-left: 25px
}

.huong-dan-thanh-toan .thong-tin-ngan-hang div:first-child {
    max-width: 120px
}

.huong-dan-thanh-toan .wrap-div-thong-tin-ngan-hang {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.footer-copyright a {
    color: #f14848
}

#loadingaction2 {
    height: 40px;
    background-color: #d1d1d1;
    text-align: center
}

#loadingaction2 a {
    width: 116px
}

.mb-loadingaction-dangxuly {
    height: 40px;
    background-color: #d1d1d1;
    text-align: center
}

.mb-loadingaction-dangxuly a {
    width: 95%
}

.mb-loadingaction-mobile a {
    width: 61px;
    height: 65px
}

.mb-title {
    font-family: 'Roboto Condensed';
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold
}

.doi-tac.tao-tai-khoan {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 80px
}

.doi-tac.tao-tai-khoan .input-group {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 4px solid #aaa;
    margin: 20px 0
}

.doi-tac.tao-tai-khoan .matbao-textbox {
    min-height: 58px;
    width: 100%;
    padding-left: 15px;
    font-family: 'Roboto Condensed';
    font-size: 20px
}

.doi-tac.tao-tai-khoan span {
    background-color: #fff;
    padding-right: 30px;
    padding-left: 30px;
    min-height: 58px;
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #c9c9c9
}

.doi-tac.tao-tai-khoan .input-group-btn {
    background-color: #fff
}

.doi-tac.tao-tai-khoan .submitform {
    color: #fff;
    background-color: #ff4343;
    margin-left: 0;
    padding-left: 42px;
    padding-right: 42px;
    min-height: 58px;
    border-radius: 0;
    border: 0 solid transparent;
    font-family: 'Roboto Condensed';
    font-size: 24px
}

.doi-tac.tao-tai-khoan .wrap-submit {
    margin-top: 30px
}

.doi-tac.tao-tai-khoan #loadingaction {
    float: initial !important
}

.khuyen-mai-tong-hop {
    background: #efefef;
    background-size: 100%;
    padding-top: 15px;
    padding-bottom: 40px;
    font-family: 'Roboto Condensed';
    background-color: #efefef
}

.khuyen-mai-tong-hop .website-chuyen-nghiep span {
    font-size: 16px
}

.khuyen-mai-tong-hop .row-head {
    text-align: center;
    margin-bottom: 30px
}

.khuyen-mai-tong-hop .row-head p {
    font-size: 18px
}

.khuyen-mai-tong-hop .website-chuyen-nghiep .bg-white {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 27px 20px;
    padding-bottom: 25px
}

.khuyen-mai-tong-hop .website-chuyen-nghiep .title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0
}

.khuyen-mai-tong-hop .price {
    font-weight: bold;
    font-size: 24px !important;
    color: #ff010b
}

.khuyen-mai-tong-hop .website-chuyen-nghiep li {
    list-style-type: none;
    height: 30px;
    background: url("/Content/images/check-green-large.png") 0 0 no-repeat;
    padding-left: 40px
}

.khuyen-mai-tong-hop .website-chuyen-nghiep i {
    margin: 0 15px
}

.khuyen-mai-tong-hop .website-chuyen-nghiep ul {
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
    padding-left: 0
}

.khuyen-mai-tong-hop .price-old {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    color: #787878;
    text-decoration: line-through;
    margin-top: -10px
}

.khuyen-mai-tong-hop .icon-transfer::after {
    content: url("/Content/images/arrow-khuyen-mai-tong-hop.png")
}

.khuyen-mai-tong-hop .ten-mien-email {
    text-align: center
}

.khuyen-mai-tong-hop .ten-mien-email div {
    margin-bottom: 20px
}

.khuyen-mai-tong-hop .ten-mien-email .email .italic {
    font-size: 16px;
    font-style: italic;
    color: gray;
    margin-top: -10px
}

.mb-btn-red {
    border: 1px solid gray;
    width: 120px;
    background: #fff
}

.mb-btn-red:hover {
    border: 1px solid #ff4343;
    background: #ff4343;
    color: #fff
}

.khuyen-mai-tong-hop .ten-mien-email .bg-white {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.khuyen-mai-tong-hop .ten-mien-email .title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.khuyen-mai-tong-hop .ten-mien-email a {
    margin-bottom: 20px;
    min-height: 86px
}

.khuyen-mai-tong-hop .ten-mien-email p {
    font-size: 16px
}

.khuyen-mai-tong-hop .ten-mien-email .wrap-key {
    text-align: center;
    width: 100%;
    padding: 0 55px;
    margin-top: 20px;
    color: gray
}

.khuyen-mai-tong-hop .ten-mien-email .wrap-key p {
    font-size: 14px
}

.khuyen-mai-tong-hop .ten-mien-email .wrap-key span {
    font-weight: bold
}

.khuyen-mai-tong-hop .ten-mien-email .wrap-key p {
    border: 1px dashed gray;
    padding: 5px 0;
    text-align: center
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra {
    padding-top: 10px;
    padding-bottom: 40px
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra hr {
    float: left;
    width: 100%;
    border: 1px dotted gray
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra .row-head {
    text-align: center
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra .title {
    font-size: 20px !important;
    font-weight: bold;
    margin-bottom: 15px
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra .red {
    color: #ea1d2c
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra p {
    font-family: 'Open Sans', sans-serif
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra .thoi-han {
    color: gray;
    font-size: 14px;
    font-style: italic
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra a {
    color: #ff450c;
    text-decoration: underline;
    font-style: italic
}

.khuyen-mai-tong-hop .khuyen-mai-dang-dien-ra .wrap-a {
    text-align: center;
    margin-bottom: 25px
}

.khuyen-mai-tong-hop .website-chuyen-nghiep .wrap-a {
    margin-bottom: 25px
}

.khuyen-mai-tong-hop .website-chuyen-nghiep .bg-white:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2) !important
}

.khuyen-mai-tong-hop .ten-mien-email .bg-white:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2) !important
}

.hosting-server-top .detail-compare {
    font-style: italic;
    text-decoration: underline
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ff8714
}

.mb-xem-them-tinh-nang {
    margin-top: 20px;
    cursor: pointer
}

.globalsign .service-name {
    font-weight: bold;
    line-height: 40px;
    font-size: 16px
}

.globalsign .globalsign-service .promotion {
    background: url("/Content/images/Promotion-2.png") no-repeat;
    padding: 3px 15px 3px 3px;
    color: #fff;
    font-size: 13px;
    margin-left: 15px
}

.globalsign .globalsign-service .ssl-price {
    padding-top: 20px;
    color: #767676
}

.globalsign .ssl-price {
    line-height: 5px
}

.globalsign .globalsign-service {
    background-color: #fff;
    padding: 5px 10px 10px 0
}

.globalsign .globalsign-service .matbao-checkbox-mini-3 {
    width: 51px;
    padding-left: 9px;
    padding-right: 0
}

.globalsign .row-head {
    color: #414141
}

.geotrust .row-head {
    color: #fff
}

.symantec {
    background-size: 100%;
    padding-bottom: 25px
}

.cloud-server-top .matbao-radio label.btn span {
    font-size: 15px;
    color: #616060
}

.cloud-server-top .matbao-radio label.btn span {
    margin-left: 20px
}

.ssl .matbao-checkbox-mini-3 label.btn span {
    font-size: 15px
}

.ssl .matbao-checkbox-mini-3 {
    height: 40px
}

.ssl .matbao-checkbox-mini-3 label input[type="checkbox"]:checked ~ i.fa.fa-check-circle-o::after {
    position: absolute;
    left: -25px;
    top: -20px
}

.ssl .matbao-checkbox-mini-3 label input[type="checkbox"] ~ i.fa.fa-check-circle-o::after {
    top: -15px;
    position: absolute;
    left: -25px
}

.tranh-chap-khieu-nai .boxnoidung div ul {
    line-height: 30px;
    list-style: initial !important
}

.tranh-chap-khieu-nai .boxnoidung div ul.style-none {
    list-style: none !important
}

.tranh-chap-khieu-nai .title-lv2 {
    font-size: 28px
}

.mb-price-promotion {
    font-size: 14px
}

.mb-price-primary {
    font-size: 18px !important
}

.mb-xoa {
    cursor: pointer;
    float: right;
    margin-top: -10px
}

.italic {
    font-style: italic
}

@media (min-width: 768px) {
    .mb-witdh-20per {
        width: 20%
    }
}

.chili-template {
    background: url("/Content/images/background-chili.png");
    background-size: cover;
    padding-top: 40px
}

.chili-template .row-head {
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif
}

.chili-template .row-head .description {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px
}

.chili-template .row-head p {
    background: red;
    max-width: 360px;
    margin: auto;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
    margin-top: 15px
}

.chili-template .row-head .title {
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase
}

.chili-template .menu-chili {
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
    width: 100%;
    margin-top: 10px
}

.chili-template .menu-chili div {
    line-height: 46px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.chili-template .menu-chili div:last-child {
}

.chili-template .menu-chili a {
    display: block;
    height: 100%;
    color: #adadad
}

.chili-template .menu-chili a.active {
    border-bottom: 2px solid red;
    color: #000
}

.chili-template .template .thumbnail-chili {
    margin: 17px 0;
    max-height: 437px;
    overflow: hidden;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.chili-template .template .thumbnail-chili:hover .chili-detail {
    height: 135px
}

.chili-template .template .thumbnail-chili:hover .btn-chili {
    display: block
}

.chili-template .wrap-thumbnail {
    max-height: 850px;
    overflow: hidden
}

.chili-template .template a {
    width: 99%;
    margin: auto;
    max-height: 432px
}

.chili-template .txt-search-chili {
    float: right;
    width: 100%;
    border: none;
    background: #f7f7f7;
    padding: 8px 37px 7px 15px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 21px;
    padding-left: 15px;
    margin-top: 6px
}

.chili-template .submit-search-chili {
    content: url("/Content/images/tim-kiem-chili.png");
    cursor: pointer
}

.chili-template .template .description {
    font-family: 'Roboto Condensed';
    position: absolute;
    bottom: -20px;
    z-index: 10;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-style: initial;
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
    width: 99.5%
}

.chili-template .template .description .chili-detail {
    background: rgba(0, 0, 0, .6);
    padding: 15px;
    line-height: 25px;
    font-size: 19px !important;
    color: #fff;
    font-size: 14px;
    height: 80px
}

.chili-template .template .description .chili-detail {
    -webkit-transition: height 0s;
    transition: height 0s
}

.chili-template .btn-chili {
    float: left;
    width: 100%;
    margin-top: 7px;
    display: none
}

.chili-template .btn-chili div div {
    display: block;
    background: #fc920b;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-family: 'Roboto Condensed';
    height: 45px;
    line-height: 45px;
    cursor: pointer
}

.chili-template .btn-chili .dat-mua {
    padding-left: 0
}

.chili-template .btn-chili .xem-thuc-te {
    padding-right: 0
}

.chili-template .template .description a {
    color: #fff;
    display: block
}

.chili-template .menu-chili .wrap-search {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

.chili-template .menu-mobile {
    background: #fff;
    padding: 10px 15px 10px 15px;
    margin-top: 10px;
    text-align: center
}

.mb-check-green-small:after {
    content: url("/Content/images/check-ok.png")
}

.mb-check-red-small:after {
    content: url("/Content/images/cancel-red.png")
}

.dich-vu-quan-tri {
    background-color: #efefef
}

.dich-vu-quan-tri .pricebox .titlebox {
    line-height: 35px;
    padding-top: 20px
}

.dich-vu-quan-tri .pricebox .title-small {
    text-transform: capitalize;
    font-weight: normal
}

.dich-vu-quan-tri .pricebox i {
    margin-left: 5px
}

.dvqt-chinh-sach {
    background: url("/Content/images/dich-vu-quan-tri-background-mid.png")
}

.dvqt-chinh-sach .thumbnail {
    background: #ff9c00;
    min-height: 350px;
    padding: 30px 15px 15px 15px
}

.dvqt-chinh-sach hr {
    border-top: 1px solid #fff
}

.dvqt-chinh-sach .email-title {
    color: #fff
}

.dvqt-chinh-sach .email-icon-title {
    font-size: 15px
}

.dvqt-chinh-sach .icon-1:after {
    content: url(/Content/images/quan-tri-1.png)
}

.dvqt-chinh-sach .icon-2:after {
    content: url(/Content/images/quan-tri-2.png)
}

.dvqt-chinh-sach .icon-3:after {
    content: url(/Content/images/quan-tri-3.png)
}

.dvqt-chinh-sach .icon-4:after {
    content: url(/Content/images/quan-tri-4.png)
}

.dvqt-chinh-sach .icon-5:after {
    content: url(/Content/images/quan-tri-5.png)
}

.dvqt-chinh-sach .icon-6:after {
    content: url(/Content/images/quan-tri-6.png)
}

.dvqt-chinh-sach .icon-7:after {
    content: url(/Content/images/quan-tri-7.png)
}

.dvqt-chinh-sach .icon-8:after {
    content: url(/Content/images/quan-tri-8.png)
}

.dvqt-chinh-sach .icon-9:after {
    content: url(/Content/images/quan-tri-9.png)
}

.dvqt-chinh-sach .icon-10:after {
    content: url(/Content/images/quan-tri-10.png)
}

.dvqt-chinh-sach .icon-11:after {
    content: url(/Content/images/quan-tri-11.png)
}

.dvqt-chinh-sach .mCustomScrollBox {
    position: initial
}

.dvqt-chinh-sach .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: inherit
}

.dvqt-chinh-sach .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: inherit
}

.dvqt-so-sanh table thead tr:first-child td:first-child {
    font-size: 30px
}

.dvqt-so-sanh table tr:last-child {
    background: #fafafa !important
}

.dvqt-so-sanh table tr:last-child td:not(:first-child) {
    background: #fafafa
}

.dvqt-so-sanh table thead tr td:nth-child(2) {
    background: #ffc600 !important
}

.dvqt-so-sanh table thead tr td:nth-child(3) {
    background: #ff9c00 !important
}

.dvqt-so-sanh table thead tr td:nth-child(4) {
    background: #ef4555 !important
}

.dvqt-so-sanh table tr td {
    padding: 10px 10px
}

.dvqt-so-sanh {
    background: none;
    background-size: cover;
    background-color: #e5e5e5
}

.icon-chat-mobile:after {
    content: url(/Content/images/icon-chat-mobile-new.png)
}

.icon-phone-mobile:after {
    content: url(/Content/images/phone-call.png)
}

.link-tab-service {
    font-size: 16px;
    padding-right: 25px;
    padding-left: 25px
}

#qtip-tooltipPromotion-1, #qtip-tooltipPromotion-2, #qtip-tooltipPromotion-3, #qtip-tooltipPromotion-4, #qtip-tooltipPromotion-5, #qtip-tooltipPromotion-6 {
    background-color: #ff4500;
    border-color: #ff4500;
    color: #fff;
    text-align: center;
    padding: 10px 10px
}

#CartScrolling {
    height: 200px;
    width: 200px;
    background: red;
    position: absolute;
    top: 200px;
    right: 0
}

.error-404 .detail {
    background-color: #fff;
    padding-bottom: 40px
}

.error-404 a {
    color: #fb3838;
    font-size: 150px;
    font-family: Roboto;
    font-weight: bold
}

.error-404 p {
    font-size: 36px;
    font-family: Roboto
}

.error-404 .link-home {
    padding: 10px 0
}

.error-404 .link-home a {
    font-size: 30px;
    font-family: Roboto;
    border: 1px solid;
    display: block;
    width: 100%;
    padding: 10px 0
}

.error-404 .text-description {
    padding: 10px 10%;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'Open Sans';
    color: #787878
}

.footer-company-info {
    color: #d6d2d2;
    padding: 25px 10px;
    line-height: 18px
}

.footer-company-info a[href^=tel] {
    color: #d6d2d2 !important
}

.footer-company-info div {
    margin-bottom: 15px
}

.footer-company-info div p:first-child {
    color: #d6d2d2;
    font-weight: bold
}

.landingPage-ten-mien .price-old {
    text-decoration: line-through
}

.landingPage-ten-mien .bold-600 {
    font-weight: 600
}

.landingPage-ten-mien .main-checkdomain {
    background: url(/Content/images/LandingPageTenMien/bgdoitenmien.jpg) bottom center !important;
    background-size: cover !important;
    padding: 70px 0
}

.landingPage-ten-mien .wrap-text {
    text-align: left;
    color: #fff;
    font-family: 'Roboto Condensed'
}

.landingPage-ten-mien .wrap-text {
    font-size: 36px;
    padding-top: 30px
}

.landingPage-ten-mien .wrap-text .title {
    font-size: 48px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.landingPage-ten-mien .wrap-text p {
    line-height: 28px
}

.landingPage-ten-mien .wrap-text .title-sub-1 {
    font-size: 30px;
    margin-bottom: 5px
}

.landingPage-ten-mien .wrap-text .title-sub-2 {
    font-size: 24px
}

.landingPage-ten-mien .wrap-text .price {
    font-size: 40px
}

.landingPage-ten-mien .background-home-checkdomain {
    width: 28%
}

.landingPage-ten-mien .main-checkdomain .input-group {
    border: 3px solid #525151
}

.landingPage-ten-mien .bg-bot {
    padding: 60px 0;
    background-color: #f9f9f9
}

.landingPage-ten-mien .bg-bot .title-bot {
    font-size: 36px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: 600;
    line-height: 40px
}

.landingPage-ten-mien .bg-bot .summary {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px
}

.landingPage-ten-mien .bg-bot .logo-domain {
    text-align: center;
    margin-bottom: 10px
}

.landingPage-ten-mien .bg-bot .logo-domain.visible-xs-block {
    text-align: left
}

.landingPage-ten-mien .bg-bot ul {
    font-size: 14px;
    margin-left: 0;
    margin-top: 20px;
    padding-left: 0
}

.landingPage-ten-mien .bg-bot li {
    padding-left: 45px;
    background: url(/Content/images/icon-hand-aqua.png) no-repeat 0 0;
    list-style: none;
    margin-bottom: 25px
}

.landingPage-ten-mien .bg-bot li p {
}

.landingPage-ten-mien .bg-bot .main-domain {
    color: red !important
}

.landingPage-ten-mien .bg-bot li .titleTenDacTinh {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    margin-bottom: 0
}

.landingPage-ten-mien br {
    content: "";
    margin: 18px;
    display: block;
    width: 100%
}

.landingpage-baogom {
    margin-top: 30px
}

.landingpage-baogom a.title {
    font-family: 'Roboto Condensed';
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px
}

.landingpage-baogom ul {
    margin-top: 0 !important
}

.landingpage-baogom ul li {
    background: url('/Content/images/check-green-large.png') no-repeat !important;
    padding-left: 40px !important;
    padding-right: 15px;
    overflow: hidden;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.qtip-content A {
    color: blue
}

.text-ket-qua-whois {
    font-size: 24px;
    font-weight: 400
}

.tenmien-landingpage {
    color: #ffd800
}

.giamoi-landingpage {
    color: #ed3f64;
    background: #fff;
    display: inline-block;
    padding: 9px 7px;
    margin: 0 7px
}

.title-bot-landingpage-tenmien {
    text-transform: none !important
}

.title-bot-landingpage-tenmien span {
    color: #ff4343;
    text-transform: uppercase
}

@media screen and (max-width: 480px) {
    .ssl {
        background-size: 220%
    }

    .khuyen-mai-tong-hop .website-chuyen-nghiep .wrap-btn {
        text-align: center
    }

    .khuyen-mai-tong-hop .website-chuyen-nghiep .wrap-a {
        text-align: center;
        margin-bottom: 25px
    }

    .landingPage-ten-mien .bg-bot {
        padding: 30px 0;
        background-color: #f9f9f9
    }
}

@media screen and (min-width: 480px) {
    .mb-sub-menu {
        max-height: 225px;
        overflow-y: auto
    }
}

@media screen and (max-width: 480px) {
    .email-pro {
        background-size: 220%
    }

    .wordpress-hosting {
        background: url("/Content/images/pexels-photo-47116.png") no-repeat;
        background-size: 288%
    }
}

@media screen and (max-width: 480px) {
    .geotrust {
        background-position: 69% 0%
    }
}

@media screen and (max-width: 870px) {
    .symantec {
        background-position: 50% 0%;
        background-size: 315%
    }
}

@media screen and (max-width: 480px) {
    .globalsign {
        background-position: 50% 0%;
        background-size: 315%
    }
}

@media screen and (max-width: 1199px) {
    .wordpress-hosting-include ul li {
        min-height: 78px
    }
}

@media screen and (max-width: 768px) {
    .globalsign .globalsign-service .ssl-price {
        text-align: left;
        margin-left: 58px
    }

    .wordpress-hosting-include ul li {
        min-height: 53px
    }

    .landingPage-ten-mien .wrap-text {
    }

    .landingPage-ten-mien .wrap-text .title {
        font-size: 36px
    }

    .landingPage-ten-mien .background-home-checkdomain {
        display: none
    }

    .landingPage-ten-mien .bg-bot .title-bot {
        font-size: 30px;
        text-transform: none
    }
}

@media screen and (max-width: 767px) {
    .wordpress-hosting-include ul li {
        min-height: 30px
    }

    .chili-template .menu-chili a.active {
        border-bottom: none
    }

    .chili-template .template a {
        max-height: none
    }

    .mb-xem-them-tinh-nang {
        display: none
    }

    .nav-bottom .btn-start-chat {
        min-width: inherit;
        border: none
    }

    .nav-bottom .btn-start-chat:hover {
        border: none
    }

    .nav-bottom .btn-start-phone {
        min-width: 53px;
        border: none;
        padding-top: 3px
    }

    .nav-bottom .btn-start-phone:hover {
        border: none
    }

    .khuyen-mai-tong-hop {
        background-size: 190%
    }

    .hosting-server-top .subtitle .link-tab-service {
        width: 100%
    }
}

@media screen and (max-width: 992px) {
    .ssl-work .ssl-process .col-md-10 {
        padding: 0
    }

    .chili-template .btn-chili {
        display: inherit
    }

    .chili-template .template .thumbnail-chili .chili-detail {
        height: 135px
    }
}

@media screen and (max-width: 1335px) {
    .ssl-work .ssl-process .col-md-10 {
        padding: 0
    }

    .hosting-server-top .subtitle .div-left {
        padding-right: 15px
    }

    .hosting-server-top .subtitle .div-right {
        padding-left: 15px
    }
}

@media screen and (min-width: 767px) {
    .globalsign .globalsign-service .service-info {
        padding-left: 5px
    }
}

@media screen and (min-width: 767px) {
    .ssl-comodo .globalsign-service .service-info {
        padding-left: 5px
    }
}

@media screen and (min-width: 994px) {
    .chili-template .menu-chili .wrap-search {
        padding-bottom: 5px
    }
}

@media screen and (min-width: 1320px) {
    .ssl-process .slide-content {
        padding: 0 120px 0 120px
    }

    .ssl-work .change-slide-left {
        padding-left: 10%
    }

    .ssl-work .change-slide-right {
        padding-right: 10%
    }
}

.matbao-dropdown-alignLeft {
    text-align: left
}

.them-icon-image {
    width: 50px;
    height: 50px
}

.them-title-service-short {
    vertical-align: middle;
    line-height: 51px
}

.them-title-service-long {
    vertical-align: middle;
    line-height: 30px
}

.them-domain-color {
    color: #090
}

@media only screen and (max-width: 768px) {
    .dropdown-service-name > strong {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 165px
    }
}

@media only screen and (min-width: 768px) {
    .domain-price-combo {
        vertical-align: middle;
        display: block;
        padding: 22px 0
    }
}

.rangeSlider, .rangeSlider__fill {
    background: #7f8c8d;
    display: block;
    height: 15px;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 15px
}

.rangeSlider {
    position: relative
}

.rangeSlider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

.rangeSlider__fill {
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 2;
    overflow: hidden
}

.rangeSlider__handle {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 21px;
    position: absolute;
    top: -3px;
    z-index: 3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .1));
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.rangeSlider__handle:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, .13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, .13), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, .13), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(0, 0, 0, .13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, .13), rgba(255, 255, 255, 0));
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.rangeSlider__handle:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, .12)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .12));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .12));
    background-image: -o-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .12));
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .12));
    outline: none
}

input[type="range"]:focus + .rangeSlider .rangeSlider__handle {
    -webkit-box-shadow: 0 0 8px rgba(142, 68, 173, .9);
    -moz-box-shadow: 0 0 8px rgba(142, 68, 173, .9);
    box-shadow: 0 0 8px rgba(142, 68, 173, .9)
}

.rangeSlider__buffer {
    z-index: 1;
    position: absolute;
    top: 2px;
    height: 4px;
    background: #2c3e50;
    border-radius: 2px
}

.lienhe .infobox-wrapper {
    display: none
}

.lienhe .infoBox {
    background: url("images/arrowtip.png") no-repeat bottom center;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    opacity: .8;
    padding: 15px 5px;
    text-align: center;
    width: 300px !important
}

.lienhe .tab-page-area {
    display: none
}

.lienhe .infoBox > a {
    position: absolute !important;
    top: 10px;
    right: 23px
}

.lienhe .maptitle {
    font-size: 18px;
    margin-bottom: 10px
}

.lienhe .mapcontent {
}

.lienhe div.cleft {
    background: #fff;
    float: left;
    width: 430px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 40px 20px 20px;
    min-height: 465px
}

.lienhe div.cright {
    background: #fff;
    float: left;
    width: 430px;
    padding: 40px 20px 20px;
    margin-bottom: 20px;
    min-height: 465px
}

.lienhe a.title-ssl {
    color: #606060;
    font-weight: normal;
    margin: 0 0 20px
}

.lienhe .content-ssl .cphone {
    display: block;
    float: left;
    width: 50%
}

.lienhe .content-ssl .cfax {
}

.lienhe .content-ssl .cadd {
    float: left;
    margin-top: 15px
}

.lienhe .content-ssl a {
    float: left;
    margin-right: 9px
}

.lienhe .content-ssl .clabel {
    float: left;
    width: 115px;
    margin-right: 20px;
    text-align: right;
    line-height: 35px
}

.lienhe textarea.NormalTextBox, input.NormalTextBox {
    color: #606060;
    font-size: 14px;
    margin-bottom: 20px
}

.lienhe .FormButton {
    background: url(images/send.png) no-repeat center center;
    float: right
}

.lienhe .cerror {
    position: absolute;
    right: 10px
}

.lienhe .gm-style-iw {
    width: 100%
}

.lienhe {
    font-family: Roboto Condensed
}

.lienhe .mapcontent {
    font-family: Roboto Condensed !important
}

.lienhe .divloading {
    width: 175px;
    margin: auto;
    background: #d1d1d1
}

.lienhe .darkgray {
    color: #363636
}

.lienhe a {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto Condensed'
}

.lienhe a {
    font-family: 'Roboto Condensed';
    font-size: 24px;
    font-weight: bold
}

.lienhe-header .row-head {
    text-align: center;
    color: #fff;
    margin: 25px 0
}

.lienhe-header .row-head p {
    font-size: 18px;
    margin: 20px 0
}

.lienhe-body1 {
    padding: 80px 0
}

.lienhe-body1 ul {
    list-style: none;
    color: #787878;
    padding: 10px
}

.lienhe-body1 ul li {
    padding: 0 10px;
    font-size: 18px;
    margin-bottom: 35px;
    cursor: pointer
}

.lienhe-body1 ul li > a {
    margin-right: 10px
}

.lienhe-body1 ul li > div {
    display: none;
    padding: 0 0 0 25px
}

.lienhe-body1 ul li > div > div {
    font-size: 14px;
    margin: 15px 0 0 0;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif
}

.lienhe-body1 ul li div a {
    margin-right: 10px
}

.lienhe-body1 .map-height {
    height: 400px
}

.lienhe-body2 {
    color: #fff;
    padding: 60px 0 80px 0
}

.lienhe-body2 .hotro-table {
    padding: 7px 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif
}

.lienhe-body2 > div > div > div {
    padding: 20px
}

.lienhe-body2 .inner-content {
    margin-top: 35px
}

.lienhe-body2 .front-line {
    margin-bottom: 20px
}

.lienhe-body2 .front-line hr {
    width: 27px;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 13px;
    border-top: 1px solid #fff !important
}

.lienhe-body2 a {
    margin-left: 38px
}

.lienhe-body3 {
    color: #363636;
    padding: 60px 0;
    background: url("/Content/images/lienhe-newsletter-bg.png") no-repeat;
    background-size: cover
}

.lienhe-body3 .inside {
    padding-top: 15px;
    overflow: hidden
}

.lienhe-body3 label {
    font-weight: normal;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif
}

.lienhe-body3 .input-border {
    padding: 0;
    border-bottom: 1px solid #363636;
    margin: 20px 0
}

.lienhe-body3 input[type=text] {
    border: none;
    background: transparent;
    font-size: 14px;
    width: 100%;
    font-family: 'Open Sans', sans-serif
}

.lienhe-body3 .text-center {
    margin: 25px auto
}

.lienhe-body3 .btn-red {
    background: #ff4343;
    color: #fff;
    font-size: 18px;
    height: 40px;
    border: none;
    padding: 0 60px;
    font-family: 'Roboto Condensed', sans-serif
}

.lienhe-body3 .title {
    padding-right: 0;
    padding-left: 0;
    max-width: 60px
}

.lienhe-body3 textarea {
    min-width: 100%;
    background-color: transparent;
    border: none;
    overflow-y: hidden;
    font-size: 16px
}

.right {
    float: right
}

.line-through {
    text-decoration: line-through
}

.background-lightgray {
    background: #d1d1d1
}

.combo .loadinga {
    width: 100%;
    height: 60px
}

.combo .loadinga > div {
    width: 100px;
    margin: auto;
    padding: 12px 0
}

.combo .loadingregister {
    float: right;
    padding: 5px 17px;
    margin-top: 18px
}

.combo .loading {
    padding: 4px 0
}

.combo .loading > div {
    width: 130px;
    margin: auto
}

.combo {
    position: relative;
    border: 0 none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
    float: left;
    font-family: 'Roboto Condensed', sans-serif
}

.combo a, .combo a {
    font-family: 'Roboto Condensed', sans-serif
}

.combo input[type=button] {
    font-family: 'Roboto Condensed', sans-serif
}

.combo-gioithieu {
    color: #fff;
    padding: 20px 0 0 0
}

.combo .xs-check-domain {
    padding: 15px 0
}

.combo-gioithieu a {
    max-width: 350px
}

.combo-gioithieu .intro {
    padding-top: 35px
}

.combo-gioithieu .intro a {
    font-size: 60px
}

.combo-gioithieu .intro p {
    font-size: 20px;
    text-transform: uppercase
}

.domaincheck {
    background: rgba(21, 21, 21, .5);
    width: 100%;
    height: auto
}

.domaincheck > div > div > div {
    padding: 0 30px !important;
    font-size: 18px;
    margin: 0 0 15px 0;
    color: #fff
}

.domaincheck a {
    font-weight: bold;
    margin: 15px 0
}

.domaincheck input {
    height: 62px !important
}

.domaincheck .input-group span > input {
    background: #ff4342;
    color: #fff;
    border-radius: 0 !important;
    font-size: 24px !important
}

.domaincheck > div > div > div .input-group > input {
    border-radius: 0;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif
}

.domaincheck .check-frame {
    padding: 10px 30px 20px 30px
}

.xs-check-domain input {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    height: 60px;
    border: 1px solid #a5a5a5;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif
}

.xs-check-domain span {
    font-size: 24px;
    height: 60px;
    color: #fff;
    background-color: #ff4641;
    border: 1px solid #a5a5a5;
    border-radius: 0
}

.domain-info {
    padding: 30px 0 70px
}

.domain-info .domainicon {
    max-width: 280px;
    margin: 50px auto
}

.combo-info {
    float: left;
    width: 100%
}

.combo-info a {
    font-weight: normal !important;
    font-size: 16px !important
}

.combo-kiemtra ul {
    padding: 0 10px;
    padding-bottom: 10px;
    list-style: none;
    overflow: hidden
}

.combo-kiemtra #domain_sucess .result-domain {
    font-size: 48px;
    color: #ff4342;
    font-weight: bold
}

.combo-kiemtra #domain_sucess a.domain-register {
    float: right;
    padding: 10px 25px;
    background-color: #9acf1d;
    color: #fff;
    font-size: 16px;
    margin-top: 20px
}

.domaincheck2 {
    background: #363636
}

.domaincheck2 .check-frame {
    margin-top: 15px
}

.combo-kiemtra a {
    font-size: 36px;
    font-weight: bold;
    margin: 30px 10px 30px
}

.combo-chondichvu {
    background: #f7ebdd;
    padding-top: 40px
}

.combo-chondichvu a {
    font-weight: bold;
    font-size: 24px
}

.combo-chondichvu .step2-title-frame div {
    max-width: 285px;
    margin: 60px 50px 20px;
    height: auto
}

.combo-chondichvu a {
    font-family: Open Sans;
    font-size: 16px
}

.combo-chondichvu .step2-select-frame {
    background: #fff;
    margin-bottom: 20px
}

.combo-chondichvu .step2-select-frame .newprice {
    font-size: 30px;
    color: #ff7200;
    margin-top: 10px
}

.combo-chondichvu .step2-select-frame .unit {
    font-size: 16px;
    color: #464f58;
    margin-left: 7px
}

.display-none {
    display: none
}

.promotion {
    width: 100%;
    overflow: hidden
}

.promotion .pro-step-enter-domain .combo-item, .promotion .pro-step-enter-domain .plus {
    max-width: 90px;
    text-align: center;
    float: left;
    padding: 0 10px
}

.promotion .pro-step-enter-domain .combo-item > p {
    margin: 0;
    font-size: 16px
}

.promotion .pro-step-enter-domain .plus {
    margin-top: 25px
}

.pro-step-enter-domain .step-name {
    clear: both;
    font-size: 20px;
    margin-top: 274px
}

.promotion .whois-group {
    width: 100%;
    display: inline-block;
    margin-top: 30px
}

.promotion .whois-group input {
    font-size: 20px;
    padding: 14px;
    border: none;
    border-radius: 0;
    width: 810px;
    float: left
}

.promotion .domain-tooltip {
    position: absolute;
    left: 0;
    bottom: -48px;
    background-color: #9acf1b;
    padding: 10px 20px;
    color: #fff;
    z-index: 999;
    font-size: 15px
}

.promotion .domain-tooltip i {
    position: absolute;
    top: -7px;
    left: 20px;
    width: 14px;
    height: 7px;
    background: url(images/arrow-top.png) no-repeat
}

.promotion .whois-group .button {
    width: 140px;
    cursor: pointer;
    background-color: #ff9c00;
    font-weight: bold;
    padding: 5px 0 5px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 44px
}

.pro-step-enter-domain .whois-group, .pro-step-whois-result .whois-group {
    margin-top: 0
}

.promotion .pro-step-whois-result {
}

.promotion .pro-step-whois-result .title {
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px
}

.promotion .pro-step-whois-result ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin-top: 20px
}

.promotion .pro-step-whois-result ul > li {
    float: left;
    width: 100%
}

.promotion .pro-step-whois-result ul > li > span {
    font-size: 60px;
    color: #ff7200;
    font-weight: bold
}

.promotion .pro-step-whois-result div#div_domain_result {
    overflow: hidden;
    padding: 10px 30px;
    background: #fff;
    border: 2px dashed #6dc765;
    margin-top: 15px;
    font-size: 40px;
    margin-bottom: 25px
}

.promotion .pro-step-whois-result div#div_domain_result ul {
    margin-top: 0
}

.promotion .pro-step-whois-result div#div_domain_result ul li {
    padding: 5px 0
}

.promotion .pro-step-whois-result div#div_domain_result .bold {
    font-weight: bold
}

.promotion .pro-step-whois-result > p > a {
    padding: 8px 24px;
    background-color: #6dc765;
    color: #fff;
    border-bottom: 4px solid #479532;
    font-size: 15px
}

.promotion .pro-step-whois-result div#div_domain_result > ul > li > div.promotionleft {
    float: left;
    color: #ff7200
}

.promotion .pro-step-whois-result div#div_domain_result > ul > li > div.promotionright {
    float: right;
    font-size: 30px
}

.promotion .pro-step-whois-result div#div_domain_result > ul > li > div > span {
    color: #606060
}

.promotion .pro-step-whois-result div#div_domain_result > ul > li > div > span.newprice {
    font-size: 35px;
    color: #ff9c00
}

.promotion .pro-step-whois-result div#div_domain_result > ul > li > div > span.oldprice {
    text-decoration: line-through
}

.promotion .pro-step-whois-result ul > li > a {
    float: right;
    padding: 8px 24px;
    background-color: #6dc765;
    color: #fff;
    border-bottom: 4px solid #479532;
    font-size: 15px;
    margin-top: 30px
}

.promotion .pro-step-whois-result .sub-title {
    font-size: 30px;
    margin-top: 10px;
    float: left;
    width: 100%
}

.promotion .pro-step-whois-result ul > li.error > span {
    text-decoration: line-through
}

.promotion .pro-step-hosting .title, .promotion .pro-step-email .title, .promotion .pro-step-web .title {
    float: left;
    font-size: 35px;
    margin-top: 60px
}

.promotion .pro-step-hosting .box, .promotion .pro-step-email .box, .promotion .pro-step-web .box {
    background: #fff;
    padding: 10px 30px 20px 30px;
    margin: 20px 0;
    position: relative
}

.promotion .pro-step-hosting .box .hosting-title, .promotion .pro-step-email .box .email-title, .promotion .pro-step-web .box .email-title {
    font-size: 24px;
    color: #606060;
    font-weight: normal !important;
    text-transform: none
}

.promotion .pro-step-hosting .box .pro-stick {
    position: absolute;
    right: 35px;
    background-color: #fca61d;
    color: #fff;
    padding: 18px 10px;
    font-size: 26px;
    border-radius: 50%;
    font-weight: bold;
    top: 0
}

.promotion .box > ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    overflow: hidden
}

.promotion .box > ul li div {
    padding-right: 0
}

.promotion .pro-step-hosting .box > ul > li, .promotion .pro-step-email .box > ul > li, .promotion .pro-step-web .box > ul > li {
    line-height: 28px;
    padding-left: 0;
    font-size: 17px;
    font-family: Open Sans
}

.promotion .pro-step-hosting .box span.price, .promotion .pro-step-email .box span.price, .promotion .pro-step-web .box span.price {
    color: #ff7200;
    font-size: 34px
}

.promotion .pro-step-hosting .box span.unit, .promotion .pro-step-email .box span.unit, .promotion .pro-step-web .box span.unit, .pro-price-old {
    font-size: 18px;
    color: #464f58;
    margin-left: 7px
}

.promotion .box .s-type, .promotion .box .s-package {
    background-color: #f4f4f4;
    margin: 0 -45px;
    padding: 20px 40px;
    border-left: 3px solid #ff950d;
    margin-top: 20px
}

.promotion .box .s-type select, .promotion .box .s-package select {
    font-size: 18px;
    padding: 5px 10px;
    border: 1px solid #d0d0d0;
    width: 100%
}

.promotion .box .s-package {
    margin-top: 2px;
    border-left: 3px solid #10b3fe;
    height: 80px
}

.promotion .box .box-button {
    border: none;
    width: 100%;
    text-align: center;
    display: block;
    background-color: #9acf1d;
    padding: 10px 0;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    font-family: Open Sans
}

.pro-price-old {
    clear: both;
    display: block;
    margin-left: 0;
    text-decoration: line-through
}

.promotion div#div_domain_result {
    overflow: hidden;
    padding: 10px 0;
    background: #fff;
    border: 2px dashed #6dc765;
    margin-top: 15px;
    font-size: 40px;
    margin-bottom: 25px
}

.promotion div#div_domain_result ul {
    margin-top: 0
}

.promotion div#div_domain_result ul li {
    padding: 5px 0
}

.promotion div#div_domain_result ul li > div > div:first-child:not(:nth-child(2)) {
    font-size: 48px;
    color: #ff4342;
    font-weight: bold;
    line-height: 55px
}

.promotion div#div_domain_result ul li > div > div:nth-child(2) {
    padding-right: 0
}

.promotion div#div_domain_result .bold {
    font-weight: bold
}

.promotion div#div_domain_result > ul > li span.oldprice {
    text-decoration: line-through
}

.promotion div#div_domain_result > ul > li span.newprice {
    font-size: 35px;
    color: #ff9c00
}

.promotion div#div_domain_result > ul > li span {
    color: #606060;
    font-size: 27px;
    margin-left: 7px
}

.promotion #registerdomaincombo {
    margin-bottom: 25px
}

.promotion a.btnCombo {
    padding: 10px 25px;
    background-color: #9acf1d;
    color: #fff;
    font-size: 16px
}

@media (max-width: 991px) {
    .combo-chondichvu .step2-select-frame .newprice {
        font-size: 29px
    }
}

@media (max-width: 767px) {
    .text-xs-center {
        margin: 0 auto;
        display: block;
        text-align: center
    }

    .text-xs-30 {
        font-size: 30px !important
    }

    .text-xs-18 {
        font-size: 18px !important
    }

    .padding-xs-0 {
        padding: 0 0 35px 0 !important
    }

    .combo-gioithieu .intro p {
        font-size: 14px !important
    }

    .domain-xs-register {
        padding: 5px 12px !important;
        margin-top: 0 !important;
        font-size: 13px !important
    }

    #domain_sucess li {
        margin: 10px 0;
        overflow: hidden
    }

    .domaincheck .text-center {
        margin: 0;
        font-size: 18px
    }

    .combo-kiemtra #domain_sucess a.domain-register {
        font-size: 14px
    }

    .promotion .box {
        padding: 30px 5px 20px 5px !important
    }

    .promotion .box .s-type, .promotion .box .s-package {
        margin: 0 -20px !important;
        padding: 20px 10px
    }

    .combo-chondichvu .step2-select-frame .price {
        font-size: 12px
    }

    .combo .loadingregister {
        float: right;
        padding: 3px 0;
        margin-top: 0
    }

    .combo .loadingregister a {
        width: 65px
    }

    .combo-chondichvu {
        padding-top: 20px !important
    }

    .promotion div#div_domain_result ul li > div > div:first-child:not(:nth-child(2)) {
        font-size: 18px;
        line-height: 36px
    }

    .promotion div#div_domain_result > ul > li span.newprice {
        font-size: 18px;
        color: #ff9c00
    }

    .promotion div#div_domain_result > ul > li span {
        color: #606060;
        font-size: 16px
    }

    .promotion div#div_domain_result ul li > div > div:nth-child(2) > div {
        line-height: 22px
    }

    .promotion a.btnCombo {
        padding: 8px 20px !important;
        font-size: 14px !important
    }

    .kasperskybox .boxcontent {
        color: #211e1e !important
    }
}

.promotion #mCSB_1_container, #mCSB_2_container, #mCSB_3_container, #mCSB_4_container, .mCSB_container {
    width: 100% !important
}

.promotion .hosting-package {
    height: 38px
}

.promotion .mCustomScrollBox {
    overflow: hidden
}

.promotion .ddlHostingEmail {
    background: #efefef url("/Content/images/arrowCheckbox.png") no-repeat scroll right 0
}

.promotion .ddlHostingEmail, .activeSelect {
    background-color: #fff !important;
    position: absolute
}

.promotion .ddlHostingEmail {
    position: relative;
    font-size: 12px;
    line-height: 30px;
    border-radius: 0;
    height: 33px;
    -webkit-appearance: none;
    text-indent: 8.01px;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.promotion .ddlshow {
    height: 38px;
    padding: 0
}

.promotion .ddlshow {
    padding-bottom: 8px
}

.promotion .ddlshow {
    height: 40px;
    padding-bottom: 8px;
    padding-right: 10px;
    border: 1px solid #e1e1e1
}

.promotion .ddlshow .TitleShow {
    color: #000;
    font-size: 18px;
    padding: 4px 0;
    cursor: pointer
}

.promotion .msform .promotion input, .msform .promotion textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2c3e50;
    font-size: 13px
}

.promotion .tab-page-content-area .content {
    background-size: 100% !important
}

.promotion .ddlchild {
    cursor: pointer;
    background-color: #f8f1d7;
    border-width: 0 1px;
    border-style: none solid;
    border-color: #e9d3ab;
    padding: 2px 1px;
    border-bottom: 1px solid #e9d3ab
}

.promotion .titlechild {
    padding-left: 10px !important
}

.promotion td {
    padding-left: 10px !important;
    line-height: 15px;
    font-size: 14px;
    padding: 3px 0;
    min-width: 95px
}

.promotion .ddlchild :hover {
    background-color: #fcf8eb
}

.promotion tr {
    height: 1px !important
}

.promotion .pricehosting {
    float: right;
    font-size: 14px;
    position: absolute;
    right: 10px
}

.promotion .IdEmailHosting {
    display: none !important
}

.promotion .ddlchild .titlechild {
    font-size: 14px;
    color: #363636;
    cursor: pointer;
    padding-left: 20px;
    font-weight: normal
}

.promotion .mCustomScrollbar {
    height: 200px !important
}

.chili-info {
    background: #21aad8
}

.customa {
    width: 153px;
    margin: auto;
    margin-top: 17px
}

.customa a {
    width: 110px !important
}

.boxdieukhoan {
    color: #363636;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 15px 0
}

.boxdieukhoan a {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    border-bottom: solid 1px #ff0a00;
    padding-bottom: 10px
}

.boxdieukhoan a strong {
    border-bottom: solid 2px #ff0a00;
    padding-bottom: 6px
}

.boxdieukhoan .boxnoidung div {
    padding: 5px 0
}

.boxdieukhoan .boxnoidung div p {
    margin: 15px 0;
    line-height: 23px
}

.boxdieukhoan .boxnoidung div ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 20px
}

.boxdieukhoan a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px
}

.boxdieukhoan a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px
}

.boxdieukhoan a {
    color: #363636
}

.boxdieukhoan a.itself {
    color: #145d8b
}

.kasperskybox {
    padding: 50px 0
}

.kasperskybox .title {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold
}

.kasperskybox .subtitle {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px
}

.kasperskybox .boxprice .headerbox {
    background: #ffa200
}

.kasperskybox .boxprice .price-item label {
    margin-left: 20px
}

.kasperskybox .boxprice .price-item .price-area {
    top: 17px
}

.kasperskybox .boxcontent {
    color: #787878
}

.kasperskybox p {
    line-height: 23px
}

.kasperskybox a {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: bold;
    line-height: 23px
}

.kasperskybox ul {
    padding: 1px 0 1px 0
}

.kasperskybox ul li {
    background: url('/Content/images/kaspersky_check-green.png') no-repeat;
    list-style-type: none;
    padding-left: 45px;
    margin: 15px 0;
    line-height: 23px
}

.kasperskybox .for-mobile .price-item {
    height: 110px !important
}

.kasperskybox .for-mobile .price-item > div:first-child {
    line-height: 23px;
    height: 60px
}

.kasperskybox .for-mobile .price-item label {
    margin-top: 5px
}

.kasperskybox .for-mobile .price-item .price-area {
    position: initial !important;
    padding: 0 55px;
    margin-top: -10px
}

#loadingaction3 {
    display: none
}

.menu-padding .navbar-nav > li {
    padding: 0 29px
}

@media (min-width: 767px) {
    .ssl .panel-default .info {
        color: #000;
        min-height: 255px;
        padding-bottom: 0
    }
}

@media (max-width: 992px) {
    .menu-padding .navbar-nav > li {
        padding: 0 14px
    }
}

@media (max-width: 1200px) {
    .menu-padding .navbar-nav > li {
        padding: 0 18px
    }
}

@media (max-width: 992px) {
    .menu-padding .navbar-nav > li {
        padding: 0 14px
    }
}

#qtip-overlay.blurs, .qtip-close {
    cursor: pointer
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 13px;
    line-height: 16px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content, .qtip-titlebar {
    position: relative;
    overflow: hidden
}

.qtip-content {
    padding: 5px 9px;
    text-align: left;
    word-wrap: break-word
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700
}

.qtip-titlebar + .qtip-content {
    border-top-width: 0 !important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    outline: 0;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal 700 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: -100em -100em no-repeat
}

.qtip-default {
    border: 1px solid #f1d031;
    background-color: #ffffa3;
    color: #555
}

.qtip-default .qtip-titlebar {
    background-color: #ffef93
}

.qtip-default .qtip-icon {
    border-color: #ccc;
    background: #f1f1f1;
    color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #aaa;
    color: #111
}

.qtip-light {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #454545
}

.qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3
}

.qtip-dark .qtip-titlebar {
    background-color: #404040
}

.qtip-dark .qtip-icon {
    border-color: #444
}

.qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-cream {
    background-color: #fbf7aa;
    border-color: #f9e98e;
    color: #a27d35
}

.qtip-red, .qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #d95252
}

.qtip-cream .qtip-titlebar {
    background-color: #f0de7d
}

.qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0
}

.qtip-red {
    background-color: #f78b83;
    color: #912323
}

.qtip-red .qtip-titlebar {
    background-color: #f06d65
}

.qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0
}

.qtip-green {
    background-color: #caed9e;
    border-color: #90d93f;
    color: #3f6219
}

.qtip-green .qtip-titlebar {
    background-color: #b0de78
}

.qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0
}

.qtip-blue {
    background-color: #e5f6fe;
    border-color: #add9ed;
    color: #5e99bd
}

.qtip-blue .qtip-titlebar {
    background-color: #d0e9f5
}

.qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0
}

.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15)
}

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.qtip-rounded .qtip-titlebar {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.qtip-youtube {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
    color: #fff;
    border: 0 solid transparent;
    background: #4a4a4a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #000));
    background-image: -webkit-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -moz-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -ms-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%)
}

.qtip-youtube .qtip-titlebar {
    background-color: #4a4a4a;
    background-color: rgba(0, 0, 0, 0)
}

.qtip-youtube .qtip-content {
    padding: .75em;
    font: 12px arial, sans-serif;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}

.qtip-youtube .qtip-icon {
    border-color: #222
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, .7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-linear-gradient(top, #717171, #232323);
    background-image: -ms-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;
    border: 2px solid rgba(241, 241, 241, 1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333
}

.qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}

.qtip-jtools .qtip-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
    background: 0 0;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-jtools .qtip-icon {
    border-color: #555
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}

.qtip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    background-color: #d9d9c2;
    color: #111;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-titlebar {
    background-color: #87876a;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-icon {
    border-color: #808064
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952
}

.qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, .87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 1px #000
}

.qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10px;
    background-color: transparent
}

.qtip-tipsy .qtip-content {
    padding: 6px 10px
}

.qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-tipped {
    border: 3px solid #959fa9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9f9f9;
    color: #454545;
    font-weight: 400;
    font-family: serif
}

.qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;
    color: #fff;
    background: #3a79b8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
    background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}

.qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589
}

.qtip-tipped .qtip-icon .ui-icon {
    background-color: #fbfbfb;
    color: #555
}

.qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 11px;
    top: 45%;
    border-style: none
}

.qtip-bootstrap .qtip-content {
    padding: 9px 14px
}

.qtip-bootstrap .qtip-icon {
    background: 0 0
}

.qtip-bootstrap .qtip-icon .ui-icon {
    width: auto;
    height: auto;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

#qtip-overlay, #qtip-overlay div {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
    filter: none;
    -ms-filter: none
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.qtip .qtip-tip, x:-o-prefocus {
    visibility: hidden
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: 0 0;
    border: 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}

#qtip-overlay {
    position: fixed
}

#qtip-overlay div {
    position: absolute;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

@CHARSET "UTF-8";
.sbHolder {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    position: relative;
    width: 100%;
    font-size: 18px
}

.sbHolder:focus .sbSelector {
}

.sbSelector {
    display: block;
    height: 40px;
    left: 0;
    line-height: 40px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 90%
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #000;
    outline: none;
    text-decoration: none
}

.sbToggle {
    background: url(images/select-icons.png) 0 -107px no-repeat;
    display: block;
    height: 40px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.sbToggle:hover {
    background: url(images/select-icons.png) 0 -160px no-repeat
}

.sbToggleOpen {
    background: url(images/select-icons.png) 0 0 no-repeat
}

.sbToggleOpen:hover {
    background: url(images/select-icons.png) 0 -53px no-repeat
}

.sbHolderDisabled {
    background-color: #3c3c3c;
    border: solid 1px #515151
}

.sbHolderDisabled .sbHolder {
}

.sbHolderDisabled .sbToggle {
}

.sbOptions {
    background-color: #fff;
    border: solid 1px #d0d0d0;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 999;
    overflow-y: auto
}

.sbOptions li {
    padding: 0 7px
}

.sbOptions a {
    border-bottom: dotted 1px #d0d0d0;
    display: block;
    outline: none;
    padding: 7px 0 7px 3px
}

.sbOptions a:link, .sbOptions a:visited {
    color: #363636;
    text-decoration: none
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    color: #ff7200
}

.sbOptions li.last a {
    border-bottom: none
}

.sbOptions .sbDisabled {
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px
}

.sbOptions .sbGroup {
    border-bottom: dotted 1px #515151;
    color: #ebb52d;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px
}

.sbOptions .sbSub {
    padding-left: 17px
}

.box-chat {
    background: #df2f28;
    width: 285px;
    min-height: 80px;
    position: fixed;
    z-index: 104;
    right: 10px;
    bottom: 50px;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 3px #161616;
    display: none;
    font-family: Arial
}

.box-chat .title-chat {
    height: 70px;
    position: relative;
    padding: 6px;
    border-radius: 3px 3px 0 0
}

.title-chat .closeChat {
    position: absolute;
    right: 1px;
    top: 0;
    cursor: pointer
}

.maxChat {
    position: absolute;
    right: 18px;
    top: 0;
    cursor: pointer
}

.title-chat p {
    margin: 0;
    color: #fff;
    font-size: 12px
}

.content-input-chat {
    padding: 6px;
    display: none
}

.content-input-name {
    padding: 6px;
    border-top: 1px dotted #fff
}

.content-input-name table tr td {
    color: #fff
}

.infoChat {
    height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px 4px 10px;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
    border: none;
    width: 245px;
    background: #c82a24
}

.infoChat::-moz-placeholder {
    color: #fff
}

.infoChat::-webkit-input-placeholder {
    color: #fff
}

.infoChat:-ms-input-placeholder {
    color: #fff
}

.inputChat {
    width: 212px;
    height: 46px !important;
    float: left;
    margin-right: 5px;
    color: #000
}

.sendChat {
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    background: url("/Content/images/MatbaoChat/sendChat.PNG") no-repeat;
    color: #363636;
    font-weight: bold
}

.sendRate {
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    background: url("/Content/images/MatbaoChat/sendChat.PNG") no-repeat;
    color: #363636;
    font-weight: bold
}

.content-input-rate {
    padding: 6px;
    display: none
}

.content-input-rate p {
    font-size: 14px !important;
    color: #fff;
    margin: 5px 0
}

.box-chat-container {
    width: 285px;
    position: fixed;
    z-index: 103;
    right: 10px;
    background: #df2f28;
    bottom: -221px
}

.box-list-chat {
    width: 285px;
    min-height: 100px;
    z-index: 103;
    right: 10px;
    border-radius: 3px 3px 0 0;
    display: none
}

.box-list-chat ul {
    margin: 5px;
    padding: 0;
    list-style: none
}

.box-list-chat ul li {
    color: #fff;
    border-bottom: 1px dotted #e68080;
    padding: 5px 0;
    float: left;
    width: 100%;
    min-height: 14px
}

.box-list-chat ul li .loadingChat {
    width: 275px;
    height: 68px;
    background: url("/Content/images/MatbaoChat/loading_chat.gif") no-repeat center center;
    opacity: .9
}

.box-list-chat ul li p {
    margin: 3px 0;
    font-size: 14px
}

.button-chat {
    border: none;
    cursor: pointer;
    background: #fff;
    color: #363636;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 11px;
    font-family: Arial
}

.avatarSale {
    float: left;
    margin-right: 5px;
    border: 2px solid #fff;
    height: 70px;
    width: 48px
}

.title-chat .aSale {
    height: 65px;
    width: 51px
}

.box-list-chat .closeChat {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.hiddenChat {
    display: none
}

.showChat {
    display: block
}

.downApp {
    background: url("/App_Themes/MatbaoNet/a/downApp.gif") no-repeat left center;
    margin: 5px;
    color: #363636;
    font-size: 12px;
    font-weight: bold;
    padding-left: 13px
}

.check-domain-sepa .btngoogleplay {
    background: url("a/btngoogle.png") left center no-repeat;
    line-height: 20px;
    height: 20px
}

.check-domain-sepa .btnwindowsstore {
    background: url("a/btwindowphone.png") left center no-repeat;
    line-height: 20px;
    height: 20px
}

.btn-transfer {
    display: inline-block;
    padding: 0 20px;
    background: url(/App_Themes/MatbaoNet/a/bg-button-focus.png);
    border-color: #be0e0e #c30c0e #bd0d0f #c20c0b;
    border-style: solid;
    border-width: 1px;
    line-height: 28px;
    cursor: pointer;
    color: #fff;
    margin: 0;
    margin-left: 5px
}

.btn-transfer:hover {
    color: #fff;
    text-decoration: underline
}

.wrap-send-chat {
    position: relative
}

.wrap-send-chat a {
    bottom: 4px;
    cursor: pointer;
    position: absolute;
    right: 61px
}

#dragChat {
    display: none;
    color: #92aab0;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 200%;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 271px;
    height: 244px;
    background: transparent;
    z-index: 102;
    border: 1px dashed #df2f28;
    background: rgba(255, 255, 255, .7)
}

#dragChat a {
    position: relative;
    top: 40%;
    left: 40%;
    cursor: pointer
}

.progressError {
    min-height: 20px;
    padding-bottom: 5px;
    color: #8f8f8f
}

.progressBar {
    height: 10px;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    vertical-align: top
}

.progressBar div {
    height: 100%;
    color: #8f8f8f;
    text-align: right;
    line-height: 22px;
    width: 0;
    background: url(/App_Themes/MatbaoNet/a/bg-file-chat.gif) repeat-x left center;
    border-radius: 3px
}

.statusbar {
    min-height: 25px;
    width: 275px;
    padding: 10px 0 0 10px;
    vertical-align: top;
    position: fixed;
    bottom: 396px;
    right: 10px;
    z-index: 999999;
    background: #f6f6f6;
    color: #8f8f8f;
    box-shadow: 0 0 5px #bdbdbd
}

.filename {
    margin-bottom: 5px
}

.filesize {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    width: 100px;
    margin-left: 10px;
    margin-right: 5px
}

.abort {
    background: url(/App_Themes/MatbaoNet/a/close-file-popup.PNG) no-repeat center center;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 21px;
    height: 21px
}

.count-down-file {
    position: absolute;
    right: -1px;
    top: 11px;
    width: 21px;
    height: 21px;
    color: #df2f28
}

.review-message {
    top: -222px;
    right: 21px;
    background: #df2f28;
    width: 285px;
    z-index: 103;
    right: 10px
}

.khuyen-mai-black-friday .khuyen-mai-content {
    background-color: #f9f9f9;
    background-size: 100%;
    background: #f9f9f9;
    font-family: 'Roboto Condensed';
    padding-bottom: 50px;
    padding-top: 45px;
    color: #606060;
    text-align: center;
    line-height: 24px
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep span {
    font-size: 16px
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep .bg-white {
    background-color: #fff;
    margin-bottom: 30px;
    padding-bottom: 25px;
    padding: 27px 20px
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep .title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep li {
    background: url("/Content/images/check-green-large.png") 0 0 no-repeat;
    height: 30px;
    list-style-type: none;
    padding-left: 40px
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep i {
    margin: 0 15px
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep ul {
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
    padding-left: 0
}

.khuyen-mai-black-friday .khuyen-mai-content .website-chuyen-nghiep .wrap-a {
    margin-bottom: 25px
}

.khuyen-mai-black-friday .khuyen-mai-content .row-head {
    margin-bottom: 30px;
    text-align: center
}

.khuyen-mai-black-friday .khuyen-mai-content .row-head p {
    font-size: 18px
}

.khuyen-mai-black-friday .khuyen-mai-content .price {
    color: #ff010b;
    font-size: 24px !important;
    font-weight: bold
}

.khuyen-mai-black-friday .khuyen-mai-content .price-old {
    color: #787878;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    margin-top: -10px;
    text-decoration: line-through
}

.khuyen-mai-black-friday .khuyen-mai-content .icon-transfer {
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email {
    text-align: center
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email div {
    margin-bottom: 20px
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email .email .italic {
    color: gray;
    font-size: 16px;
    font-style: italic;
    margin-top: -10px
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email .bg-white {
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 20px
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email a {
    margin-bottom: 20px;
    min-height: 86px
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email p {
    font-size: 16px
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email .wrap-key {
    color: gray;
    margin-top: 20px;
    padding: 0 55px;
    text-align: center;
    width: 100%
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email .wrap-key p {
    border: 1px dashed gray;
    font-size: 14px;
    padding: 5px 0;
    text-align: center
}

.khuyen-mai-black-friday .khuyen-mai-content .ten-mien-email .wrap-key span {
    font-weight: bold
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra {
    padding-bottom: 40px;
    padding-top: 10px
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra hr {
    border: 1px dotted gray;
    float: left;
    width: 100%
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra .row-head {
    text-align: center
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra .title {
    font-size: 20px !important;
    font-weight: bold;
    margin-bottom: 15px
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra .red {
    color: #ea1d2c
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra p {
    font-family: 'Open Sans', sans-serif
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra .thoi-han {
    color: gray;
    font-size: 14px;
    font-style: italic
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra a {
    color: #ff450c;
    font-style: italic;
    text-decoration: underline
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-dang-dien-ra .wrap-a {
    margin-bottom: 25px;
    text-align: center
}

.khuyen-mai-black-friday .khuyen-mai-content .mb-list-khuyen-mai div {
    padding-top: 35px
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-luu-y {
    margin-top: 26px;
    text-align: center;
    line-height: 24px
}

.khuyen-mai-black-friday .khuyen-mai-content .khuyen-mai-luu-y p {
    font-size: 14px !important
}

.khuyen-mai-black-friday .khuyen-mai-content .gioi-thieu-title {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px
}

.khuyen-mai-black-friday .khuyen-mai-content .gioi-thieu-khuyen-mai {
    margin-top: 30px
}

.khuyen-mai-black-friday .khuyen-mai-content .item {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.khuyen-mai-black-friday .khuyen-mai-content .row-head p {
    font-family: Roboto Condensed
}

.khuyen-mai-black-friday .khuyen-mai-content a {
    width: 100%
}

.khuyen-mai-black-friday .khuyen-mai-content .btn-mua-ngay {
    border: 1px solid #000;
    display: block;
    font-size: 17px;
    padding: 12px 20px;
    text-align: center;
    width: 170px;
    margin: auto;
    margin-top: 20px;
    text-transform: uppercase
}

.khuyen-mai-black-friday .khuyen-mai-content p {
    color: #787878;
    font-size: 18px
}

.khuyen-mai-black-friday .khuyen-mai-content .saleoff {
    color: #787878;
    font-size: 16px;
    margin-bottom: -5px
}

.khuyen-mai-black-friday .khuyen-mai-content .wrap-price {
    color: #000;
    font-family: Roboto Condensed;
    font-size: 24px
}

.khuyen-mai-black-friday .khuyen-mai-content .price {
    color: red;
    font-weight: bold
}

.khuyen-mai-black-friday .khuyen-mai-content a {
    font-size: 24px;
    margin-top: 30px;
    font-weight: bold
}

.khuyen-mai-black-friday .khuyen-mai-content .coupon {
    color: #363636;
    font-size: 20px;
    font-weight: bold
}

.khuyen-mai-black-friday .khuyen-mai-content .count-down-item {
    height: 84px;
    width: 84px;
    border: 3px solid #0b5f3b;
    border-radius: 50%;
    display: inline-block;
    margin-right: 18px;
    position: relative;
    padding-top: 20px
}

.khuyen-mai-black-friday .khuyen-mai-content .count-down-item:after {
    content: ":";
    display: inline-block;
    position: absolute;
    font-weight: bold;
    font-size: 24px;
    color: #0b5f3b;
    right: -17px;
    top: 26px
}

.khuyen-mai-black-friday .khuyen-mai-content .count-down-item:last-of-type:after {
    display: none
}

.khuyen-mai-black-friday .khuyen-mai-content .count-down-item .count-down-time {
    font-weight: bold;
    font-size: 30px;
    color: #0b5f3b
}

.khuyen-mai-black-friday .khuyen-mai-content .count-down-item .count-down-unit {
    text-transform: uppercase
}

@media (max-width: 450px) {
    .khuyen-mai-black-friday .khuyen-mai-content .count-down-item {
        height: 64px;
        width: 64px;
        margin-right: 7px;
        padding-top: 10px;
        border-width: 2px;
        font-size: 14px
    }

    .khuyen-mai-black-friday .khuyen-mai-content .count-down-item:after {
        font-size: 22px;
        right: -10px;
        top: 17px
    }

    .khuyen-mai-black-friday .khuyen-mai-content .count-down-item .count-down-time {
        font-size: 26px
    }
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table {
    max-width: 850px;
    margin: auto;
    padding-top: 20px
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table thead {
    background-color: #156333;
    color: #fff
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table thead th {
    border-width: 0 1px 0 0;
    border-color: #e6e7e8;
    border-style: solid
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table tbody tr:nth-of-type(even) {
    background-color: #e6e7e8
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table tbody td {
    border-width: 0 1px 0 0;
    border-color: #e6e7e8;
    border-style: solid
}

.khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table tbody td:last-of-type {
    border: none
}

@media (max-width: 370px) {
    .khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table th, .khuyen-mai-black-friday .khuyen-mai-content .hoan-tang-table tr {
        padding: 4px 0;
        font-size: 12px
    }
}

.khuyen-mai {
    color: #000;
    font-family: Roboto Condensed
}

.item-info-org .col-md-6.col-sm-6.col-xs-7 {
    width: 56%;
    float: left;
    text-align: right !important
}

.item-info-org .col-md-6.col-sm-6.col-xs-5.wrap-price-old {
    width: 25%;
    float: left;
    text-align: left
}

.khuyen-mai .center {
    text-align: center !important
}

.khuyen-mai .thong-tin-chung {
    background: url(/Content/images/KhuyenMai/bg-km-kmt8-red.png) no-repeat;
    background-size: cover;
    padding: 40px 0;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 16px
}

.khuyen-mai hr {
    border-top: 1px dotted #000
}

.khuyen-mai .icon-dau-cong:after {
    display: inline-block;
    content: url(/Content/images/KhuyenMai/iconb-km-dau-cong.png);
    position: absolute;
    top: 45px;
    left: 35%
}

.khuyen-mai .icon-ten-mien:after {
    content: url(/Content/images/KhuyenMai/icon-km-ten-mien.png)
}

.khuyen-mai .icon-hosting:after {
    display: inline-block;
    content: url(/Content/images/KhuyenMai/icon-km-hosting.png)
}

.khuyen-mai .icon-email:after {
    display: inline-block;
    content: url(/Content/images/KhuyenMai/icon-km-email.png)
}

.khuyen-mai .icon-chili:after {
    display: inline-block;
    content: url(/Content/images/KhuyenMai/icon-km-chili.png)
}

.lading-page .combo-hosting {
    background: #efefef
}

.lading-page .combo-website-doanh-nghiep {
    background: url(/Content/images/KhuyenMai/bg-km-kmt8-blue.png) no-repeat;
    background-size: cover;
    padding-top: 20px
}

.lading-page .combo-website-ban-hang {
    background: #eaeaea;
    padding-top: 20px
}

.lading-page .combo-ten-mien {
    background: url(/Content/images/KhuyenMai/bg-km-kmt8-blue.png) no-repeat;
    background-size: cover;
    padding-bottom: 30px
}

.lading-page .wrap-combo {
    background: #fff;
    padding: 30px 19px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px
}

.lading-page .wrap-combo a {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 5px
}

.lading-page .wrap-combo .item {
    margin-bottom: 10px
}

.lading-page .wrap-combo a {
    width: 100%;
    margin: auto;
    max-width: 100px
}

.lading-page .text-title {
    padding: 10px 8%;
    text-align: center
}

.lading-page .combo-website-doanh-nghiep .text-title, .lading-page .combo-website-doanh-nghiep .text-title p, .lading-page .combo-ten-mien .text-title, .lading-page .combo-ten-mien .text-title p {
    color: #fff
}

.lading-page .text-title a {
    padding-top: 10px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px
}

.lading-page .text-title p {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 18px;
    color: #363636
}

.lading-page .wrap-price {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 18px;
    color: #363636;
    padding-top: 15px
}

.lading-page .wrap-price div:first-child {
    text-align: right;
    line-height: 33px
}

.lading-page .wrap-price div:last-child {
    text-align: left
}

.lading-page .wrap-combo i {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 16px;
    color: #979797;
    font-style: normal
}

.lading-page .wrap-price .price {
    font-size: 30px;
    color: #f20d0d;
    font-weight: bold
}

.lading-page .wrap-price .price-old {
    text-decoration: line-through
}

.lading-page .btn-tu-van {
    background: #9acf1c;
    color: #fff;
    font-size: 16px;
    font-family: Roboto Condensed;
    padding: 10px 25px;
    width: 100%;
    display: block;
    text-align: center;
    max-width: 260px
}

.khuyen-mai .luu-y-chung li {
    list-style: none;
    background: url(/Content/images/KhuyenMai/icon-km-check-v.png) no-repeat left 6px;
    padding-left: 38px;
    line-height: 28px;
    font-family: 'Open Sans';
    font-size: 16px;
    margin-left: 10px
}

.lading-page .luu-y-chung li {
    background: url(/Content/images/KhuyenMai/icon-km-mau-vang.png) no-repeat left 6px;
    list-style: none;
    padding-left: 23px;
    line-height: 28px;
    font-family: 'Open Sans';
    font-size: 16px;
    margin-left: 10px
}

.lading-page .wrap-luu-y-chili, .lading-page .luu-y-chung, .khuyen-mai .luu-y-chung {
    padding: 30px 0
}

.lading-page .wrap-luu-y-chili p, .lading-page .luu-y-chung p, .khuyen-mai .luu-y-chung p {
    font-size: 36px;
    font-family: Roboto Condensed;
    font-weight: bold;
    color: #363636;
    text-transform: uppercase
}

.lading-page .luu-y-chung p {
    padding-left: 15px
}

.lading-page .luu-y-chung ul {
    padding-left: 15px
}

.lading-page .combo-ten-mien a {
    color: #fff;
    background: #ffba00;
    padding: 10px 20px;
    display: block;
    width: 120px;
    margin: auto
}

.lading-page .combo-ten-mien .wrap-xem-them {
    text-align: center
}

.lading-page .combo-ten-mien .coupon {
    border: 1px dashed #000;
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px
}

.lading-page .combo-ten-mien .coupon .key {
    font-size: 20px;
    font-weight: bold
}

.lading-page .popup input[type=text] {
    padding: 8px;
    margin: 5px 0 7px 0;
    width: 285px;
    border: 1px solid red
}

.lading-page .popup .button {
    padding: 5px 30px;
    color: #fff;
    font-weight: bold;
    background: red;
    cursor: pointer;
    margin-bottom: 10px
}

.lading-page .textcenter {
    text-align: center
}

.mb-checkdomain .home-title.main-home-title {
    color: #88c944
}

.khuyen-mai-tong-hop .item {
    background: #fff;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.khuyen-mai-tong-hop .row-head p {
    font-family: Roboto Condensed
}

.khuyen-mai-tong-hop a {
    width: 100%
}

.khuyen-mai-tong-hop .btn-can-tu-van {
    padding: 5px 20px;
    border: 1px solid #000;
    display: block;
    width: 117px;
    text-align: center;
    font-family: 'Open Sans'
}

.khuyen-mai-tong-hop p {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #787878
}

.khuyen-mai-tong-hop .saleoff {
    font-size: 16px;
    color: #787878;
    margin-bottom: -5px
}

.khuyen-mai-tong-hop .wrap-price {
    font-family: Roboto Condensed;
    color: #000;
    font-size: 24px
}

.khuyen-mai-tong-hop .price {
    font-size: 36px !important;
    color: #ff3c00
}

.khuyen-mai-tong-hop a {
    font-size: 26px;
    margin-bottom: 15px
}

.khuyen-mai-tong-hop .coupon {
    font-weight: bold;
    font-size: 20px;
    color: #363636
}

.jssorb05 {
    position: absolute
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url('/Content/images/KhuyenMai/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer
}

.jssorb05 div {
    background-position: -7px -7px
}

.jssorb05 div:hover, .jssorb05 .av:hover {
    background-position: -37px -7px
}

.jssorb05 .av {
    background-position: -67px -7px
}

.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px
}

.jssora12l, .jssora12r {
    display: none;
    position: absolute;
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('/Content/images/KhuyenMai/a12.png') no-repeat;
    overflow: hidden
}

.jssora12l {
    background-position: -16px -37px
}

.jssora12r {
    background-position: -75px -37px
}

.jssora12l:hover {
    background-position: -136px -37px
}

.jssora12r:hover {
    background-position: -195px -37px
}

.jssora12l.jssora12ldn {
    background-position: -256px -37px
}

.jssora12r.jssora12rdn {
    background-position: -315px -37px
}

.khuyen-mai-ten-mien .main-checkdomain {
    padding-bottom: 15px
}

.khuyen-mai-ten-mien .ten-mien-giam-gia {
    margin-top: 30px
}

.khuyen-mai-ten-mien .ten-mien-giam-gia p:first-child {
    font-family: 'Open Sans';
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0
}

.khuyen-mai-ten-mien .ten-mien-giam-gia span {
    font-family: Roboto Condensed;
    font-size: 20px;
    font-weight: bold
}

.khuyen-mai-ten-mien .ten-mien-giam-gia span:last-child {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    font-weight: normal;
    color: #b5b5b5
}

.khuyen-mai-ten-mien .ten-mien-giam-gia div div {
    border-right: 1px dotted #cccbcb;
    line-height: 30px
}

.khuyen-mai-ten-mien .ten-mien-giam-gia div div:last-child {
    border-right: none
}

.khuyen-mai-ten-mien .wrap-title-top {
    text-align: left;
    padding-top: 60px
}

.khuyen-mai-ten-mien .wrap-title-top p {
    font-family: Roboto Condensed;
    font-size: 36px;
    font-weight: bold;
    color: #363636;
    text-transform: uppercase;
    margin-bottom: 0
}

.khuyen-mai-ten-mien .wrap-title-top .top-red {
    text-transform: none;
    color: #fff;
    padding: 5px 10px;
    background: #f51010;
    font-family: Roboto Condensed
}

.khuyen-mai-ten-mien .wrap-title-top .wrap-coupon {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #363636;
    text-transform: none;
    font-weight: normal
}

.khuyen-mai-ten-mien .item-com-net {
    background: #6fd7f9
}

.khuyen-mai-ten-mien .item {
    text-align: center;
    padding: 0 5px;
    margin-bottom: 29px;
    float: right
}

.titleright {
    color: #363636;
    font-size: 19px;
    padding-top: 2px
}

.khuyen-mai-ten-mien .item .price-domain {
    font-family: 'Open Sans';
    font-size: 35px
}

.khuyen-mai-ten-mien .item .price-domain .priceold {
    text-decoration: line-through
}

.khuyen-mai-ten-mien .item .wrap-coupon {
    font-family: 'Open Sans';
    font-size: 18px;
    padding-bottom: 20px
}

.khuyen-mai-ten-mien .title-domain {
    font-family: 'Open Sans';
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 0;
    text-shadow: 1.5px 0 0 #f51010
}

.khuyen-mai-ten-mien .item-com-net .title-domain {
    color: #fff
}

.khuyen-mai-ten-mien .item-com-net .price-domain {
    color: #0b5491
}

.khuyen-mai-ten-mien .item-info-org .title-domain {
    color: #f51010
}

.khuyen-mai-ten-mien .item-info-org .price-domain {
    color: #363636
}

.khuyen-mai-ten-mien .item-info-org {
    background: #ffe494
}

.khuyen-mai-ten-mien .item-email {
    background: #79ae08
}

.khuyen-mai-ten-mien .item-email .title-domain {
    color: #fff
}

.khuyen-mai-ten-mien .item-email p {
    color: #fff
}

.khuyen-mai-ten-mien .support {
    padding-top: 20px
}

.khuyen-mai-ten-mien .support p {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #808285;
    font-weight: 300
}

.khuyen-mai-ten-mien .a-lading-page {
    margin-bottom: 20px
}

.khuyen-mai-ten-mien .a-lading-page a {
    display: block
}

.khuyen-mai-ten-mien .a-lading-page a {
    width: 100%
}

.khuyen-mai .boder-hr {
    background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 6px 1px;
    background-repeat: repeat-x
}

.khuyen-mai-ten-mien .wrap-price-old {
    text-align: left;
    font-size: 15px;
    line-height: 15px;
    margin-top: 9px
}

.slogan-item-tenmien {
    font-size: 24px;
    font-family: 'Roboto Condensed';
    margin-bottom: 0
}

.item-dot-xyz {
    background: #fffce9
}

.item-dot-top {
    background: #fff
}

.item-dot-xyz .title-domain {
    color: #7e00ff;
    text-shadow: 1.5px 0 0 #7e00ff !important;
    margin-top: 10px
}

.item-com-net .title-domain {
    text-shadow: 1.5px 0 0 #fff !important
}

.item-dot-top .title-domain {
    color: red;
    margin-top: 10px
}

.item-dot-xyz .price-domain, .item-dot-top .price-domain {
    color: #0b5491;
    margin-bottom: 0
}

#desktop {
    display: block
}

#mobile {
    display: none
}

.lading-page .textcenter i.chilitagimobile {
    display: none
}

.lading-page .textcenter i.chilitagidesk {
    display: initial
}

@media screen and (max-width: 1199px) {
    .khuyen-mai-tong-hop p {
        font-size: 14px
    }

    .khuyen-mai-tong-hop a {
        font-size: 21px
    }

    .khuyen-mai-tong-hop .item {
        min-height: 305px
    }

    .item-info-org .col-md-6.col-sm-6.col-xs-7 {
        width: 59%;
        float: left;
        text-align: right !important
    }

    .item-info-org .col-md-6.col-sm-6.col-xs-5.wrap-price-old {
        width: 25%;
        float: left
    }

    @media screen and (max-width: 992px) {
        .khuyen-mai-ten-mien .wrap-title-top {
            text-align: left;
            padding-top: 17px
        }

        .item-info-org .col-md-6.col-sm-6.col-xs-7 {
            width: 59%;
            float: left;
            text-align: right !important
        }

        .khuyen-mai-tong-hop p {
            font-size: 15px
        }

        .khuyen-mai-tong-hop a {
            font-size: 24px
        }

        .khuyen-mai-tong-hop .item {
            min-height: 290px
        }

        .lading-page .wrap-price div:first-child {
            text-align: center;
            font-size: 15px;
            padding-left: 0;
            padding-right: 0;
            line-height: 37px
        }

        .lading-page .wrap-price .price {
            font-size: 18px
        }

        .khuyen-mai-ten-mien .item {
            text-align: center;
            padding: 0 5px;
            margin-bottom: 29px;
            float: right;
            width: 100%
        }

        .khuyen-mai-ten-mien .item-info-org .col-sm-6 {
            width: 26%
        }

        .col-md-12.col-sm-12.col-xs-12.price-domain {
            padding-left: 0
        }
    }@media screen and (max-width: 767px) {
    .item-info-org .col-md-6.col-sm-6.col-xs-7 {
        width: 53%;
        float: left;
        text-align: right !important
    }

    .modal.in .modal-dialog {
        padding-top: 4px !important;
        z-index: 99999;
        margin-top: 50px
    }

    .mobile-tenmien {
        width: 24%;
        float: left;
        border-right: 1px dotted #cccbcb;
        line-height: 24px;
        margin: auto;
        text-align: center
    }

    .khuyen-mai-ten-mien .ten-mien-giam-gia {
        margin-top: 15px
    }

    .khuyen-mai-ten-mien .ten-mien-giam-gia p:first-child {
        font-size: 24px
    }

    .khuyen-mai-ten-mien .ten-mien-giam-gia span {
        font-size: 16px
    }

    .khuyen-mai-ten-mien .ten-mien-giam-gia span:last-child {
        font-size: 14px
    }

    .khuyen-mai-ten-mien .ten-mien-giam-gia div div {
        line-height: 24px
    }

    .khuyen-mai-ten-mien .title-domain {
        font-size: 40px
    }

    .khuyen-mai-ten-mien .item {
        padding: 0 5px
    }

    .mb-checkdomain h1.home-title.main-home-title {
        font-size: 34px
    }

    .khuyen-mai .luu-y-chung li {
        text-align: justify
    }

    .khuyen-mai-ten-mien .item {
        width: 100%
    }

    .col-md-6.col-sm-6.col-xs-7 {
        width: 20%;
        text-align: left !important
    }

    .col-md-4.col-sm-4.col-xs-12.center {
        width: 33.3333%
    }

    button.close {
        padding: 0 4px 0 0;
        position: relative;
        font-size: 30px;
        font-weight: bold
    }

    #desktop {
        display: none
    }

    #mobile {
        display: block
    }

    .searchkm .ten-mien-giam-gia p:first-child {
        font-family: 'Open Sans';
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 0
    }

    .searchkm .ten-mien-giam-gia span {
        font-family: Roboto Condensed;
        font-size: 20px;
        font-weight: bold
    }

    .searchkm .ten-mien-giam-gia span:last-child {
        font-family: 'Roboto Condensed';
        font-size: 16px;
        font-weight: normal;
        color: #b5b5b5
    }

    .searchkm .ten-mien-giam-gia div.last {
        border-right: none;
        line-height: 24px
    }

    #mobile .boxitem {
        background-color: #fff;
        margin-bottom: 20px;
        padding-bottom: 10px
    }

    .khuyen-mai-tong-hop .coupon {
        font-size: 16px
    }

    .khuyen-mai-tong-hop .price {
        font-size: 16px !important;
        color: #ff3c00;
        font-weight: bold !important
    }

    .lading-page .wrap-luu-y-chili p, .lading-page .luu-y-chung p, .khuyen-mai .luu-y-chung p {
        font-size: 30px
    }

    .khuyen-mai-tong-hop .wrap-price {
        font-family: Roboto Condensed;
        color: #363636;
        font-size: 16px
    }

    .khuyen-mai-tong-hop a {
        font-size: 24px;
        line-height: 30px
    }

    .khuyen-mai-tong-hop a {
        width: auto
    }

    .saleoff {
        font-size: 14px;
        color: #ccc;
        margin-bottom: -5px;
        text-decoration: line-through
    }

    span.price {
        color: #fe0002;
        font-size: 18px;
        font-weight: bold
    }

    .khuyen-mai-tong-hop .title-item {
        font-size: 20px;
        height: 35px;
        padding-bottom: 15px;
        border-bottom: 2px dotted #ccc;
        font-weight: bold
    }

    .khuyen-mai-tong-hop .btn-can-tu-van {
        height: 48px;
        border: 1px solid #b8b8b8;
        display: block;
        width: 117px;
        text-align: center;
        font-family: 'Open Sans';
        background-color: transparent;
        width: 100%;
        color: #353535;
        font-size: 18px;
        vertical-align: middle;
        margin-top: 15px;
        padding: 10px
    }

    .khuyen-mai-tong-hop .btn-can-tu-van:hover {
        background-color: #ff4342;
        height: 48px;
        border: 1px solid #ff4342;
        color: #fff
    }

    .khuyen-mai-tong-hop .coupon {
        font-weight: bold
    }

    .tenmienkm {
        width: 33.33333333%;
        float: left;
        border-right: 1px dotted #cccbcb;
        line-height: 24px;
        margin: auto;
        text-align: center
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: inherit !important
    }

    #mobile .col-md-4 {
        width: 33.33333333%
    }

    .search-domain-home-green {
        background-image: url(/Content/images/bg_search.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }

    .main-checkdomain .input-group-lg > .matbao-textbox {
        min-height: 50px
    }

    .main-home-title {
        color: #363636
    }

    .khuyen-mai .icon-dau-cong:after {
        position: inherit
    }

    .lading-page .btn-tu-van {
        margin: auto;
        width: 100%
    }

    .lading-page .wrap-price div:first-child {
        text-align: center;
        font-size: 14px;
        padding-right: 0;
        padding-left: 0
    }

    .lading-page .wrap-price div:first-child .price {
        font-size: 18px
    }

    .khuyen-mai-ten-mien .ten-mien-giam-gia div div {
        border-right: none
    }

    .khuyen-mai-ten-mien .wrap-title-top {
        text-align: center;
        padding-top: 15px
    }

    .lading-page .wrap-price div:first-child {
        line-height: 23px;
        margin-bottom: 14px
    }

    .khuyen-mai-ten-mien .item .price-domain {
        font-size: 26px;
        padding: 0
    }

    .khuyen-mai-tong-hop .item {
        min-height: inherit;
        text-align: left;
        padding: 0 0;
        margin-bottom: 0;
        float: right;
        width: 76%
    }

    .khuyen-mai-ten-mien .wrap-price-old {
        margin-top: 5px
    }

    p.titleright {
        color: #363636;
        font-size: 15px;
        padding-top: 6px
    }

    .khuyen-mai-tong-hop .saleoff {
        font-family: Roboto Condensed;
        font-size: 16px;
        color: #ccc
    }

    .khuyen-mai-tong-hop .price-old {
        font-family: Roboto Condensed;
        font-size: 16px;
        color: #ccc
    }

    .main-checkdomain .visible-xs-block .jcarousel {
        padding: 0
    }

    .main-checkdomain .jcarousel li {
        border-left: none;
        width: 262px !important;
        padding: 0
    }

    .lading-page .textcenter i.chilitagimobile {
        display: initial
    }

    .lading-page .textcenter i.chilitagidesk {
        display: none
    }

    .lading-page .textcenter {
        text-align: center;
        vertical-align: middle;
        margin: auto
    }

    .khuyen-mai .icon-dau-cong:after {
        transform: scale(.9)
    }

    .lading-page .wrap-combo .item {
        width: 30%;
        float: left;
        padding-right: 0
    }

    .lading-page .text-title a {
        padding-top: 10px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 20px
    }

    .lading-page .wrap-combo a {
        width: 100%;
        margin: auto;
        max-width: 100px
    }

    .lading-page .wrap-combo .div-dau-cong {
        width: 2% !important;
        float: left;
        padding-top: 33px;
        padding-left: 0
    }

    .lading-page .wrap-combo .div-dau-cong-two {
        width: 2% !important;
        float: left;
        padding-top: 33px;
        padding-left: 0
    }

    .col-md-12.col-sm-12.boder-hr {
        clear: both
    }

    .lading-page .text-title p {
        display: none
    }

    .lading-page .wrap-combo a {
        display: none
    }

    .lading-page .wrap-combo .textcenter i {
        font-weight: bold;
        color: #363636
    }

    .lading-page .wrap-combo .textcenter i:first-child {
        display: none
    }

    .lading-page .wrap-combo .textcenter i:last-child {
        display: none
    }

    .lading-page .wrap-combo .two-item {
        width: 47%;
        float: left;
        padding-right: 0
    }

    .lading-page .two-item .textcenter {
        padding: 5px 0
    }

    .lading-page .wrap-combo i {
        font-family: inherit
    }

    .lading-page .wrap-price div:first-child {
        text-align: center;
        font-size: 16px;
        padding-right: 0;
        padding-left: 0
    }

    .banner .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}@media screen and (max-width: 667px) {
    .col-md-6.col-sm-6.col-xs-7 {
        width: 24%;
        text-align: left !important
    }
}@media screen and (max-width: 589px) {
    .col-md-6.col-sm-6.col-xs-7 {
        width: 30%;
        text-align: left !important
    }

    .khuyen-mai-tong-hop .saleoff {
        font-family: Roboto Condensed;
        font-size: 14px;
        color: #ccc
    }

    .khuyen-mai-tong-hop .price-old {
        font-family: Roboto Condensed;
        font-size: 14px;
        color: #ccc
    }

    .lading-page .wrap-luu-y-chili p, .lading-page .luu-y-chung p, .khuyen-mai .luu-y-chung p {
        font-size: 30px
    }
}@media screen and (max-width: 480px) {
    .item-info-org .col-md-6.col-sm-6.col-xs-7 {
        width: 59%;
        float: left;
        text-align: right !important
    }

    .col-md-4.col-sm-4.col-xs-12.center {
        width: 100%
    }

    .khuyen-mai-tong-hop .item {
        min-height: inherit;
        text-align: left;
        padding: 0 0;
        margin-bottom: 0;
        float: right;
        width: 70%
    }

    .lading-page .text-title a {
        padding-top: 10px;
        text-align: center;
        font-size: 21px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 20px
    }

    .lading-page .wrap-luu-y-chili p, .lading-page .luu-y-chung p, .khuyen-mai .luu-y-chung p {
        font-size: 20px;
        font-family: Roboto Condensed;
        font-weight: bold;
        color: #363636;
        text-transform: uppercase
    }

    .khuyen-mai .icon-dau-cong:after {
        transform: scale(.5)
    }

    .lading-page .wrap-combo .item {
        width: 29%;
        float: left;
        padding-right: 0
    }

    .lading-page .wrap-combo .div-dau-cong {
        width: 2% !important;
        float: left;
        padding-top: 10px;
        padding-left: 0;
        margin: 0
    }

    .lading-page .wrap-combo .div-dau-cong-two {
        width: 2% !important;
        float: left;
        padding-top: 10px;
        padding-left: 0
    }

    .lading-page .wrap-combo a {
        width: 100%;
        margin: auto;
        max-width: 70px
    }
}@media screen and (max-width: 414px) {
    .main-checkdomain .input-group-lg > .matbao-textbox {
        padding-left: 8px
    }

    .khuyen-mai-tong-hop .item {
        min-height: inherit;
        text-align: left;
        padding: 0 0;
        margin-bottom: 0;
        float: right;
        width: 60%
    }

    .lading-page .wrap-combo .div-dau-cong {
        width: 2% !important;
        float: left;
        padding-top: 20px;
        padding-left: 0;
        margin: 0
    }

    .lading-page .wrap-combo .div-dau-cong-two {
        width: 2% !important;
        float: left;
        padding-top: 20px;
        padding-left: 0
    }

    .col-md-6.col-sm-6.col-xs-7 {
        width: 43%;
        text-align: left !important
    }
}@media screen and (max-width: 360px) {
    .col-md-6.col-sm-6.col-xs-7 {
        width: 45%;
        text-align: left !important
    }
}@media screen and (max-width: 320px) {
    .col-md-6.col-sm-6.col-xs-7 {
        width: 51%;
        text-align: left !important
    }

    .lading-page .wrap-combo .div-dau-cong {
        width: 2% !important;
        float: left;
        padding-top: 10px;
        padding-left: 0;
        margin: 0
    }

    .lading-page .wrap-combo .div-dau-cong-two {
        width: 2% !important;
        float: left;
        padding-top: 10px;
        padding-left: 0
    }

    .lading-page .wrap-combo .textcenter i {
        font-weight: bold;
        font-size: 12px;
        color: #363636
    }

    .khuyen-mai-tong-hop .item {
        min-height: inherit;
        text-align: left;
        padding: 0 0;
        margin-bottom: 0;
        float: right;
        width: 55%
    }

    .main-checkdomain .visible-xs-block .jcarousel {
        padding: 0
    }

    .main-checkdomain .jcarousel li {
        border-left: none;
        width: 262px !important;
        padding: 0
    }

    .lading-page .wrap-price div:first-child {
        text-align: center;
        font-size: 14px;
        padding-right: 0;
        padding-left: 0
    }

    .lading-page .wrap-price .price-old {
        text-decoration: line-through;
        font-size: 14px
    }

    .lading-page .btn-tu-van {
        background: #9acf1c;
        color: #fff;
        font-size: 15px;
        font-family: Roboto Condensed;
        padding: 10px 25px;
        width: 100%;
        display: block;
        text-align: center;
        max-width: 260px
    }

    .lading-page .text-title a {
        font-size: 17px
    }

    .lading-page .wrap-combo .two-item {
        width: 45%;
        float: left;
        padding-right: 0;
        text-align: center
    }

    .lading-page .wrap-combo a {
        width: 100%;
        margin: auto;
        max-width: 50px
    }

    .lading-page .wrap-combo .item {
        padding-left: 10px
    }

    .lading-page .wrap-combo {
        background: #fff;
        padding: 30px 0;
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 15px
    }
}.domain-row {
     padding: 0 30px;
     position: relative
 }

    .domain-row .domain-name {
        float: left;
        max-width: calc(100% - 310px);
        font-size: 25px
    }

    .domain-row .domain-name.no-price {
        max-width: calc(100% - 140px)
    }

    .domain-row .domain-name .matbao-whois-used, .domain-row .domain-name .matbao-domain-whois {
        max-width: 100%;
        word-wrap: break-word
    }

    .domain-row .domain-price {
        float: right;
        line-height: 20px;
        text-align: right;
        font-family: 'Roboto Condensed';
        font-size: 15px;
        margin-right: 15px;
        margin-right: 145px
    }

    .domain-row .domain-price .pricenewUnit {
        font-size: 18px
    }

    .domain-row .domain-price p {
        margin: 0 0
    }

    .domain-row .domain-price p:first-child {
        color: #787878;
        text-decoration: line-through
    }

    .domain-row .domain-price .pricenew {
        padding-left: 0;
        font-size: 14px;
        color: #ff8033;
        font-weight: bold;
        font-size: 18px
    }

    .domain-row .domain-price.no-price {
        display: none
    }

    .domain-row .domain-button {
        float: right;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%)
    }

    .domain-row .domain-button .button-mua-domain {
        width: 130px
    }

    .domain-row .domain-button .green {
        background-color: #9acf1c
    }

    .whoIsTenMienPartial .domain-row {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .whoIsTenMienPartial .domain-row .domain-name:not(.no-price) {
        margin-top: 10px
    }

    .whoIsTenMienPartial .matbao-domain-whois, .whoIsTenMienPartial .matbao-domain-name, .whoIsTenMienPartial .matbao-whois-used {
        font-size: 25px;
        font-family: Arial;
        font-weight: bold
    }

    .whoIsTenMienPartial .matbao-domain-whois, .whoIsTenMienPartial .matbao-domain-name {
        color: #333
    }

    .comboDomainItem {
        font-size: 18px;
        font-weight: 400;
        text-shadow: .2px 0 0 #000
    }

    .dotted-spaced {
        background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
        background-image: -webkit-linear-gradient(right, #333 29%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 5px 1px;
        background-repeat: repeat-x;
        margin: 0 15px;
        margin-bottom: -15px
    }

    .tenMienBaoVay-popup .itemWhoisPopup {
        padding: 15px 30px !important
    }

    .result-domain-khac .pricenew {
        font-size: 16px !important
    }

    .result-domain-khac .gia-gia-han {
        font-size: 12px
    }

    .result-domain-khac .pricenewUnit {
        font-size: 16px !important
    }

    .result-domain-khac .matbao-domain-name {
        display: inline-block
    }

    .btnTiepTucMua {
        color: #fff;
        background-color: #ef6c0f;
        min-height: 58px;
        border-radius: 0;
        border: 0 solid transparent;
        font-family: 'Roboto Condensed';
        font-size: 20px;
        margin-top: 10px;
        width: 100%
    }

    .btnTiepTucMua.disAble {
        background-color: rgba(239, 108, 15, .5)
    }

    .panelDomainKhac {
        margin-top: 20px;
        padding-left: 30px
    }

    .btn-search-mobile {
        padding-left: 18px !important
    }

    @media (max-width: 568px) {
        .matbao-checkwhois-search:after {
            position: relative;
            z-index: 999
        }
    }@media (max-width: 768px) {
    .panelDomainKhac {
        padding-left: 15px
    }

    .domain-row {
        padding: 0 15px
    }

    .domain-row .domain-name {
        max-width: 100%;
        width: 100%
    }

    .domain-row .domain-name.no-price {
        max-width: 100%
    }

    .domain-row .domain-price {
        text-align: left;
        float: left;
        margin-right: 15px
    }

    .domain-row .domain-button {
        bottom: 0;
        top: unset;
        transform: none;
        right: 15px
    }

    .domain-row .domain-button .button-mua-domain {
        width: 65px
    }

    .whoIsTenMienPartial .domain-row {
        margin: 0;
        padding: 0
    }

    .whoIsTenMienPartial .domain-row .domain-button {
        position: static;
        transform: none
    }

    .whoIsTenMienPartial .domain-row .domain-name.no-price {
        max-width: calc(100% - 65px)
    }

    .check-domain .result-domain .result-whois .text-combo {
        padding: 0 15px
    }

    .textbox-whois-mobile {
        border-radius: 5px
    }

    .box-ads-tenmien {
        padding-bottom: 20px
    }

    .text-ket-qua-whois {
        font-size: 19px
    }
}@media (max-width: 992px) {
    .tenMienItemBorder {
        margin-bottom: 20px
    }
}@media (max-width: 1200px) {
    .tmGiaKM {
        font-size: 18px !important
    }
}@media (max-width: 1024px) {
    .box-ads-tenmien-item .title {
        font-size: 18px
    }
}@font-face {
    font-family: 'Arial Narrow';
    src: url('fonts/Arial Narrow.TTF') format('truetype');
    font-style: normal;
    font-weight: normal
}@font-face {
    font-family: 'Arial Narrow Bold';
    src: url('fonts/Arial Narrow Bold.ttf') format('truetype')
}.TenMienTheoLoai .tenMienItemBorder .tenMienItem {
     background: #fff;
     color: #787879;
     padding: 40px 20px;
     text-align: left;
     position: relative
 }

    .TenMienTheoLoai .tenMienItemBorder .tenMienItem .tmGioiThieu {
        margin: 10px 0 20px;
        display: -webkit-box;
        width: 100%;
        height: 60px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .TenMienTheoLoai .tenMienItemBorder .tenMienItem .tmGia .tmGiaGoc {
        text-decoration: line-through
    }

    .TenMienTheoLoai .tenMienItemBorder .tenMienItem .tmGia .tmGiaKM {
        font-size: 20px;
        margin-bottom: 10px
    }

    .TenMienTheoLoai .tenMienItemBorder .tenMienItem .matbao-button {
        background-color: #9acf1c;
        min-height: 35px;
        font-size: 17px;
        max-width: 130px;
        padding: 0
    }

    .TenMienTheoLoai .tenMienItemBorder .tenMienItem:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-bottom: 28px solid #efb108;
        border-left: 28px solid transparent;
        right: 0;
        bottom: 0
    }

    .link-tab-service span {
        display: inline-block;
        hyphens: auto;
        overflow-wrap: break-word;
        word-break: break-all
    }

    .popuptuvankhuyenmai {
        margin-top: 52px
    }

    @media (max-width: 767px) {
        .top-mobile {
            padding-top: 65px !important
        }

        .top-mobile .title {
            font-size: 24px !important;
            margin-bottom: 25px
        }

        .ssl.top-mobile .title {
            margin-bottom: 0
        }

        .top-mobile .subtitle, .top-mobile .description {
            margin-bottom: 10px !important;
            font-size: 16px !important
        }

        .pricebox-mobile .titlebox {
            line-height: 60px !important;
            height: auto !important
        }

        .pricebox-mobile .pricebox-content {
            padding-top: 5px !important
        }

        .pricebox-mobile .descarea {
            margin-top: 0 !important;
            padding-top: 7px !important;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important
        }

        .pricebox-mobile ul li {
            height: 40px !important
        }

        .pricebox-mobile .ul-chiet-khau .btn-group-vertical div:last-child {
            height: 40px !important;
            line-height: 43px !important
        }

        .pricebox-mobile .panel-heading {
            min-height: 60px !important
        }

        .pricebox-mobile .panel-heading a {
            line-height: 60px !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .pricebox-mobile .descarea .font-weight300:last-child {
            margin-bottom: 0
        }

        .pricebox-mobile hr {
            margin-top: 5px !important;
            margin-bottom: 12px !important
        }

        .pricebox-mobile .pricebox-content {
            padding-bottom: 10px
        }

        .pricebox-mobile .panel-heading a.two-line {
            line-height: 30px !important;
            padding-top: 7px !important;
            padding-bottom: 7px !important
        }

        .pricebox-mobile .panel-body.info {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            padding-top: 4px
        }

        .pricebox-mobile .panel-body:last-child {
            padding-top: 0 !important;
            padding-bottom: 15px !important
        }

        .pricebox-mobile .price .unit {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important
        }

        .email-pro .top-mobile {
            margin-bottom: 15px !important;
            margin-top: 0 !important
        }

        .top-mobile .email-title {
            font-size: 24px !important
        }

        .top-mobile .email-description {
            font-size: 16px !important
        }

        .hot-sale {
            display: none
        }

        .dich-vu-quan-tri .pricebox-mobile .titlebox {
            padding-top: 10px !important;
            height: auto !important;
            padding-bottom: 5px !important;
            line-height: 30px !important
        }

        .domain-row .domain-button {
        }

        .pricebox-mobile .pricevalue {
            display: inline-block
        }

        .pricebox-mobile .priceunit {
            display: inline-block
        }

        .pricebox-mobile .unit {
            display: inline-block
        }

        .register-more-service .panel-default .panel-heading, .register-cloudserver .panel-heading {
            padding: 0 5px 0 0
        }

        .lading-page .wrap-combo {
            padding: 15px 0 10px;
            margin-bottom: 10px
        }

        .wrap-detail-result-whois .checkdomain {
            position: relative
        }

        .whoIsTenMienPartial .whois-domain.gray {
            margin-top: 15px;
            position: absolute;
            right: 47px;
            top: -26px
        }

        .result-domain-khac .whois-domain.gray {
            margin-top: 15px;
            position: absolute;
            right: 47px;
            top: -67px
        }

        .email-include {
            margin-bottom: 0
        }

        .email-include .row-head {
            padding-left: 0;
            padding-right: 0
        }

        .box-chon-tenmien .title-box {
            position: relative
        }

        .box-chon-tenmien label {
            top: -14px !important
        }

        .email-include li, .wordpress-hosting-include li {
            height: auto !important
        }

        .email-pro-thumbnail.email-common {
            padding-left: 15px;
            margin-right: 0
        }

        .qtip {
            max-width: 200px
        }

        #logo-mobile {
            position: absolute
        }

        .cloud-server-top .ul-chiet-khau .btn-group-vertical div:last-child {
            width: 201px !important
        }

        .email .panel-default .price {
            padding-bottom: 0
        }

        .ssl .panel-default .price {
            padding-bottom: 0
        }

        .chon-tenmien-dichvu .title {
            font-size: 28px
        }

        .chon-tenmien-dichvu .box-chon-tenmien .item-chon-tenmien .title-box label {
            padding-left: 36px
        }

        .list-ten-mien-de-xuat .result-whois {
            position: relative !important
        }

        .list-ten-mien-de-xuat .result-whois .pull-right.checkdomain {
            position: absolute !important;
            right: -8px !important;
            top: -52px !important
        }
    }@media (max-width: 480px) {
}@media screen and (max-width: 320px) {
    .link-tab-service span {
        font-size: 16px
    }

    .link-tab-service {
        padding-left: 0;
        padding-right: 0
    }
}