@charset "utf-8";
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.svg#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle
}

.style-icon {
    padding-left: 22px;
    padding-top: 10px
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-square:before, .fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

a .panel-heading {
    color: #f26522;
    background: #fff
}

a .panel-heading:after {
    content: "\f0aa";
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    color: #f26522;
    transition: all .5s ease
}

a.collapsed .panel-heading:after {
    content: "\f0ab";
    position: absolute;
    right: 10px;
    top: 40%;
    font-size: 18px;
    color: #999;
    transition: all .5s ease
}

a.collapsed, a.collapsed .panel-heading {
    color: #333
}

a p.payopt-discript {
    display: none
}

a.collapsed p.payopt-discript {
    display: block
}

a.list-group-item {
    font-weight: 400
}

a.list-group-item:after {
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    color: #999;
    transition: all .5s ease
}

p.payopt-discript {
    margin-bottom: 0;
    padding-top: 7px;
    color: #666;
    font-size: 12px
}

h5.form-title {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #dcdcdc;
    margin-bottom: 20px
}

.greenFont {
    color: #090
}

.greenLFont {
    color: #5cb85c
}

.blueFont {
    color: #069
}

.redFont {
    color: #c00
}

.grayFont {
    color: #464646
}

.font11 {
    font-size: 11px
}

.OrrgFont, .orrageFont {
    color: #f30
}

.allCap {
    text-transform: uppercase
}

.fontS13 {
    font-size: 13px
}

.fontS14 {
    font-size: 14px
}

.fontS15 {
    font-size: 15px
}

.bold {
    font-weight: 700
}

.rlv {
    position: relative
}

.title {
    font-size: 17px;
    background: #e4e4e4;
    margin: 0 2px 0 -2px;
    padding: 9px 15px 0;
    text-align: left;
    position: relative;
    height: 35px
}

.title_mobile {
    font-size: 15px;
    background: #e4e4e4;
    margin: 0 2px 0 -2px;
    padding: 9px 15px 0;
    text-align: left;
    position: relative;
    height: 35px
}

h4.title a.closeOrder {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 35px;
    text-align: center;
    background: #d1d1d1;
    line-height: 35px;
    font-size: 13px;
    color: #666;
    font-weight: 700;
    display: none
}

h4.title_mobile a.closeOrder {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 35px;
    text-align: center;
    background: #d1d1d1;
    line-height: 35px;
    font-size: 13px;
    color: #666;
    font-weight: 700;
    display: none
}

h4.title a.closeOrder:hover {
    background: #c9302c;
    color: #fff
}

h4.title_mobile a.closeOrder:hover {
    background: #c9302c;
    color: #fff
}

.linktxt {
    text-decoration: underline
}

.mform2btn {
    padding-bottom: 20px
}

.pdbt0 {
    padding-bottom: 0
}

.mrtopfr {
    margin-top: -10px
}

body {
    overflow: scroll;
    background: #f9fafc;
    font-family: "-apple-system,BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
body::-webkit-scrollbar {
    display: none;
}

.mdevice {
    background: #f9fafc;
    border-radius: 4px
}

.cancel-order {
    display: block
}

@media (min-width: 960px) {
    .container {
        max-width: 960px
    }
    .footer{
        display: none;
    }
}

.wrapCont {
    padding: 0 15px;
    background: #fafafa
}

#header h1.logo {
    margin: 8px 0;
    float: left;
    height: 40px
}

#header h1.logo img {
    height: 100%
}

#header .hotline {
    padding-top: 13px
}

#header .hotline .dropdown a img {
    width: 18px;
    border-radius: 50%
}

#header .hotline .dropdown {
    border-left: 1px solid #dcdcdc
}

#header .hotline .dropdown:last-child {
    border-left: none
}
.footer h1.logo {
    margin: 8px 0;
    float: left;
    height: 40px
}

.footer h1.logo img {
    height: 100%
}

.footer .hotline {
    padding-top: 13px
}

.footer .hotline .dropdown a img {
    width: 18px;
    border-radius: 50%;
}

.footer .hotline .dropdown {
    border-left: 1px solid #dcdcdc;
    margin: -15px 0px 0px 0px;
}

.footer .hotline .dropdown:last-child {
    border-left: none
}
.footer .t-footer{
    display: flex;
    justify-content: center;
}

.invoice {
    padding: 0
}

.invoiceCont {
    padding: 13px
}

