@charset "utf-8";

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

.clearfloat {
    zoom: 1
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../images/font/fontawesome-webfont.eot?v=3.2.1');
    src: url('../images/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../images/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../images//font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../images/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

    [class^="icon-"]:before, [class*=" icon-"]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none;
    }

[class^="icon-"], [class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

.icon-glass:before {
    content: "\f000";
}

.icon-music:before {
    content: "\f001";
}

.icon-search:before {
    content: "\f002";
}

.icon-envelope-alt:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

.icon-user:before {
    content: "\f007";
}

.icon-film:before {
    content: "\f008";
}

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

.icon-th:before {
    content: "\f00a";
}

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

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-power-off:before, .icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

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

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file-alt:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

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

.icon-refresh:before {
    content: "\f021";
}

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

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

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

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

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

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

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

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

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

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

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

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

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

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

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

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

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

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

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

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

.icon-eject:before {
    content: "\f052";
}

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

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

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

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

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

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

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

.icon-mail-forward:before, .icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

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

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

.icon-retweet:before {
    content: "\f079";
}

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

.icon-folder-close:before {
    content: "\f07b";
}

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

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

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

.icon-key:before {
    content: "\f084";
}

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

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up-alt:before {
    content: "\f087";
}

.icon-thumbs-down-alt:before {
    content: "\f088";
}

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

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

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

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

.icon-phone:before {
    content: "\f095";
}

.icon-unchecked:before, .icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

.icon-phone-sign:before {
    content: "\f098";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

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

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

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

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

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

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

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-fullscreen:before {
    content: "\f0b2";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paperclip:before, .icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

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

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

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-pinterest-sign:before {
    content: "\f0d3";
}

.icon-google-plus-sign:before {
    content: "\f0d4";
}

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

.icon-money:before {
    content: "\f0d6";
}

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

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

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

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

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

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

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

.icon-comment-alt:before {
    content: "\f0e5";
}

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-lightbulb:before {
    content: "\f0eb";
}

.icon-exchange:before {
    content: "\f0ec";
}

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

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

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

.icon-stethoscope:before {
    content: "\f0f1";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-bell-alt:before {
    content: "\f0f3";
}

.icon-coffee:before {
    content: "\f0f4";
}

.icon-food:before {
    content: "\f0f5";
}

.icon-file-text-alt:before {
    content: "\f0f6";
}

.icon-building:before {
    content: "\f0f7";
}

.icon-hospital:before {
    content: "\f0f8";
}

.icon-ambulance:before {
    content: "\f0f9";
}

.icon-medkit:before {
    content: "\f0fa";
}

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

.icon-beer:before {
    content: "\f0fc";
}

.icon-h-sign:before {
    content: "\f0fd";
}

.icon-plus-sign-alt:before {
    content: "\f0fe";
}

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

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

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

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

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

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

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

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

.icon-desktop:before {
    content: "\f108";
}

.icon-laptop:before {
    content: "\f109";
}

.icon-tablet:before {
    content: "\f10a";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-circle-blank:before {
    content: "\f10c";
}

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

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

.icon-spinner:before {
    content: "\f110";
}

.icon-circle:before {
    content: "\f111";
}

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

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

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}

.icon-expand-alt:before {
    content: "\f116";
}

.icon-collapse-alt:before {
    content: "\f117";
}

.icon-smile:before {
    content: "\f118";
}

.icon-frown:before {
    content: "\f119";
}

.icon-meh:before {
    content: "\f11a";
}

.icon-gamepad:before {
    content: "\f11b";
}

.icon-keyboard:before {
    content: "\f11c";
}

.icon-flag-alt:before {
    content: "\f11d";
}

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

.icon-terminal:before {
    content: "\f120";
}

.icon-code:before {
    content: "\f121";
}

.icon-reply-all:before {
    content: "\f122";
}

.icon-mail-reply-all:before {
    content: "\f122";
}

.icon-star-half-full:before, .icon-star-half-empty:before {
    content: "\f123";
}

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

.icon-crop:before {
    content: "\f125";
}

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

.icon-unlink:before {
    content: "\f127";
}

.icon-question:before {
    content: "\f128";
}

.icon-info:before {
    content: "\f129";
}

.icon-exclamation:before {
    content: "\f12a";
}

.icon-superscript:before {
    content: "\f12b";
}

.icon-subscript:before {
    content: "\f12c";
}

.icon-eraser:before {
    content: "\f12d";
}

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

.icon-microphone:before {
    content: "\f130";
}

.icon-microphone-off:before {
    content: "\f131";
}

.icon-shield:before {
    content: "\f132";
}

.icon-calendar-empty:before {
    content: "\f133";
}

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

.icon-rocket:before {
    content: "\f135";
}

.icon-maxcdn:before {
    content: "\f136";
}

.icon-chevron-sign-left:before {
    content: "\f137";
}

.icon-chevron-sign-right:before {
    content: "\f138";
}

.icon-chevron-sign-up:before {
    content: "\f139";
}

.icon-chevron-sign-down:before {
    content: "\f13a";
}

.icon-html5:before {
    content: "\f13b";
}

.icon-css3:before {
    content: "\f13c";
}

.icon-anchor:before {
    content: "\f13d";
}

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

.icon-bullseye:before {
    content: "\f140";
}

.icon-ellipsis-horizontal:before {
    content: "\f141";
}

.icon-ellipsis-vertical:before {
    content: "\f142";
}

.icon-rss-sign:before {
    content: "\f143";
}

.icon-play-sign:before {
    content: "\f144";
}

.icon-ticket:before {
    content: "\f145";
}

.icon-minus-sign-alt:before {
    content: "\f146";
}

.icon-check-minus:before {
    content: "\f147";
}

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

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

.icon-check-sign:before {
    content: "\f14a";
}

.icon-edit-sign:before {
    content: "\f14b";
}

.icon-external-link-sign:before {
    content: "\f14c";
}

.icon-share-sign:before {
    content: "\f14d";
}

.icon-compass:before {
    content: "\f14e";
}

.icon-collapse:before {
    content: "\f150";
}

.icon-collapse-top:before {
    content: "\f151";
}

.icon-expand:before {
    content: "\f152";
}

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

.icon-gbp:before {
    content: "\f154";
}

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

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

.icon-yen:before, .icon-jpy:before {
    content: "\f157";
}

.icon-renminbi:before, .icon-cny:before {
    content: "\f158";
}

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

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

.icon-file:before {
    content: "\f15b";
}

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

.icon-sort-by-alphabet:before {
    content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e";
}

.icon-sort-by-attributes:before {
    content: "\f160";
}

.icon-sort-by-attributes-alt:before {
    content: "\f161";
}

.icon-sort-by-order:before {
    content: "\f162";
}

.icon-sort-by-order-alt:before {
    content: "\f163";
}

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

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

.icon-youtube-sign:before {
    content: "\f166";
}

.icon-youtube:before {
    content: "\f167";
}

.icon-xing:before {
    content: "\f168";
}

.icon-xing-sign:before {
    content: "\f169";
}

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

.icon-dropbox:before {
    content: "\f16b";
}

.icon-stackexchange:before {
    content: "\f16c";
}

.icon-instagram:before {
    content: "\f16d";
}

.icon-flickr:before {
    content: "\f16e";
}

.icon-adn:before {
    content: "\f170";
}

.icon-bitbucket:before {
    content: "\f171";
}

.icon-bitbucket-sign:before {
    content: "\f172";
}

.icon-tumblr:before {
    content: "\f173";
}

.icon-tumblr-sign:before {
    content: "\f174";
}

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

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

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

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

.icon-apple:before {
    content: "\f179";
}

.icon-windows:before {
    content: "\f17a";
}

.icon-android:before {
    content: "\f17b";
}

.icon-linux:before {
    content: "\f17c";
}

.icon-dribbble:before {
    content: "\f17d";
}

.icon-skype:before {
    content: "\f17e";
}

.icon-foursquare:before {
    content: "\f180";
}

.icon-trello:before {
    content: "\f181";
}

.icon-female:before {
    content: "\f182";
}

.icon-male:before {
    content: "\f183";
}

.icon-gittip:before {
    content: "\f184";
}

.icon-sun:before {
    content: "\f185";
}

.icon-moon:before {
    content: "\f186";
}

.icon-archive:before {
    content: "\f187";
}

.icon-bug:before {
    content: "\f188";
}

.icon-vk:before {
    content: "\f189";
}

.icon-weibo:before {
    content: "\f18a";
}

.icon-renren:before {
    content: "\f18b";
}

/**
 * custom
 */
.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

hr {
    height: 1px;
    border: 0;
    background-color: #ddd;
    margin: 15px 0;
}

    hr.hr-dashed {
        height: 0px;
        border-bottom: 1px dashed #ccc;
        background-color: transparent;
        margin: 15px 0;
    }

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.opc-0 {
    opacity: 0;
    filter: opacity(0);
}

.opc-2 {
    opacity: 0.2;
    filter: opacity(20);
}

.opc-4 {
    opacity: 0.4;
    filter: opacity(40);
}

.opc-6 {
    opacity: 0.6;
    filter: opacity(60);
}

.opc-8 {
    opacity: 0.8;
    filter: opacity(80);
}

.trans-2 {
    -webkit-transition: .2s all;
    transition: .2s all;
}

.trans-3 {
    -webkit-transition: .3s all;
    transition: .3s all;
}

.trans-5 {
    -webkit-transition: .5s all;
    transition: .5s all;
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-360 {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

ul {
    padding-left: 0
}

.list-style li {
    list-style: none;
    position: relative;
}

.list-style-line li, .list-style-square li, .list-style-disc li, .list-style-circle li {
    padding-left: 20px;
}

    .list-style-line li:before, .list-style-square li:before, .list-style-disc li:before, .list-style-circle li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 10px;
        height: 10px;
        background-color: #555;
    }

    .list-style-line li:before {
        width: 10px;
        height: 1px;
    }

    .list-style-square li:before {
        width: 10px;
        height: 10px;
        margin-top: -5px;
    }

    .list-style-disc li:before {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        border-radius: 100%;
    }

    .list-style-circle li:before {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        background-color: transparent;
        border: 1px solid #555;
        border-radius: 100%;
    }

.list-style.list-style-top li:before {
    top: 0;
    margin-top: 0;
}

.list-style-primary li:before {
    background-color: #e4bd20;
}

.list-style-blue li:before {
    background-color: #0099ff;
}

.list-style-indigo li:before {
    background-color: #6610f2;
}

.list-style-purple li:before {
    background-color: #6f42c1;
}

.list-style-pink li:before {
    background-color: #e83e8c;
}

.list-style-red li:before {
    background-color: #dc3545;
}

.list-style-orange li:before {
    background-color: #fd7e14;
}

.list-style-yellow li:before {
    background-color: #ffc107;
}

.list-style-green li:before {
    background-color: #28a745;
}

.list-style-teal li:before {
    background-color: #20c997;
}

.list-style-cyan li:before {
    background-color: #17a2b8;
}

.list-style-white li:before {
    background-color: #fff;
}

.list-style-gray li:before {
    background-color: #6c757d;
}

.list-style-gray-dark li:before {
    background-color: #343a40;
}

.list-style-secondary li:before {
    background-color: #6c757d;
}

.list-style-success li:before {
    background-color: #28a745;
}

.list-style-info li:before {
    background-color: #17a2b8;
}

.list-style-warning li:before {
    background-color: #ffc107;
}

.list-style-danger li:before {
    background-color: #dc3545;
}

.list-style-light li:before {
    background-color: #f8f9fa;
}

.list-style-dark li:before {
    background-color: #343a40;
}

.list-style-circle.list-style-primary li:before {
    background-color: transparent;
    border-color: #e4bd20;
}

.list-style-circle.list-style-blue li:before {
    background-color: transparent;
    border-color: #0099ff;
}

.list-style-circle.list-style-indigo li:before {
    background-color: transparent;
    border-color: #6610f2;
}

.list-style-circle.list-style-purple li:before {
    background-color: transparent;
    border-color: #6f42c1;
}

.list-style-circle.list-style-pink li:before {
    background-color: transparent;
    border-color: #e83e8c;
}

.list-style-circle.list-style-red li:before {
    background-color: transparent;
    border-color: #dc3545;
}

.list-style-circle.list-style-orange li:before {
    background-color: transparent;
    border-color: #fd7e14;
}

.list-style-circle.list-style-yellow li:before {
    background-color: transparent;
    border-color: #ffc107;
}

.list-style-circle.list-style-green li:before {
    background-color: transparent;
    border-color: #28a745;
}

.list-style-circle.list-style-teal li:before {
    background-color: transparent;
    border-color: #20c997;
}

.list-style-circle.list-style-cyan li:before {
    background-color: transparent;
    border-color: #17a2b8;
}

.list-style-circle.list-style-white li:before {
    background-color: transparent;
    border-color: #fff;
}

.list-style-circle.list-style-gray li:before {
    background-color: transparent;
    border-color: #6c757d;
}

.list-style-circle.list-style-gray-dark li:before {
    background-color: transparent;
    border-color: #343a40;
}

.list-style-circle.list-style-secondary li:before {
    background-color: transparent;
    border-color: #e6c01d;
}

.list-style-circle.list-style-success li:before {
    background-color: transparent;
    border-color: #28a745;
}

.list-style-circle.list-style-info li:before {
    background-color: transparent;
    border-color: #17a2b8;
}

.list-style-circle.list-style-warning li:before {
    background-color: transparent;
    border-color: #ffc107;
}

.list-style-circle.list-style-danger li:before {
    background-color: transparent;
    border-color: #dc3545;
}

.list-style-circle.list-style-light li:before {
    background-color: transparent;
    border-color: #f8f9fa;
}

.list-style-circle.list-style-dark li:before {
    background-color: transparent;
    border-color: #343a40;
}

.m-0 {
    margin: 0 !important
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.mr-3, .mx-3 {
    margin-right: 3px !important
}

.ml-3, .mx-3 {
    margin-left: 3px !important
}

.mt-3, .my-3 {
    margin-top: 3px !important
}

.mb-3, .my-3 {
    margin-bottom: 3px !important
}

.m-3 {
    margin: 3px !important
}

.mr-5, .mx-5 {
    margin-right: 5px !important
}

.ml-5, .mx-5 {
    margin-left: 5px !important
}

.mt-5, .my-5 {
    margin-top: 5px !important
}

.mb-5, .my-5 {
    margin-bottom: 5px !important
}

.m-5 {
    margin: 5px !important
}

.mr-10, .mx-10 {
    margin-right: 10px !important
}

.ml-10, .mx-10 {
    margin-left: 10px !important
}

.mt-10, .my-10 {
    margin-top: 10px !important
}

.mb-10, .my-10 {
    margin-bottom: 10px !important
}

.m-10 {
    margin: 10px !important
}

.mr-15, .mx-15 {
    margin-right: 15px !important
}

.ml-15, .mx-15 {
    margin-left: 15px !important
}

.mt-15, .my-15 {
    margin-top: 15px !important
}

.mb-15, .my-15 {
    margin-bottom: 15px !important
}

.m-15 {
    margin: 15px !important
}

.mr-20, .mx-20 {
    margin-right: 20px !important
}

.ml-20, .mx-20 {
    margin-left: 20px !important
}

.mt-20, .my-20 {
    margin-top: 20px !important
}

.mb-20, .my-20 {
    margin-bottom: 20px !important
}

.m-20 {
    margin: 20px !important
}

.mr-25, .mx-25 {
    margin-right: 25px !important
}

.ml-25, .mx-25 {
    margin-left: 25px !important
}

.mt-25, .my-25 {
    margin-top: 25px !important
}

.mb-25, .my-25 {
    margin-bottom: 25px !important
}

.m-25 {
    margin: 25px !important
}

.mr-30, .mx-30 {
    margin-right: 30px !important
}

.ml-30, .mx-30 {
    margin-left: 30px !important
}

.mt-30, .my-30 {
    margin-top: 30px !important
}

.mb-30, .my-30 {
    margin-bottom: 30px !important
}

.m-30 {
    margin: 30px !important
}

.mr-35, .mx-35 {
    margin-right: 35px !important
}

.ml-35, .mx-35 {
    margin-left: 35px !important
}

.mt-35, .my-35 {
    margin-top: 35px !important
}

.mb-35, .my-35 {
    margin-bottom: 35px !important
}

.m-35 {
    margin: 35px !important
}

.mr-40, .mx-40 {
    margin-right: 40px !important
}

.ml-40, .mx-40 {
    margin-left: 40px !important
}

.mt-40, .my-40 {
    margin-top: 40px !important
}

.mb-40, .my-40 {
    margin-bottom: 40px !important
}

.m-40 {
    margin: 40px !important
}

.mr-45, .mx-45 {
    margin-right: 45px !important
}

.ml-45, .mx-45 {
    margin-left: 45px !important
}

.mt-45, .my-45 {
    margin-top: 45px !important
}

.mb-45, .my-45 {
    margin-bottom: 45px !important
}

.m-45 {
    margin: 45px !important
}

.mr-50, .mx-50 {
    margin-right: 50px !important
}

.ml-50, .mx-50 {
    margin-left: 50px !important
}

.mt-50, .my-50 {
    margin-top: 50px !important
}

.mb-50, .my-50 {
    margin-bottom: 50px !important
}

.m-50 {
    margin: 50px !important
}

.mr-60, .mx-60 {
    margin-right: 60px !important
}

.ml-60, .mx-60 {
    margin-left: 60px !important
}

.mt-60, .my-60 {
    margin-top: 60px !important
}

.mb-60, .my-60 {
    margin-bottom: 60px !important
}

.m-60 {
    margin: 60px !important
}

.mr-70, .mx-70 {
    margin-right: 70px !important
}

.ml-70, .mx-70 {
    margin-left: 70px !important
}

.mt-70, .my-70 {
    margin-top: 70px !important
}

.mb-70, .my-70 {
    margin-bottom: 70px !important
}

.m-70 {
    margin: 70px !important
}

.mr-80, .mx-80 {
    margin-right: 80px !important
}

.ml-80, .mx-80 {
    margin-left: 80px !important
}

.mt-80, .my-80 {
    margin-top: 80px !important
}

.mb-80, .my-80 {
    margin-bottom: 80px !important
}

.m-80 {
    margin: 80px !important
}

.mr-100, .mx-100 {
    margin-right: 100px !important
}

.ml-100, .mx-100 {
    margin-left: 100px !important
}

.mt-100, .my-100 {
    margin-top: 100px !important
}

.mb-100, .my-100 {
    margin-bottom: 100px !important
}

.m-100 {
    margin: 100px !important
}

.mr--30, .mx--30 {
    margin-right: -30px !important
}

.ml--30, .mx--30 {
    margin-left: -30px !important
}

.mt--30, .my--30 {
    margin-top: -30px !important
}

.mb--30, .my--30 {
    margin-bottom: -30px !important
}

.p-0 {
    padding: 0 !important
}

.pr-3, .px-3 {
    padding-right: 3px !important
}

.pl-3, .px-3 {
    padding-left: 3px !important
}

.pt-3, .py-3 {
    padding-top: 3px !important
}

.pb-3, .py-3 {
    padding-bottom: 3px !important
}

.p-3 {
    padding: 3px !important
}

.pr-5, .px-5 {
    padding-right: 5px !important
}

.pl-5, .px-5 {
    padding-left: 5px !important
}

.pt-5, .py-5 {
    padding-top: 5px !important
}

.pb-5, .py-5 {
    padding-bottom: 5px !important
}

.p-5 {
    padding: 5px !important
}

.pr-10, .px-10 {
    padding-right: 10px !important
}

.pl-10, .px-10 {
    padding-left: 10px !important
}

.pt-10, .py-10 {
    padding-top: 10px !important
}

.pb-10, .py-10 {
    padding-bottom: 10px !important
}

.p-10 {
    padding: 10px !important
}

.pr-15, .px-15 {
    padding-right: 15px !important
}

.pl-15, .px-15 {
    padding-left: 15px !important
}

.pt-15, .py-15 {
    padding-top: 15px !important
}

.pb-15, .py-15 {
    padding-bottom: 15px !important
}

.p-15 {
    padding: 15px !important
}

.pr-20, .px-20 {
    padding-right: 20px !important
}

.pl-20, .px-20 {
    padding-left: 20px !important
}

.pt-20, .py-20 {
    padding-top: 20px !important
}

.pb-20, .py-20 {
    padding-bottom: 20px !important
}

.p-20 {
    padding: 20px !important
}

.pr-25, .px-25 {
    padding-right: 25px !important
}

.pl-25, .px-25 {
    padding-left: 25px !important
}

.pt-25, .py-25 {
    padding-top: 25px !important
}

.pb-25, .py-25 {
    padding-bottom: 25px !important
}

.p-25 {
    padding: 25px !important
}

.pr-30, .px-30 {
    padding-right: 30px !important
}

.pl-30, .px-30 {
    padding-left: 30px !important
}

.pt-30, .py-30 {
    padding-top: 30px !important
}

.pb-30, .py-30 {
    padding-bottom: 30px !important
}

.p-30 {
    padding: 30px !important
}

.pr-35, .px-35 {
    padding-right: 35px !important
}

.pl-35, .px-35 {
    padding-left: 35px !important
}

.pt-35, .py-35 {
    padding-top: 35px !important
}

.pb-35, .py-35 {
    padding-bottom: 35px !important
}

.p-35 {
    padding: 35px !important
}

.pr-40, .px-40 {
    padding-right: 40px !important
}

.pl-40, .px-40 {
    padding-left: 40px !important
}

.pt-40, .py-40 {
    padding-top: 40px !important
}

.pb-40, .py-40 {
    padding-bottom: 40px !important
}

.p-40 {
    padding: 40px !important
}

.pr-45, .px-45 {
    padding-right: 45px !important
}

.pl-45, .px-45 {
    padding-left: 45px !important
}

.pt-45, .py-45 {
    padding-top: 45px !important
}

.pb-45, .py-45 {
    padding-bottom: 45px !important
}

.p-45 {
    padding: 45px !important
}

.pr-50, .px-50 {
    padding-right: 50px !important
}

.pl-50, .px-50 {
    padding-left: 50px !important
}

.pt-50, .py-50 {
    padding-top: 50px !important
}

.pb-50, .py-50 {
    padding-bottom: 50px !important
}

.p-50 {
    padding: 50px !important
}

.pr-60, .px-60 {
    padding-right: 60px !important
}

.pl-60, .px-60 {
    padding-left: 60px !important
}

.pt-60, .py-60 {
    padding-top: 60px !important
}

.pb-60, .py-60 {
    padding-bottom: 60px !important
}

.p-60 {
    padding: 60px !important
}

.pr-70, .px-70 {
    padding-right: 70px !important
}

.pl-70, .px-70 {
    padding-left: 70px !important
}

.pt-70, .py-70 {
    padding-top: 70px !important
}

.pb-70, .py-70 {
    padding-bottom: 70px !important
}

.p-70 {
    padding: 70px !important
}

.pr-80, .px-80 {
    padding-right: 80px !important
}

.pl-80, .px-80 {
    padding-left: 80px !important
}

.pt-80, .py-80 {
    padding-top: 80px !important
}

.pb-80, .py-80 {
    padding-bottom: 80px !important
}

.p-80 {
    padding: 80px !important
}

.pr-100, .px-100 {
    padding-right: 100px !important
}

.pl-100, .px-100 {
    padding-left: 100px !important
}

.pt-100, .py-100 {
    padding-top: 100px !important
}

.pb-100, .py-100 {
    padding-bottom: 100px !important
}

.p-100 {
    padding: 100px !important
}

.m--30 {
    margin: -30px !important
}

.mr--25, .mx--25 {
    margin-right: -25px !important
}

.ml--25, .mx--25 {
    margin-left: -25px !important
}

.mt--25, .my--25 {
    margin-top: -25px !important
}

.mb--25, .my--25 {
    margin-bottom: -25px !important
}

.m--25 {
    margin: -25px !important
}

.mr--20, .mx--20 {
    margin-right: -20px !important
}

.ml--20, .mx--20 {
    margin-left: -20px !important
}

.mt--20, .my--20 {
    margin-top: -20px !important
}

.mb--20, .my--20 {
    margin-bottom: -20px !important
}

.m--20 {
    margin: -20px !important
}

.mr--15, .mx--15 {
    margin-right: -15px !important
}

.ml--15, .mx--15 {
    margin-left: -15px !important
}

.mt--15, .my--15 {
    margin-top: -15px !important
}

.mb--15, .my--15 {
    margin-bottom: -15px !important
}

.m--15 {
    margin: -15px !important
}

.mr--10, .mx--10 {
    margin-right: -10px !important
}

.ml--10, .mx--10 {
    margin-left: -10px !important
}

.mt--10, .my--10 {
    margin-top: -10px !important
}

.mb--10, .my--10 {
    margin-bottom: -10px !important
}

.m--10 {
    margin: -10px !important
}

.mr--5, .mx--5 {
    margin-right: -5px !important
}

.ml--5, .mx--5 {
    margin-left: -5px !important
}

.mt--5, .my--5 {
    margin-top: -5px !important
}

.mb--5, .my--5 {
    margin-bottom: -5px !important
}

.m--5 {
    margin: -5px !important
}

.mr--3, .mx--3 {
    margin-right: -3px !important
}

.ml--3, .mx--3 {
    margin-left: -3px !important
}

.mt--3, .my--3 {
    margin-top: -3px !important
}

.mb--3, .my--3 {
    margin-bottom: -3px !important
}

.m--3 {
    margin: -3px !important
}

.mr--1, .mx--1 {
    margin-right: -1px !important
}

.ml--1, .mx--1 {
    margin-left: -1px !important
}

.mt--1, .my--1 {
    margin-top: -1px !important
}

.mb--1, .my--1 {
    margin-bottom: -1px !important
}

.m--1 {
    margin: -1px !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.m-auto {
    margin: auto !important
}

.w-1 {
    width: 1px !important
}

.w-2 {
    width: 2px !important
}

.w-3 {
    width: 3px !important
}

.w-4 {
    width: 4px !important
}

.w-5 {
    width: 5px !important
}

.w-6 {
    width: 6px !important
}

.w-8 {
    width: 8px !important
}

.w-10 {
    width: 10px !important
}

.w-20 {
    width: 20px !important
}

.w-25 {
    width: 25px !important
}

.w-30 {
    width: 30px !important
}

.w-35 {
    width: 35px !important
}

.w-40 {
    width: 40px !important
}

.w-50 {
    width: 50px !important
}

.w-60 {
    width: 60px !important
}

.w-80 {
    width: 80px !important
}

.w-100 {
    width: 100px !important
}

.w-120 {
    width: 120px !important
}

.w-150 {
    width: 150px !important
}

.w-160 {
    width: 160px !important
}

.w-200 {
    width: 200px !important
}

.w-250 {
    width: 250px !important
}

.w-300 {
    width: 300px !important
}

.w-350 {
    width: 350px !important
}

.w-400 {
    width: 400px !important
}

.w-450 {
    width: 450px !important
}

.w-500 {
    width: 500px !important
}

.w-p5 {
    width: 5% !important
}

.w-p10 {
    width: 10% !important
}

.w-p15 {
    width: 15% !important
}

.w-p20 {
    width: 20% !important
}

.w-p25 {
    width: 25% !important
}

.w-p30 {
    width: 30% !important
}

.w-p35 {
    width: 35% !important
}

.w-p40 {
    width: 40% !important
}

.w-p33 {
    width: 33.3333% !important
}

.w-p50 {
    width: 50% !important
}

.w-p65 {
    width: 65% !important
}

.w-p70 {
    width: 70% !important
}

.w-p75 {
    width: 75% !important
}

.w-p80 {
    width: 80% !important
}

.w-p100 {
    width: 100% !important
}

.h-1 {
    height: 1px !important
}

.h-2 {
    height: 2px !important
}

.h-3 {
    height: 3px !important
}

.h-4 {
    height: 4px !important
}

.h-5 {
    height: 5px !important
}

.h-6 {
    height: 6px !important
}

.h-8 {
    height: 8px !important
}

.h-10 {
    height: 10px !important
}

.h-10 {
    height: 10px !important
}

.h-20 {
    height: 20px !important
}

.h-30 {
    height: 30px !important
}

.h-40 {
    height: 40px !important
}

.h-50 {
    height: 50px !important
}

.h-45 {
    height: 45px !important
}

.h-60 {
    height: 60px !important
}

.h-80 {
    height: 80px !important
}

.h-100 {
    height: 100px !important
}

.h-120 {
    height: 120px !important
}

.h-140 {
    height: 140px !important
}

.h-150 {
    height: 150px !important
}

.h-160 {
    height: 160px !important
}

.h-200 {
    height: 200px !important
}

.h-250 {
    height: 250px !important
}

.h-300 {
    height: 300px !important
}

.h-350 {
    height: 350px !important
}

.h-400 {
    height: 400px !important
}

.h-450 {
    height: 450px !important
}

.h-500 {
    height: 500px !important
}

.h-600 {
    height: 600px !important
}

.h-p5 {
    height: 5% !important
}

.h-p10 {
    height: 10% !important
}

.h-p15 {
    height: 15% !important
}

.h-p20 {
    height: 20% !important
}

.h-p25 {
    height: 25% !important
}

.h-p30 {
    height: 30% !important
}

.h-p33 {
    height: 33.3333% !important
}

.h-p50 {
    height: 50% !important
}

.h-p75 {
    height: 75% !important
}

.h-p100 {
    height: 100% !important
}

.w-auto {
    width: auto !important
}

.h-auto {
    height: auto !important
}

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

.h-full {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

/*
font-size
 */
.size-12 {
    font-size: 12px !important;
}

.size-13 {
    font-size: 13px !important;
}

.size-14 {
    font-size: 14px !important;
}

.size-15 {
    font-size: 15px !important;
}

.size-16 {
    font-size: 16px !important;
}

.size-18 {
    font-size: 18px !important;
}

.size-20 {
    font-size: 20px !important;
}

.size-22 {
    font-size: 22px !important;
}

.size-24 {
    font-size: 24px !important;
}

.size-26 {
    font-size: 26px !important;
}

.size-28 {
    font-size: 28px !important;
}

.size-30 {
    font-size: 30px !important;
}

.size-32 {
    font-size: 32px !important;
}

.size-34 {
    font-size: 34px !important;
}

.size-40 {
    font-size: 40px !important;
}

.size-50 {
    font-size: 50px !important;
}

.size-60 {
    font-size: 60px !important;
}

.size-70 {
    font-size: 70px !important;
}

.size-80 {
    font-size: 80px !important;
}

/*
font-weight
 */
.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

/*
radius
 */
.radius-0 {
    border-radius: 0px !important;
}

.radius-2 {
    border-radius: 2px !important;
}

.radius-4 {
    border-radius: 4px !important;
}

.radius-6 {
    border-radius: 6px !important;
}

.radius-10 {
    border-radius: 10px !important;
}

.radius-p100 {
    border-radius: 100% !important;
}

.radius-0-tl {
    border-top-left-radius: 0 !important;
}

.radius-0-tr {
    border-top-right-radius: 0 !important;
}

.radius-0-br {
    border-bottom-right-radius: 0 !important;
}

.radius-0-bl {
    border-bottom-left-radius: 0 !important;
}

.lh-1 {
    line-height: 1em !important
}

.lh-15 {
    line-height: 1.5em !important
}

.lh-2 {
    line-height: 2em !important
}

.lh-20 {
    line-height: 20px !important
}

.lh-22 {
    line-height: 22px !important
}

.lh-24 {
    line-height: 24px !important
}

.lh-25 {
    line-height: 25px !important
}

.lh-28 {
    line-height: 28px !important
}

.lh-30 {
    line-height: 30px !important
}

.lh-34 {
    line-height: 34px !important
}

.lh-38 {
    line-height: 38px !important
}

.lh-40 {
    line-height: 40px !important
}

.lh-45 {
    line-height: 45px !important
}

.lh-50 {
    line-height: 50px !important
}

.lh-60 {
    line-height: 60px !important
}

.lh-70 {
    line-height: 70px !important
}

.lh-80 {
    line-height: 80px !important
}

.lh-100 {
    line-height: 100px !important
}

.hr-theme-1 {
    position: relative;
}

    .hr-theme-1:after {
        content: '';
        display: block;
        width: 80px;
        height: 5px;
        position: absolute;
        left: 0;
        top: -3px;
        background: #bbb;
    }

    .hr-theme-1.text-center:after {
        left: 50%;
        margin-left: -40px;
    }

    .hr-theme-1.text-right:after {
        left: auto;
        right: 0;
    }

.hr-theme-2 {
    position: relative;
}

    .hr-theme-2:after {
        content: '';
        display: block;
        width: 100px;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0px;
        background: #bbb;
    }

    .hr-theme-2.text-center:after {
        left: 50%;
        margin-left: -40px;
    }

    .hr-theme-2.text-right:after {
        left: auto;
        right: 0;
    }

.hr-primary:after {
    background: #e4bd20;
}

.hr-blue:after {
    background: #0099ff;
}

.hr-indigo:after {
    background: #6610f2;
}

.hr-purple:after {
    background: #6f42c1;
}

.hr-pink:after {
    background: #e83e8c;
}

.hr-red:after {
    background: #dc3545;
}

.hr-orange:after {
    background: #fd7e14;
}

.hr-yellow:after {
    background: #ffc107;
}

.hr-green:after {
    background: #28a745;
}

.hr-teal:after {
    background: #20c997;
}

.hr-cyan:after {
    background: #17a2b8;
}

.hr-white:after {
    background: #fff;
}

.hr-gray:after {
    background: #6c757d;
}

.hr-gray-dark:after {
    background: :#343a40;
}

.hr-secondary:after {
    background: #e6c01d;
}

.hr-success:after {
    background: #28a745;
}

.hr-info:after {
    background: #17a2b8;
}

.hr-warning:after {
    background: #ffc107;
}

.hr-danger:after {
    background: #dc3545;
}

.hr-light:after {
    background: #f8f9fa;
}

.hr-dark:after {
    background: #343a40;
}

.color-inherit {
    color: inherit !important;
}

.bg-transparent {
    background-color: transparent !important
}

.bg-white {
    background-color: #fff !important
}
/*a.bg-white:hover { background-color: #f2f2f2 !important }*/
.bg-white-op2 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-white-op4 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-white-op6 {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white-op8 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-white-op9 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-black {
    background-color: #212121 !important
}

.bg-black-op2 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-black-op4 {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.bg-black-op6 {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-black-op8 {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.bg-primary {
    background-color: rgb(236, 39, 39) !important
}

.bg-primary-op2 {
    background-color: rgba(236, 39, 39, 0.2) !important;
}

.bg-primary-op4 {
    background-color: rgba(236, 39, 39, 0.4) !important;
}

.bg-primary-op6 {
    background-color: rgba(236, 39, 39, 0.6) !important;
}

.bg-primary-op8 {
    background-color: rgba(236, 39, 39, 0.8) !important;
}

.bg-light-primary {
    background-color: rgba(236, 39, 39, 0.2) !important;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.top-10 {
    top: 10px;
}

.right-10 {
    right: 10px;
}

.left-10 {
    top: 10px;
}

.bottom-10 {
    right: 10px;
}

.top-auto {
    top: auto;
}

.left-auto {
    left: auto;
}

.right-auto {
    right: auto;
}

.bottom-auto {
    bottom: auto;
}

.vertical-align {
    font-size: 0
}

    .vertical-align:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.vertical-align-bottom, .vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: inherit;
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

.inline {
    display: inline !important
}

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

.block {
    display: block !important
}

.hidden-xs-up, .hidden-xxl-down {
    display: none !important
}

.text-break {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.text-top {
    vertical-align: top !important
}

.text-middle {
    vertical-align: middle !important
}

.text-bottom {
    vertical-align: bottom !important
}

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

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

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

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-underline {
    text-decoration: underline;
}

.word-space-xs {
    word-spacing: .1em;
}

.word-space-sm {
    word-spacing: .2em;
}

.word-space-md {
    word-spacing: .3em;
}

.word-space-la {
    word-spacing: .4em;
}

.letter-space-xs {
    letter-spacing: .02em;
}

.letter-space-sm {
    letter-spacing: .04em;
}

.letter-space-md {
    letter-spacing: .06em;
}

.letter-space-la {
    letter-spacing: .08em;
}

.cover-background {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

/*  -- flex弹性布局 -- */
.flex {
    display: flex;
}

.basis-xs {
    flex-basis: 20%;
}

.basis-sm {
    flex-basis: 40%;
}

.basis-df {
    flex-basis: 50%;
}

.basis-lg {
    flex-basis: 60%;
}

.basis-xl {
    flex-basis: 80%;
}

.flex-sub {
    flex: 1;
}

.flex-twice {
    flex: 2;
}

.flex-treble {
    flex: 3;
}

.flex-direction {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.align-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-center {
    align-self: flex-center;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.align-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

/* grid布局 */
.grid {
    display: flex;
    flex-wrap: wrap;
}

    .grid.grid-square {
        overflow: hidden;
    }

        .grid.grid-square .cu-tag {
            position: absolute;
            right: 0;
            top: 0;
            border-bottom-left-radius: 6px;
            padding: 6px 12px;
            height: auto;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .grid.grid-square > .grid-item > text[class*="cuIcon-"] {
            font-size: 52px;
            position: absolute;
            color: #8799a3;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .grid.grid-square > .grid-item {
            margin-right: 20px;
            margin-bottom: 20px;
            border-radius: 6px;
            position: relative;
            overflow: hidden;
        }

            .grid.grid-square > .grid-item.bg-img image {
                width: 100%;
                height: 100%;
                position: absolute;
            }

    .grid.col-1.grid-square > .grid-item {
        padding-bottom: 100%;
        height: 0;
        margin-right: 0;
    }

    .grid.col-2.grid-square > .grid-item {
        padding-bottom: calc((100% - 20px)/2);
        height: 0;
        width: calc((100% - 20px)/2);
    }

    .grid.col-3.grid-square > .grid-item {
        padding-bottom: calc((100% - 40px)/3);
        height: 0;
        width: calc((100% - 40px)/3);
    }

    .grid.col-4.grid-square > .grid-item {
        padding-bottom: calc((100% - 60px)/4);
        height: 0;
        width: calc((100% - 60px)/4);
    }

    .grid.col-5.grid-square > .grid-item {
        padding-bottom: calc((100% - 80px)/5);
        height: 0;
        width: calc((100% - 80px)/5);
    }

        .grid.col-2.grid-square > .grid-item:nth-child(2n), .grid.col-3.grid-square > .grid-item:nth-child(3n), .grid.col-4.grid-square > .grid-item:nth-child(4n), .grid.col-5.grid-square > .grid-item:nth-child(5n) {
            margin-right: 0;
        }

    .grid.col-1 > .grid-item {
        width: 100%;
    }

    .grid.col-2 > .grid-item {
        width: 50%;
    }

    .grid.col-3 > .grid-item {
        width: 33.33%;
    }

    .grid.col-4 > .grid-item {
        width: 25%;
    }

    .grid.col-5 > .grid-item {
        width: 20%;
    }

.grid-border.col-1 > .grid-item:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.grid-border.col-1 > .grid-item:last-child {
    border-bottom: 0;
}

.grid-border.col-2 > .grid-item {
    border-bottom: 1px solid #ddd;
}

    .grid-border.col-2 > .grid-item:last-child, .grid-border.col-2 > .grid-item:nth-last-child(2) {
        border-bottom: 0;
    }

.grid-border.col-2 > .grid-item {
    border-right: 1px solid #ddd;
}

    .grid-border.col-2 > .grid-item:nth-child(2n) {
        border-right: 0;
    }

.grid-border.col-3 > .grid-item {
    border-bottom: 1px solid #ddd;
}

    .grid-border.col-3 > .grid-item:last-child, .grid-border.col-3 > .grid-item:nth-last-child(2), .grid-border.col-3 > .grid-item:nth-last-child(3) {
        border-bottom: 0;
    }

.grid-border.col-3 > .grid-item {
    border-right: 1px solid #ddd;
}

    .grid-border.col-3 > .grid-item:nth-child(3n) {
        border-right: 0;
    }

.oprate-list {
}

.oprate-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 60px;
    padding: 0 20px;
}

    .oprate-list-item:last-child {
        border-bottom: transparent;
    }
/*.oprate-list-item:hover{
    background-color: #f1f1f1;
}*/
.oprate-list-content {
    flex: 1;
}

.border_ccc {
    border: 1px solid #ccc
}
/**
 * card
 */
.card {
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1),0 0px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background-color: #ffffff;
    color: #282828;
}

    .card ~ .card {
        margin-top: 10px;
    }


/**
 * color
 */
.text-primary {
    color: #cd3244 !important;
}

.text-blue {
    color: #0099ff !important;
}

.text-indigo {
    color: #6610f2 !important;
}

.text-purple {
    color: #6f42c1 !important;
}

.text-pink {
    color: #e83e8c !important;
}

.text-red {
    color: #dc3545 !important;
}

.text-orange {
    color: #fd7e14 !important;
}

.text-yellow {
    color: #ffc107 !important;
}

.text-green {
    color: #28a745 !important;
}

.text-teal {
    color: #20c997 !important;
}

.text-cyan {
    color: #17a2b8 !important;
}

.text-white {
    color: #fff !important;
}

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

.text-gray-dark {
    color: #343a40 !important;
}

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

.text-success {
    color: #28a745 !important;
}

.text-info {
    color: #17a2b8 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #343a40 !important;
}

.text-grey {
    color: #999999 !important;
}

.text-4b4b4b {
    color: #4b4b4b !important
}

.text-8d8d8d {
    color: #8d8d8d !important
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset !important;
}