.invoiceCont .Merchantlogo {
    width: 160px;
    height: 80px;
    margin: 0 auto;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    text-align: center
}

h5.merChTitle {
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px
}

p.merChMail {
    font-size: 12px;
    text-align: center
}

.invoiceCont .Merchantlogo img {
    width: 100%
}

.brdRightIner {
    padding-right: 15px;
    min-height: 480px
}

.brdRight {
    border-right: 0 solid #f2f2f2;
    padding-right: 0;
    background: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: 4px 0 3px -4px rgba(0, 0, 0, .2)
}

.brdRightIner h4.payopt-title {
    margin-top: 0;
    padding-top: 20px;
    /*padding-bottom: 5px;*/
    color: #666
}

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

.nldbbox {
    position: relative;
    margin-top: 10px
}

.nldbboxCont {
    margin-left: 30px;
    text-align: center
}

.nldbboxCont .nldbtxt {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    padding: 3px 0 3px 35px
}

.nldbboxCont p {
    padding: 0 5px 10px 35px;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    margin-bottom: 0
}

.icon-nldb {
    display: inline-block;
    position: absolute;
    top: -14px;
    left: 10px
}

.diamond, .gold, .silver {
    margin: 10px -13px 0
}

.diamond .icon-nldb {
    background: url(../images/diamond_60.png) no-repeat;
    width: 60px;
    height: 77px;
    -webkit-background-size: 60px 77px;
    -moz-background-size: 60px 77px;
    background-size: 60px 77px
}

.diamond {
    background: #d9534f
}

.gold .icon-nldb {
    background: url(../images/gold_60.png) no-repeat;
    width: 60px;
    height: 77px;
    -webkit-background-size: 60px 77px;
    -moz-background-size: 60px 77px;
    background-size: 60px 77px
}

.gold {
    background: #ba8836
}

.silver .icon-nldb {
    background: url(../images/silver_60.png) no-repeat;
    width: 60px;
    height: 77px;
    -webkit-background-size: 60px 77px;
    -moz-background-size: 60px 77px;
    background-size: 60px 77px
}

.silver {
    background: #9aa3ac
}

.mFont {
    font-size: 14px;
    line-height: 18px
}

.nldbbox .mnldbtxt {
    display: none
}

.brdRightIner h4.btmLine {
    border-bottom: 1px solid #eee;
    /*padding-bottom: 8px;*/
    position: relative
}

.brdRightIner h4.btmLine a {
    margin-right: 5px
}

.boxWrap {
    border: 1px solid #e0e0e0;
    background: #fff;
    margin-bottom: 30px
}

.bankwrap {
    background: #f5f5f5;
    border-left: 3px solid #f0ad4e;
    padding-left: 9px;
    position: relative
}

.bankwrap i {
    float: left
}

.bankwrap .cardInfo {
    float: left;
    padding: 10px
}

.bankwrap .cardInfo h4 {
    font-size: 13px;
    font-weight: 700
}

.bankwrap .cardInfo p {
    margin-bottom: 3px
}

.bankwrap .cardInfo span {
    position: absolute;
    top: 8px;
    right: 8px
}

.bankwrap a.backOpt {
    position: absolute;
    top: 0;
    right: 0;
    background: #999;
    color: #fff;
    font-size: 11px;
    padding: 3px 5px
}

ul.cardList {
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 -8px;
    padding: 0 0 20px 0;
}

.installment ul.cardList {
    margin: 0
}

ul.cardList li {
    cursor: pointer
}

ul.cardList li {
    float: left;
    text-align: center;
    margin-bottom: 8px;
    margin-left: 8px;
    position: relative;
    width: 105px;
    min-height: 50px
}

ul.cardList li .boxWrap {
    margin: 0;
    border-radius: 3px;
    padding: 2px
}

ul.cardList li:hover .boxWrap {
    border: 2px solid #f26522;
    -webkit-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    -moz-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14)
}

ul.cardList .boxWrap.active {
    border: 2px solid #f26522;
    -webkit-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    -moz-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14)
}

ul.cardList li div.installment_per_month.active {
    font-weight: 700;
    color: #2d2d2d;
    border-radius: 3.5px;
    border: 1px solid #fabf34;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08)
}

ul.cardList li div.installment_per_month.active b {
    font-weight: 700;
    color: #2d2d2d
}

ul.cardList li div.installment_per_month.active p {
    font-weight: 700;
    color: #2d2d2d
}

ul.cardList li div.installment_per_month.active h5 {
    font-weight: 700;
    color: #2d2d2d
}

ul.cardList .boxWrap.active {
    border: 2px solid #f26522;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    -moz-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14)
}

ul.cardList li.currnt .boxWrap {
    border: 1px solid #636363;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .4), 0 0 3px #fff inset
}

.body-button {
    border-bottom: none !important
}

ul.cardList li i.tick {
    display: none
}

ul.cardList li.currnt i.tick {
    display: block;
    position: absolute;
    bottom: -4px;
    right: -4px;
    z-index: 2;
    background: url(../images/tick.png) no-repeat;
    width: 25px;
    height: 25px
}

ul.cardList li i {
    display: block
}

ul.cardList li span {
    margin: 4px -4px -4px;
    display: block;
    background: none repeat scroll 0 0 #ededec;
    font-size: 15px;
    padding: 3px 0;
    border-radius: 0 0 3px 3px
}

ul.cardList li .boxWrap .moneyText {
    font-size: 14px;
    border-top: 1px solid #dcdcdc;
    padding: 3px 0 0
}

ul.cardList li a {
    color: inherit
}

ul.cardList li a:hover {
    text-decoration: none
}

ul.cardList.mrgb0 {
    margin-bottom: 0
}

i.ABB, i.ACB, i.AGB, i.ALP, i.AMREX, i.ANZ, i.Addmore, i.BAB, i.BANKPLUS, i.BIDC, i.BIDV, i.BVB, i.CBS, i.CTB, i.Cardless, i.DAB, i.EXB, i.EXIMBANK, i.FE, i.FECREDIT, i.GAB, i.GATE, i.GDB, i.GPB, i.HDB, i.HOMECREDIT, i.HSB, i.HSBC, i.ICB, i.IVB, i.JCB, i.KLB, i.LVB, i.MASTER, i.MASTERCARD, i.MB, i.MBB, i.MBpay, i.MOBIFONE, i.MOMO, i.MSB, i.NAB, i.NL, i.NCB , i.NVB, i.OCB, i.OJB, i.PAYOO, i.PBVN, i.PGB, i.PVCOMBANK, i.SC, i.SCB, i.SEA, i.SEABANK, i.SGB, i.SHB, i.SHINHANBANK, i.SHNB, i.SMARTPAY, i.STB, i.TCB, i.TPB, i.VAB, i.VB, i.VCB, i.AIRPAY, i.VCBPAY, i.VCCB, i.VIB, i.VIETTEL, i.VIETTELPAY, i.VIETTELPOST, i.VINAPHONE, i.VINID, i.VISA, i.VNPOST, i.VPB, i.VPBANK, i.VRB, i.Vcoin, i.WCP, i.ZALOPAY, i.WRB, i.addmore, i.cardVT, i.gmobile, i.icon-nganluong, i.icon-nlfund, i.otherbank-logo, i.sfone, i.vietnamobile, i.nganluong, i.mobifone, i.vinaphone, i.gatecard {
    display: inline-block;
    width: 90px;
    height: 41px
}

i.Addmore {
    -bkit-background-size: 96px 41px;
    -moz-background-size: 96px 41px;
    background-size: 96px 41px
}

h4.payopt-title .btn-sm {
    padding-right: 2px;
    padding-left: 2px
}

.mRadiocheck label {
    padding-left: 0;
    display: block;
    padding-bottom: 7px
}

.text-gray {
    color: #797979;
}

.btns-disabled {
    pointer-events: auto !important;
    background-color: rgb(239,239,239) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.complaint-title {
    margin: 0;
    padding: 20px 0;
}

@media screen and (min-width: 640px) {
    .mfright {
        float: right
    }

    mfleft {
        float: left
    }
}

@media (max-width: 640px) {
    .mform3 .col-sm-4 {
        width: 100%
    }

    .mform3 .col-sm-8 {
        width: 100%
    }

    .brdRightIner {
        min-height: inherit
    }
}

@media screen and (max-width: 640px) {
    .form-horizontal .control-label {
        padding: 5px 15px
    }

    .mfright {
        float: none
    }

    .mfleft {
        float: none
    }

    .col-span-4, .col-span-8 {
        width: 100%
    }

    .invoice, .invoiceCont {
        border-left: none;
        border-radius: 4px;
        background: 0 0
    }

    .title {
        margin: 0 2px 0 2px;
        background: #fafafa;
        margin-bottom: -1px;
        background: #dcdcdc;
        text-align: left;
        padding-left: 10px;
        font-size: 15px
    }

    .invoiceBg {
        background: #fafafa;
        margin: 0 2px;
        padding-bottom: 9px
    }

    .iGqbIb {
        background: url(../images/raw.png) repeat-x scroll 0 2px transparent;
        height: 16px;
        margin: -14px -13px;
        position: relative
    }

    .nldbbox {
        position: absolute;
        top: 0;
        right: 13px;
        width: 70px;
        text-align: center;
        margin-top: 0
    }

    .diamond .icon-nldb, .gold .icon-nldb, .silver .icon-nldb {
        width: 40px;
        height: 50px;
        -webkit-background-size: 40px 50px;
        -moz-background-size: 40px 50px;
        background-size: 40px 50px;
        width: 40px;
        position: static;
        z-index: 999
    }

    .mFont {
        font-size: 13px
    }

    .nldbbox .mnldbtxt {
        display: block
    }

    .nldbbox .nldbboxCont {
        display: none
    }

    .mnldbtxt {
        display: block;
        font-size: 10px;
        color: #fff;
        border-radius: 4px;
        padding: 0 2px
    }

    .diamond, .gold, .silver {
        padding: 5px
    }

    .brdRightIner {
        border-right: none
    }

    .brdRight {
        border-right: none
    }

    ul.cardList li .boxWrap {
        padding: 2px
    }

    .invoiceCont .Merchantlogo {
        width: 120px;
        height: 60px;
        margin-bottom: 10px;
        float: left;
        margin-right: 10px
    }

    h5.merChTitle {
        text-align: left;
        padding-right: 55px;
        margin-top: 0;
        font-size: 14px
    }

    p.merChMail {
        text-align: left
    }

    h4.title a.closeOrder {
        display: block
    }

    .cancel-order {
        display: none
    }
    .form-gr-pd0 .form-group {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .brdRight, .invoice, .invoiceCont, .panel {
        border-radius: 0
    }

    .btn-move-page {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
        margin-top: -15px
    }

    #header h1.logo img {
        width: 160px;
        margin-left: 10px
    }

    #header .hotline {
        padding-top: 13px
    }

    h5.fundtitle {
        padding-left: 0;
        margin-bottom: 15px
    }

    .pdtop2 {
        padding-top: 15px
    }

    .mform label.col-sm-5 {
        float: left;
        text-align: left;
        padding-right: 0;
        padding-top: 4px
    }

    .mform .col-sm-7 {
        float: left;
        word-wrap: break-word;
        padding-right: 0;
        width: 65%
    }

    .mform2 {
        padding: 15px 0 0
    }

    .checkout20 .verify .mform2 {
        padding: 10px 15px 0
    }

    .mform2btn .btn {
        margin-bottom: 15px
    }

    .mmode {
        position: absolute;
        top: 22px;
        left: -35px
    }

    h4.payopt-title {
        font-size: 15px;
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 700
    }

    h4.payopt-title .btn-sm {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 2px
    }

    h4.media-heading {
        font-size: 13px;
        font-weight: 700
    }

    .pdtop2 {
        padding-top: 10px
    }

    .mform0 label.col-sm-4 {
        float: left;
        text-align: left;
        padding-top: 4px
    }

    .mform0 .col-sm-8 {
        float: left;
        word-wrap: break-word;
        width: 65%;
        padding-left: 10px
    }

    .col-span-8 {
        padding-left: 0
    }

    .brdRightIner {
        padding: 15px
    }

    .brdRightIner .panel-group {
        margin: 0 -15px
    }

    .checkout20 .brdRightIner .panel-group {
        margin: 0
    }

    .checkout20 .brdRightIner {
        padding: 0
    }

    .brdRightIner h4.payopt-title.container {
        padding: 0
    }

    .mform2 div.col-sm-3 {
        width: 45%;
        float: left;
        padding-right: 0
    }

    .mform2 div.col-sm-4 {
        float: left;
        padding-left: 15px;
        padding-right: 0;
        width: 49%
    }

    .mform2btn div.col-sm-4 {
        width: 50%;
        float: left;
        padding-left: 15px
    }

    .mScode .col-sm-4 {
        width: 50%;
        float: left
    }

    .mform .col-sm-4 {
        float: left;
        width: 35%
    }

    .mform .col-sm-8 {
        float: left;
        width: 65%
    }

    ul.cardList {
        margin-left: -5px
    }

    .nlpopBox-Cont {
        padding-left: 0;
        padding-right: 0
    }

    .panel-group .panel {
        border-radius: 0
    }

    .brdRightIner h4.payopt-title {
        padding-left: 0;
        padding-top: 0
    }

    .mform2 label.col-sm-4 {
        float: none;
        width: 100%
    }

    .mform2btn .col-sm-3 {
        position: inherit;
        width: 50%;
        float: left;
        padding-left: 0
    }
    .checkout20 .payopt-title.btmLine{
        margin: -15px -10px -10px -20px;
        text-align: center;
    }
    .mobile-float-none {
        float: none !important;
        margin: 7px 0 20px;
    }
    .mobile-float-none i.icon-error {
        margin: auto;
    }
    #header{
        display: none;
    }
    .footer{
        display: block !important;
    }
}

@media screen and (max-width: 414px) {
    .pdl5 {
        padding-left: 5px
    }

    .pdr5 {
        padding-right: 15px
    }

    .mform2btn div.pdl5 {
        padding-left: 5px
    }

    .mform .control-label {
        padding-top: 5px
    }

    .mform0 label.col-sm-4 {
        float: left;
        text-align: left;
        padding-top: 4px
    }

    .mform0 .col-sm-8 {
        float: left;
        word-wrap: break-word;
        width: 59%
    }

    h5.merChTitle {
        text-align: left;
        padding-right: 55px;
        font-size: 13px;
        font-weight: 700
    }
}

.icon-atmOnline, .icon-atmck, .icon-bankcash, .icon-bankck, .icon-olpayment {
    display: inline-block;
    width: 50px;
    height: 45px;
    background: url(../images/icon.png) no-repeat;
    margin-right: 8px
}

.icon-atmOnline {
    background-position: 0 -240px
}

.icon-olpayment {
    background-position: 0 -287px
}

.icon-bankck {
    background-position: 0 -378px
}

.icon-atmck {
    background-position: 0 -332px
}

.icon-bankcash {
    background-position: 0 -428px
}

.footer {
    padding-bottom: 20px
}

.social-network a {
    color: #666;
    border: 1px solid #bcbcbc;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px 0 0;
    margin: 0 0 0 5px;
    opacity: .3;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.certificat-group {
    padding: 0;
    text-align: left
}

.social-network {
    padding: 0;
    text-align: right
}

.social-network .fa {
    font-size: 22px
}

.social-network a:hover {
    opacity: 1;
    border: 1px solid #bcbcbc
}

.copyright {
    font-size: 12px;
    color: #666;
    padding: 5px 0 0
}

.icon-bank, .icon-pci {
    width: 50px;
    height: 37px;
    display: inline-block;
    background: url(../images/pci_dss.png) no-repeat
}

.icon-bank:hover {
    background-position: 0 -37px
}

.icon-pci {
    background-position: -50px 0
}

.icon-pci:hover {
    background-position: -50px -37px
}

@media screen and (max-width: 550px) {
    .footer .col-sm-3, .footer .col-sm-4, .footer .col-sm-5 {
        width: 100%
    }

    .certificat-group, .copyright, .social-network {
        text-align: center
    }

    .copyright {
        padding-bottom: 8px
    }

    h4.panel-title {
        font-size: 15px
    }
}

.boxreport {
    padding-bottom: 30px
}

i.icon-error, i.icon-success, i.icon-warning {
    width: 55px;
    height: 52px;
    display: block;
    background: url(../images/iconlarge.png) no-repeat;
    vertical-align: middle;
    margin-right: 15px
}

i.icon-success-type {
    width: 55px;
    height: 32px;
    display: block;
    background: url(../images/success.png) no-repeat;
    vertical-align: middle;
    margin: 5px -5px
}

i.icon-warning {
    background-position: -62px 0
}

i.icon-error {
    background-position: -122px 0
}

.nlOrder-warning {
    background: url(../images/022.gif) no-repeat scroll left 10px transparent;
    padding: 10px 0 0 55px;
    margin-top: 10px;
    text-align: left;
    color: #c00;
    font-size: 14px
}

.dropdown-menu > li.Account {
    display: block;
    padding: 8px 15px 8px 12px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #252525;
    white-space: nowrap;
    font-size: 13px;
    background: #fff;
    margin-top: -4px;
    border-bottom: 1px solid #dcdcdc
}

.dropdown-menu > li.Account h4.media-heading {
    font-size: 14px;
    margin-bottom: 5px
}

.dropdown-menu > li.Account p {
    margin-bottom: 5px
}

.helpbtn {
    position: fixed;
    right: 0;
    bottom: 0
}

.helpbtn a {
    color: #fff
}

.loading-box {
    text-align: center
}

.loading-box img {
    margin: 10px 0
}

.loading {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

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

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

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.clear {
    clear: both
}

:after, :before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

img.nganluong_icon_sm {
    height: 20px;
    width: 20px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px
}

a.a-cancel-order {
    display: none
}

.orderInfoMobile {
    display: none
}

.no-border {
    border: none;
    border-radius: 0
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.no-box-shadow {
    box-shadow: none
}

.trans-detail {
    font-size: 11px;
    font-style: italic;
    padding-top: 2px
}

.order-info, .orderInfoMobile {
    padding-top: 0;
    padding-bottom: 5px
}

.form_month_option_label {
    display: flex;
    align-items: stretch
}

.form-option-text {
    flex-grow: 1
}

.form-option-space {
    flex-grow: 1
}

@media screen and (max-width: 768px) {
    .invoiceCont {
        position: relative
    }

    .nliHeader {
        height: 65px
    }

    .orderInfo {
        display: none
    }

    .orderInfoMobile {
        display: block
    }

    h4.btmLine {
        border: none
    }

    .checkOut {
        padding-top: 0
    }

    #header .merChName {
        display: none
    }

    #header .merCnName-xs {
        display: block
    }

    h4.payopt-title {
        margin-top: 0;
        padding-top: 10px
    }

    .cardInfo > #bank_title {
        display: none
    }

    a.a-cancel-order {
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        border: 1px solid;
        background: #999;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        border-radius: 50%;
        padding: 0 3px
    }

    .checkout20 .request .brdRightIner, .checkout20 .verify .brdRightIner {
        padding: 15px !important
    }
    .footer{
        display: none;
    }
}

#borderimg {
    width: 160px;
    margin: 10px;
    padding: 2px;
    border: 3px solid #ffb302;
    border-radius: 10px
}

.checkout20 #header {
    padding: 15px 0
}

.checkout20 .payopt-title.btmLine {
    border: none !important;
    padding: 20px 10px 10px 20px
}

.checkout20 .panel-default {
    background: #fff;
    border-color: #f0f1f3 !important
}

.checkout20 .payment_method {
    border-bottom: 0;
    border-left: 0;
    border-right: 0
}

.checkout20 .panel-group {
    border: 0;
    padding-bottom: 0
}

.checkout20 .payment_method:active, .checkout20 .payment_method:focus, .checkout20 .payment_method:hover {
    -webkit-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    -moz-box-shadow: 0 2px 16px 0 rgba(35, 28, 21, .14);
    box-shadow: 5px 2px 16px 0 rgba(35, 28, 21, .14)
}

.checkout20 .payment_method:has(collapsed) {
    border: none;
    box-shadow: none
}

.checkout20 .wrapCont {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(35, 28, 21, .1);
    -moz-box-shadow: 0 2px 8px 0 rgba(35, 28, 21, .1);
    box-shadow: 0 2px 8px 0 rgba(35, 28, 21, .1);
    border-radius: 6px;
    border: 0
}

.checkout20 .brdRight {
    padding-left: 0
}

.checkout20 .brdRightIner {
    padding-right: 0
}

.checkout20 .panel-group .panel + .panel {
    margin-top: 0
}

.checkout20 .invoiceCont .Merchantlogo {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(35, 28, 21, .1);
    -moz-box-shadow: 0 2px 8px 0 rgba(35, 28, 21, .1);
    box-shadow: 0 2px 8px 0 rgba(35, 28, 21, .1);
    border-radius: 3px;
    border: 0;
    display: flex;
    vertical-align: middle;
    align-items: center
}

.checkout20 .Merchantlogo img {
    display: block;
    margin: 0 auto
}

.checkout20 .orderInfo .title {
    display: none
}

.checkout20 .op_payment {
    display: flex;
    width: 100%
}

.checkout20 .rlv {
    width: 100%
}

.checkout20 .content {
    justify-content: center;
    vertical-align: middle;
    padding-top: 6px;
    padding-right: 10px
}

.checkout20 .icon {
    width: 56px;
    display: flex;
    justify-content: center;
    margin-right: 10px
}

.checkout20 .icon img {
    width: 56px !important
}

.checkout20 .orderInfo .control-label {
    font-weight: 500;
    text-align: left;
    float: left;
    color: #333
}

.checkout20 .total_amount {
    border-bottom: 1px solid #dcdcdc;
    margin: 5px 15px
}

.checkout20 .pdtop20 {
    padding-top: 20px
}

.checkout20 .total_amount .col-sm-5 {
    padding-left: 0
}

.checkout20 .total_amount .form-control-static {
    float: right
}

.checkout20 .cancel-order {
    margin-top: 30px
}

.checkout20 #order_code {
    margin-bottom: 10px
}

.checkout20 .panel-body {
    padding: 0 20px
}

.checkout20 .media {
    display: block;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center
}

.checkout20 .dropdown-menu > li.Account {
    min-width: 300px !important
}

li .installment_per_month {
    text-align: center;
    border: none;
    border-radius: 3px
}

.installment_per_month_button .active:focus {
    outline: 0
}

.icon-active {
    display: none;
    position: absolute;
    top: -10px;
    right: -12px
}

li .installment_per_month .month_title {
    border-bottom: 1px solid #ddd
}

li .installment_per_month .month_title h5 {
    font-weight: 400;
    margin-bottom: 12px
}

li .installment_per_month .month_title p {
    font-size: 12px
}

li .installment_per_month:hover .month_body {
    border: none
}

li .installment_per_month .month_body {
    padding-top: 8px;
    border-bottom: 1px solid #ddd
}

li .installment_per_month {
    padding: 3px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

li .installment_per_month {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.month_card_bank_installment li {
    width: 185px !important;
    min-height: 180px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-left: 0 !important
}

.previous {
    color: #f26522;
    font-size: 30px;
    font-weight: 700
}

.next {
    color: #f26522;
    font-size: 30px;
    font-weight: 700
}

.round {
    border-radius: 0
}

.form_month_option a {
    text-decoration: none;
    display: inline-block;
    padding: 0 5px
}

button.installment-tick.active {
    background-image: linear-gradient(0deg, #fb6f32 0, #fb9f33 100%);
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    border: none !important
}

button.installment-tick.active:focus {
    outline: 0
}

.month_card_bank_installment {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden
}

.installment .title_installment {
    color: #c9302c;
    font-size: 14px;
    font-weight: 700
}

.cardInfo p {
    font-size: 14px
}

.installment_per_month b {
    color: #666
}

.text-small {
    font-size: 11px
}

.text-big {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px
}

.text-installment {
    margin-bottom: 30px
}

.month_body p {
    color: #333
}

.month_body .text-small {
    margin-bottom: 0;
    color: #888;
    margin-top: 6px
}

.text-center.text-installment h5 {
    line-height: 17.5px;
    font-weight: 300 !important
}

.text-center.text-installment p {
    font-size: 14px;
    font-weight: 700
}

.month-label {
    border-bottom: 1px solid #ddd
}

.month-label h5 {
    font-weight: 400;
    margin-bottom: 12px;
    height: 15px
}

.month-label-content {
    padding-top: 8px;
    border-bottom: 1px solid #ddd
}

li.label-month-area {
    background: rgba(246, 245, 245, .8);
    min-width: 180px !important
}

.label-parent {
    padding: 2px
}

.label-month-area .text-left {
    margin-left: 8px;
    font-size: 14px
}

.installment-tick {
    border-radius: 3.5px;
    border: 1px solid #fabf34;
    width: 90px;
    height: 27px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 8px
}

.checkout20 .qrcode .thumbnail {
    border: none
}

.checkout20 .qrcode .shopping-cart-payment, .checkout20 .qrcode .thumbnail {
    margin-top: 20px
}

.checkout20 .qrcode .shopping-cart-payment table > tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #ddd
}

@media screen and (max-width: 376px) {
    .checkout20 ul.cardList li {
        width: 46%;
        overflow: hidden
    }

    .checkout20 .merChMail, .checkout20 .merChTitle {
        display: none
    }
}

@media screen and (max-width: 321px) {
    .checkout20 #header h1.logo img {
        width: 100px
    }

    .checkout20 #header h1.logo {
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .checkout20 .media {
        padding: 0
    }
    .section-qrcode {
        padding: 20px !important;
    }
    .section-qrcode img {
        width: 90% !important;
    }
    .image-qrcode-tranfer-vndt > div {
        margin-bottom: 0px !important;
    }
    .section-tutorial-vndt > div {
        padding: 10px 10px !important;
    }
}

@media screen and (max-width: 280px) {
    .invoiceCont .Merchantlogo {
        width: 80px
    }

    .panel-title, h5.merChTitle, p.merChMail {
        font-size: 12px !important
    }
}

.checkout20 #RgWarrning {
    margin-left: 5px;
    margin-right: 5px;
}

.image-qrcode-tranfer {
    width: 100%;
    display: inline-block;
}

.image-qrcode-tranfer > div {
    margin-bottom: 20px;
}

.d-flex-center {
    display: flex;
    justify-content: center;
}

.border-dark {
    border: 1px solid black
}

.section-qrcode {
    margin: 0 auto;
}
.section-qrcode img {
    width: 50%;
}

.section-bank-account > div, .section-tutorial > div {
    padding: 15px 10px
}
.section-bank-account>div>div {
    display: flex;
}
.section-bank-account>div>div>div {
    min-height: 20px;
}
.section-bank-account>div>div>div:last-child {
    margin-bottom: 10px;
}
.border-blue {
    border: 1px solid #3544f5
}

.text-bold {
    font-weight: 600
}

.border-green {
    border: 1px solid #1a7ba6
}

.float-right {
    float: right
}

.btn-download {
    margin-top: 8px
}

.m-0 {
    margin: 0
}
.mb-0 {
    margin-bottom: 0!important;
}

.p-0 {
    padding: 0
}

.tutorial-detail {
    margin-top: 30px;
    transform: scale(0.8);
    cursor: pointer;
}

#tutorial-info {
    display: none;
    background-color: rgba(1,1,1,0.6);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0
}
#tutorial-info>div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 70px 15px;
}
#tutorial-info>div>img {
    width: 50%;
    max-width: 100%;
}
#tutorial-info>div>span {
    position: absolute;
    top: 75px;
    right: 26.3%;
    font-size: 30px;
    cursor: pointer;
    color: gray;
}
.hide {
    display: none;
}
.icon img {
    object-fit: contain;
}
.app-store {
    width: 100%;
    display: flex;
    justify-content: center;
}
.app-store>a {
    margin: 5px;
    box-shadow: 0 0 1px gainsboro;
}
.app-store img {
    width: 36px;
}
.btn-copy {
    border: none;
    background: white;
    font-size: 10px;
    cursor: pointer;
    color: dodgerblue;
}
.logo-partner .img-logo-partner {
    margin: 0 5px;
}
.logo-partner .img-logo-partner:first-child {
    height: 40px;
}
.logo-partner .img-logo-partner {
    height: 36px;
}
.img-instruction {
    text-align: center;
}
.img-instruction img {
    width: 100%;
}
.img-instruction img.img-instruction-img{
    max-width: 305px;
    margin: auto;
}
.page-loading {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(255 255 255 / 60%);
}
#group-address {
    display: none;
}
.form-horizontal .checkbox.mRadiocheck {
    padding-top: 0;
}
.text-decoration-underline {
    text-decoration-line: underline;
    text-decoration-style: solid;
}
a.collapsed.vndt_wallet_option .panel-heading:after {
    content: "\f0a9";
}

@media only screen and (max-width: 1200px) {
    #tutorial-info>div>img {
        width: 80%;
    }
    #tutorial-info>div>span {
        top: 75px;
        right: 12.5%;
    }
}
@media only screen and (max-width: 640px) {
    #tutorial-info>div>img {
        width: 95%;
    }
    #tutorial-info>div>span {
        top: 75px;
        right: 7%;
    }
    input[name="verify_image"] {
        font-size: 10px;
    }
    .hide-mobile {
        display: none;
    }
    .text-gray {
        clear: both;
    }

}
@media only screen and (max-width: 400px) {
    .section-bank-account > div>div {
        display: block;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .section-logo-mobile {
        padding-top: 0!important;
    }
    .section-logo-mobile>div {
        text-align: center!important;
    }
}

.div-tooltip {
    display: block;
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 85px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -35px;
    opacity: 10;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
button.btn.copy::before {
    font-family: fontAwesome;
    content: "\f0c5";
}

.text_qr{
    color: red;
    font-weight: bold;
    font-size: 14px;
}