@font-face {
	font-family: 'newframe';
	src: url('../fonts/newframe.eot?v4bjbu');
	src: url('../fonts/newframe.eot?v4bjbu#iefix') format('embedded-opentype'), url('../fonts/newframe.ttf?v4bjbu') format('truetype'), url('../fonts/newframe.woff?v4bjbu') format('woff'), url('../fonts/newframe.svg?v4bjbu#newframe') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
[class^="nf-icon-"], [class*=" nf-icon-"] {
	font-family: 'newframe' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.nf-icon-kefu:before {
	content: "\e900";
}
.nf-icon-toorain:before {
	content: "\e901";
}
.nf-icon-unionpay:before {
	content: "\e902";
}
.nf-icon-alipay:before {
	content: "\e903";
}
.nf-icon-weixinpay:before {
	content: "\e904";
}
.nf-icon-search:before {
	content: "\f002";
}
.nf-icon-envelope-o:before {
	content: "\f003";
}
.nf-icon-heart:before {
	content: "\f004";
}
.nf-icon-star:before {
	content: "\f005";
}
.nf-icon-star-o:before {
	content: "\f006";
}
.nf-icon-user:before {
	content: "\f007";
}
.nf-icon-th-large:before {
	content: "\f009";
}
.nf-icon-th:before {
	content: "\f00a";
}
.nf-icon-th-list:before {
	content: "\f00b";
}
.nf-icon-check:before {
	content: "\f00c";
}
.nf-icon-close:before {
	content: "\f00d";
}
.nf-icon-search-plus:before {
	content: "\f00e";
}
.nf-icon-search-minus:before {
	content: "\f010";
}
.nf-icon-power-off:before {
	content: "\f011";
}
.nf-icon-cog:before {
	content: "\f013";
}
.nf-icon-trash-o:before {
	content: "\f014";
}
.nf-icon-home:before {
	content: "\f015";
}
.nf-icon-clock-o:before {
	content: "\f017";
}
.nf-icon-download:before {
	content: "\f019";
}
.nf-icon-repeat:before {
	content: "\f01e";
}
.nf-icon-refresh:before {
	content: "\f021";
}
.nf-icon-list-alt:before {
	content: "\f022";
}
.nf-icon-lock:before {
	content: "\f023";
}
.nf-icon-headphones:before {
	content: "\f025";
}
.nf-icon-volume-off:before {
	content: "\f026";
}
.nf-icon-volume-up:before {
	content: "\f028";
}
.nf-icon-qrcode:before {
	content: "\f029";
}
.nf-icon-tag:before {
	content: "\f02b";
}
.nf-icon-print:before {
	content: "\f02f";
}
.nf-icon-camera:before {
	content: "\f030";
}
.nf-icon-image:before {
	content: "\f03e";
}
.nf-icon-pencil:before {
	content: "\f040";
}
.nf-icon-map-marker:before {
	content: "\f041";
}
.nf-icon-edit:before {
	content: "\f044";
}
.nf-icon-check-square-o:before {
	content: "\f046";
}
.nf-icon-play:before {
	content: "\f04b";
}
.nf-icon-chevron-left:before {
	content: "\f053";
}
.nf-icon-chevron-right:before {
	content: "\f054";
}
.nf-icon-plus-circle:before {
	content: "\f055";
}
.nf-icon-minus-circle:before {
	content: "\f056";
}
.nf-icon-times-circle:before {
	content: "\f057";
}
.nf-icon-check-circle:before {
	content: "\f058";
}
.nf-icon-question-circle:before {
	content: "\f059";
}
.nf-icon-info-circle:before {
	content: "\f05a";
}
.nf-icon-plus:before {
	content: "\f067";
}
.nf-icon-minus:before {
	content: "\f068";
}
.nf-icon-exclamation-circle:before {
	content: "\f06a";
}
.nf-icon-eye:before {
	content: "\f06e";
}
.nf-icon-calendar:before {
	content: "\f073";
}
.nf-icon-chevron-up:before {
	content: "\f077";
}
.nf-icon-chevron-down:before {
	content: "\f078";
}
.nf-icon-shopping-cart:before {
	content: "\f07a";
}
.nf-icon-bar-chart:before {
	content: "\f080";
}
.nf-icon-key:before {
	content: "\f084";
}
.nf-icon-comments:before {
	content: "\f086";
}
.nf-icon-cogs:before {
	content: "\f087";
}
.nf-icon-thumbs-o-up:before {
	content: "\f088";
}
.nf-icon-thumbs-o-down:before {
	content: "\f089";
}
.nf-icon-heart-o:before {
	content: "\f08a";
}
.nf-icon-trophy:before {
	content: "\f091";
}
.nf-icon-upload:before {
	content: "\f093";
}
.nf-icon-phone:before {
	content: "\f095";
}
.nf-icon-twitter:before {
	content: "\f099";
}
.nf-icon-facebook:before {
	content: "\f09a";
}
.nf-icon-unlock:before {
	content: "\f09c";
}
.nf-icon-credit-card:before {
	content: "\f09d";
}
.nf-icon-arrow-circle-left:before {
	content: "\f0a8";
}
.nf-icon-arrow-circle-right:before {
	content: "\f0a9";
}
.nf-icon-wrench:before {
	content: "\f0ad";
}
.nf-icon-briefcase:before {
	content: "\f0b1";
}
.nf-icon-group:before {
	content: "\f0c0";
}
.nf-icon-chain:before {
	content: "\f0c2";
}
.nf-icon-cloud:before {
	content: "\f0c3";
}
.nf-icon-flask:before {
	content: "\f0c4";
}
.nf-icon-cut:before {
	content: "\f0c5";
}
.nf-icon-copy:before {
	content: "\f0c6";
}
.nf-icon-paperclip:before {
	content: "\f0c7";
}
.nf-icon-floppy-o:before {
	content: "\f0c8";
}
.nf-icon-bars:before {
	content: "\f0c9";
}
.nf-icon-list-ul:before {
	content: "\f0ca";
}
.nf-icon-list-ol:before {
	content: "\f0cb";
}
.nf-icon-caret-down:before {
	content: "\f0d7";
}
.nf-icon-caret-up:before {
	content: "\f0d8";
}
.nf-icon-caret-left:before {
	content: "\f0d9";
}
.nf-icon-caret-right:before {
	content: "\f0da";
}
.nf-icon-columns:before {
	content: "\f0db";
}
.nf-icon-sort:before {
	content: "\f0dc";
}
.nf-icon-envelope:before {
	content: "\f0e0";
}
.nf-icon-rotate-left:before {
	content: "\f0e2";
}
.nf-icon-gavel:before {
	content: "\f0e3";
}
.nf-icon-dashboard:before {
	content: "\f0e4";
}
.nf-icon-sitemap:before {
	content: "\f0e8";
}
.nf-icon-umbrella:before {
	content: "\f0e9";
}
.nf-icon-clipboard:before {
	content: "\f0ea";
}
.nf-icon-cloud-download:before {
	content: "\f0ed";
}
.nf-icon-cloud-upload:before {
	content: "\f0ee";
}
.nf-icon-stethoscope:before {
	content: "\f0f1";
}
.nf-icon-coffee:before {
	content: "\f0f4";
}
.nf-icon-cutlery:before {
	content: "\f0f5";
}
.nf-icon-file-text-o:before {
	content: "\f0f6";
}
.nf-icon-ambulance:before {
	content: "\f0f9";
}
.nf-icon-angle-double-left:before {
	content: "\f100";
}
.nf-icon-angle-double-right:before {
	content: "\f101";
}
.nf-icon-angle-left:before {
	content: "\f104";
}
.nf-icon-angle-right:before {
	content: "\f105";
}
.nf-icon-angle-up:before {
	content: "\f106";
}
.nf-icon-angle-down:before {
	content: "\f107";
}
.nf-icon-desktop:before {
	content: "\f108";
}
.nf-icon-laptop:before {
	content: "\f109";
}
.nf-icon-tablet:before {
	content: "\f10a";
}
.nf-icon-mobile:before {
	content: "\f10b";
}
.nf-icon-circle-o:before {
	content: "\f10c";
}
.nf-icon-quote-left:before {
	content: "\f10d";
}
.nf-icon-quote-right:before {
	content: "\f10e";
}
.nf-icon-circle:before {
	content: "\f111";
}
.nf-icon-folder-o:before {
	content: "\f114";
}
.nf-icon-folder-open-o:before {
	content: "\f115";
}
.nf-icon-smile-o:before {
	content: "\f118";
}
.nf-icon-frown-o:before {
	content: "\f119";
}
.nf-icon-code:before {
	content: "\f121";
}
.nf-icon-mail-reply-all:before {
	content: "\f122";
}
.nf-icon-eraser:before {
	content: "\f12d";
}
.nf-icon-puzzle-piece:before {
	content: "\f12e";
}
.nf-icon-microphone:before {
	content: "\f130";
}
.nf-icon-shield:before {
	content: "\f132";
}
.nf-icon-rocket:before {
	content: "\f135";
}
.nf-icon-unlock-alt:before {
	content: "\f13e";
}
.nf-icon-ellipsis-h:before {
	content: "\f141";
}
.nf-icon-ellipsis-v:before {
	content: "\f142";
}
.nf-icon-play-circle:before {
	content: "\f144";
}
.nf-icon-long-arrow-up:before {
	content: "\f176";
}
.nf-icon-long-arrow-left:before {
	content: "\f177";
}
.nf-icon-long-arrow-right:before {
	content: "\f178";
}
.nf-icon-apple:before {
	content: "\f179";
}
.nf-icon-windows:before {
	content: "\f17a";
}
.nf-icon-android:before {
	content: "\f17b";
}
.nf-icon-linux:before {
	content: "\f17c";
}
.nf-icon-female:before {
	content: "\f182";
}
.nf-icon-male:before {
	content: "\f183";
}
.nf-icon-weibo:before {
	content: "\f18a";
}
.nf-icon-dot-circle-o:before {
	content: "\f192";
}
.nf-icon-space-shuttle:before {
	content: "\f197";
}
.nf-icon-graduation-cap:before {
	content: "\f19d";
}
.nf-icon-delicious:before {
	content: "\f1a5";
}
.nf-icon-fax:before {
	content: "\f1ac";
}
.nf-icon-building:before {
	content: "\f1ad";
}
.nf-icon-paw:before {
	content: "\f1b0";
}
.nf-icon-cubes:before {
	content: "\f1b3";
}
.nf-icon-automobile:before {
	content: "\f1b9";
}
.nf-icon-life-bouy:before {
	content: "\f1cd";
}
.nf-icon-tencent-weibo:before {
	content: "\f1d5";
}
.nf-icon-qq:before {
	content: "\f1d6";
}
.nf-icon-wechat:before {
	content: "\f1d7";
}
.nf-icon-paper-plane-o:before {
	content: "\f1d9";
}
.nf-icon-eyedropper:before {
	content: "\f1fb";
}
.nf-icon-paint-brush:before {
	content: "\f1fc";
}
.nf-icon-area-chart:before {
	content: "\f1fe";
}
.nf-icon-pie-chart:before {
	content: "\f200";
}
.nf-icon-line-chart:before {
	content: "\f201";
}
.nf-icon-toggle-off:before {
	content: "\f204";
}
.nf-icon-toggle-on:before {
	content: "\f205";
}
.nf-icon-bicycle:before {
	content: "\f206";
}
.nf-icon-bus:before {
	content: "\f207";
}
.nf-icon-ship:before {
	content: "\f21a";
}
.nf-icon-whatsapp:before {
	content: "\f232";
}
.nf-icon-train:before {
	content: "\f238";
}
.nf-icon-object-group:before {
	content: "\f247";
}
.nf-icon-balance-scale:before {
	content: "\f24e";
}
.nf-icon-map-o:before {
	content: "\f278";
}
.nf-icon-commenting:before {
	content: "\f27a";
}
.nf-icon-commenting-o:before {
	content: "\f27b";
}
.nf-icon-shopping-bag:before {
	content: "\f290";
}
.nf-icon-envira:before {
	content: "\f299";
}
.nf-icon-user-o:before {
	content: "\f2c0";
}
.nf-icon-long-arrow-down:before {
	content: "\1f313";
}
[class*="animate-"] {
	animation-fill-mode: both;
}
.animate-shadow-0-10 {
	box-shadow: none;
}
.animate-shadow-0-10.on {
	animation-name: animate-shadow-0-10;
}
.animate-shadow-0-10.off {
	animation-name: animate-shadow-10-0;
}
@keyframes animate-shadow-0-10 {
from {
box-shadow:none;
}
to {
box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
}
.animate-shadow-10-0 {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.animate-shadow-10-0.on {
	animation-name: animate-shadow-10-0;
}
.animate-shadow-10-0.off {
	animation-name: animate-shadow-0-10;
}
@keyframes animate-shadow-10-0 {
from {
box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
to {
box-shadow:none;
}
}
.animate-gray-0-100 {
	filter: initial;
	filter: grayscale(0);
}
.animate-gray-0-100.on {
	animation-name: animate-gray-0-100;
}
.animate-gray-0-100.off {
	animation-name: animate-gray-100-0;
}
@keyframes animate-gray-0-100 {
from {
filter:initial;
filter:grayscale(0);
}
to {
filter:gray;
filter:grayscale(100%);
}
}
.animate-gray-100-0 {
	filter: gray;
	filter: grayscale(100%);
}
.animate-gray-100-0.on {
	animation-name: animate-gray-100-0;
}
.animate-gray-100-0.off {
	animation-name: animate-gray-0-100;
}
@keyframes animate-gray-100-0 {
from {
filter:gray;
filter:grayscale(100%);
}
to {
filter:initial;
filter:grayscale(0);
}
}
.animate-zoom-100-120 {
	transform: scale(1);
}
.animate-zoom-100-120.on {
	animation-name: animate-zoom-100-120;
}
.animate-zoom-100-120.off {
	animation-name: animate-zoom-120-100;
}
@keyframes animate-zoom-100-120 {
from {
transform:scale(1);
}
to {
transform:scale(1.2);
}
}
.animate-zoom-120-100 {
	transform: scale(1.2);
}
.animate-zoom-120-100.on {
	animation-name: animate-zoom-120-100;
}
.animate-zoom-120-100.off {
	animation-name: animate-zoom-100-120;
}
@keyframes animate-zoom-120-100 {
from {
transform:scale(1.2);
}
to {
transform:scale(1);
}
}
.animate-rotate-0-360 {
	transform: rotate(0deg);
}
.animate-rotate-0-360.on {
	animation-name: animate-rotate-0-360;
}
.animate-rotate-0-360.off {
	animation-name: animate-rotate-360-0;
}
@keyframes animate-rotate-0-360 {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
.animate-rotate-360-0 {
	transform: rotate(360deg);
}
.animate-rotate-360-0.on {
	animation-name: animate-rotate-360-0;
}
.animate-rotate-360-0.off {
	animation-name: animate-rotate-0-360;
}
@keyframes animate-rotate-360-0 {
from {
transform:rotate(360deg);
}
to {
transform:rotate(0deg);
}
}
.animate-rotate-0-180 {
	transform: rotate(0deg);
}
.animate-rotate-0-180.on {
	animation-name: animate-rotate-0-180;
}
.animate-rotate-0-180.off {
	animation-name: animate-rotate-180-0;
}
@keyframes animate-rotate-0-180 {
from {
transform:rotate(0deg);
}
to {
transform:rotate(180deg);
}
}
.animate-rotate-180-0 {
	transform: rotate(180deg);
}
.animate-rotate-180-0.on {
	animation-name: animate-rotate-180-0;
}
.animate-rotate-180-0.off {
	animation-name: animate-rotate-0-180;
}
@keyframes animate-rotate-180-0 {
from {
transform:rotate(180deg);
}
to {
transform:rotate(0deg);
}
}
.animate-rotateX-0-180 {
	transform: rotateX(0deg);
}
.animate-rotateX-0-180.on {
	animation-name: animate-rotateX-0-180;
}
.animate-rotateX-0-180.off {
	animation-name: animate-rotateX-180-0;
}
@keyframes animate-rotateX-0-180 {
from {
transform:perspective(1000px) rotateX(0deg);
}
to {
transform:perspective(1000px) rotateX(180deg);
}
}
.animate-rotateX-180-0 {
	transform: rotateX(180deg);
}
.animate-rotateX-180-0.on {
	animation-name: animate-rotateX-180-0;
}
.animate-rotateX-180-0.off {
	animation-name: animate-rotateX-0-180;
}
@keyframes animate-rotateX-180-0 {
from {
transform:perspective(1000px) rotateX(180deg);
}
to {
transform:perspective(1000px) rotateX(0deg);
}
}
.animate-rotateY-0-180 {
	transform: rotateY(0deg);
}
.animate-rotateY-0-180.on {
	animation-name: animate-rotateY-0-180;
}
.animate-rotateY-0-180.off {
	animation-name: animate-rotateY-180-0;
}
@keyframes animate-rotateY-0-180 {
from {
transform:perspective(1000px) rotateY(0deg);
}
to {
transform:perspective(1000px) rotateY(180deg);
}
}
.animate-rotateY-180-0 {
	transform: rotateY(180deg);
}
.animate-rotateY-180-0.on {
	animation-name: animate-rotateY-180-0;
}
.animate-rotateY-180-0.off {
	animation-name: animate-rotateY-0-180;
}
@keyframes animate-rotateY-180-0 {
from {
transform:perspective(1000px) rotateY(180deg);
}
to {
transform:perspective(1000px) rotateY(0deg);
}
}
.animate-moveup-0-10 {
	transform: translateY(0);
}
.animate-moveup-0-10.on {
	animation-name: animate-moveup-0-10;
}
.animate-moveup-0-10.off {
	animation-name: animate-movedown-10-0;
}
@keyframes animate-moveup-0-10 {
from {
transform:translateY(0);
}
to {
transform:translateY(-10px);
}
}
.animate-movedown-10-0 {
	transform: translateY(-10px);
}
.animate-movedown-10-0.on {
	animation-name: animate-movedown-10-0;
}
.animate-movedown-10-0.off {
	animation-name: animate-moveup-0-10;
}
@keyframes animate-movedown-10-0 {
from {
transform:translateY(-10px);
}
to {
transform:translateY(0);
}
}
.animate-moveup-0-b {
	position: relative;
	top: 0;
	transform: translateY(0);
}
.animate-moveup-0-b.on {
	animation-name: animate-moveup-0-b;
}
.animate-moveup-0-b.off {
	animation-name: animate-movedown-b-0;
}
@keyframes animate-moveup-0-b {
from {
top:0;
transform:translateY(0);
}
to {
top:100%;
transform:translateY(-100%);
}
}
.animate-movedown-b-0 {
	position: relative;
	top: 100%;
	transform: translateY(-100%);
}
.animate-movedown-b-0.on {
	animation-name: animate-movedown-b-0;
}
.animate-movedown-b-0.off {
	animation-name: animate-moveup-0-b;
}
@keyframes animate-movedown-b-0 {
from {
top:100%;
transform:translateY(-100%);
}
to {
top:0;
transform:translateY(0);
}
}
.animate-moveright-0-10 {
	transform: translateX(0);
}
.animate-moveright-0-10.on {
	animation-name: animate-moveright-0-10;
}
.animate-moveright-0-10.off {
	animation-name: animate-moveleft-10-0;
}
@keyframes animate-moveright-0-10 {
from {
transform:translateX(0);
}
to {
transform:translateX(10px);
}
}
.animate-moveleft-10-0 {
	transform: translateX(10px);
}
.animate-moveleft-10-0.on {
	animation-name: animate-moveleft-10-0;
}
.animate-moveleft-10-0.off {
	animation-name: animate-moveright-0-10;
}
@keyframes animate-moveleft-10-0 {
from {
transform:translateX(10px);
}
to {
transform:translateX(0);
}
}
.animate-fadein {
	opacity: 0;
}
.animate-fadein.on {
	animation-name: animate-fadein;
}
.animate-fadein.off {
	animation-name: animate-fadeout;
}
@keyframes animate-fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
.animate-fadeout {
	opacity: 1;
}
.animate-fadeout.on {
	animation-name: animate-fadeout;
}
.animate-fadeout.off {
	animation-name: animate-fadein;
}
@keyframes animate-fadeout {
from {
opacity:1;
}
to {
opacity:0;
}
}
.animate-fadein-top {
	transform: translateY(-100%);
	opacity: 0;
}
.animate-fadein-top.on {
	animation-name: animate-fadein-top;
}
.animate-fadein-top.off {
	animation-name: animate-fadeout-top;
}
@keyframes animate-fadein-top {
from {
transform:translateY(-100%);
opacity:0;
}
to {
transform:translateY(0);
opacity:1;
}
}
.animate-fadeout-top {
	transform: translateY(0);
	opacity: 1;
}
.animate-fadeout-top.on {
	animation-name: animate-fadeout-top;
}
.animate-fadeout-top.off {
	animation-name: animate-fadein-top;
}
@keyframes animate-fadeout-top {
from {
transform:translateY(0);
opacity:1;
}
to {
transform:translateY(-100%);
opacity:0;
}
}
.animate-fadein-bottom {
	transform: translateY(100%);
	opacity: 0;
}
.animate-fadein-bottom.on {
	animation-name: animate-fadein-bottom;
}
.animate-fadein-bottom.off {
	animation-name: animate-fadeout-bottom;
}
@keyframes animate-fadein-bottom {
from {
transform:translateY(100%);
opacity:0;
}
to {
transform:translateY(0);
opacity:1;
}
}
.animate-fadeout-bottom {
	transform: translateY(0);
	opacity: 1;
}
.animate-fadeout-bottom.on {
	animation-name: animate-fadeout-bottom;
}
.animate-fadeout-bottom.off {
	animation-name: animate-fadein-bottom;
}
@keyframes animate-fadeout-bottom {
from {
transform:translateY(0);
opacity:1;
}
to {
transform:translateY(100%);
opacity:0;
}
}
.animate-fadein-left {
	transform: translateX(-100%);
	opacity: 0;
}
.animate-fadein-left.on {
	animation-name: animate-fadein-left;
}
.animate-fadein-left.off {
	animation-name: animate-fadeout-left;
}
@keyframes animate-fadein-left {
from {
transform:translateX(-100%);
opacity:0;
}
to {
transform:translateX(0);
opacity:1;
}
}
.animate-fadeout-left {
	transform: translateX(0);
	opacity: 1;
}
.animate-fadeout-left.on {
	animation-name: animate-fadeout-left;
}
.animate-fadeout-left.off {
	animation-name: animate-fadein-left;
}
@keyframes animate-fadeout-left {
from {
transform:translateX(0);
opacity:1;
}
to {
transform:translateX(-100%);
opacity:0;
}
}
.animate-fadein-right {
	transform: translateX(100%);
	opacity: 0;
}
.animate-fadein-right.on {
	animation-name: animate-fadein-right;
}
.animate-fadein-right.off {
	animation-name: animate-fadeout-right;
}
@keyframes animate-fadein-right {
from {
transform:translateX(100%);
opacity:0;
}
to {
transform:translateX(0);
opacity:1;
}
}
.animate-fadeout-right {
	transform: translateX(0);
	opacity: 1;
}
.animate-fadeout-right.on {
	animation-name: animate-fadeout-right;
}
.animate-fadeout-right.off {
	animation-name: animate-fadein-right;
}
@keyframes animate-fadeout-right {
from {
transform:translateX(0);
opacity:1;
}
to {
transform:translateX(100%);
opacity:0;
}
}
.animate-opacity-0-100 {
	opacity: 0;
}
.animate-opacity-0-100.on {
	animation-name: animate-opacity-0-100;
}
.animate-opacity-0-100.off {
	animation-name: animate-opacity-100-0;
}
@keyframes animate-opacity-0-100 {
from {
opacity:0;
}
to {
opacity:1;
}
}
.animate-opacity-100-0 {
	opacity: 1;
}
.animate-opacity-100-0.on {
	animation-name: animate-opacity-100-0;
}
.animate-opacity-100-0.off {
	animation-name: animate-opacity-0-100;
}
@keyframes animate-opacity-100-0 {
from {
opacity:1;
}
to {
opacity:0;
}
}
.animate-opacity-50-100 {
	opacity: 0.5;
}
.animate-opacity-50-100.on {
	animation-name: animate-opacity-50-100;
}
.animate-opacity-50-100.off {
	animation-name: animate-opacity-100-50;
}
@keyframes animate-opacity-50-100 {
from {
opacity:0.5;
}
to {
opacity:1;
}
}
.animate-opacity-100-50 {
	opacity: 1;
}
.animate-opacity-100-50.on {
	animation-name: animate-opacity-100-50;
}
.animate-opacity-100-50.off {
	animation-name: animate-opacity-50-100;
}
@keyframes animate-opacity-100-50 {
from {
opacity:1;
}
to {
opacity:0.5;
}
}
[class^="mask-"], [class*=" mask-"] {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
}
.mask-square {
	-webkit-mask-image: url(svg/square.svg);
}
.mask-square-90 {
	-webkit-mask-image: url(svg/square-90.svg);
}
.mask-diamond {
	-webkit-mask-image: url(svg/diamond.svg);
}
.mask-diamond-90 {
	-webkit-mask-image: url(svg/diamond-90.svg);
}
.mask-parallelogram {
	-webkit-mask-image: url(svg/parallelogram.svg);
}
.mask-parallelogram-90 {
	-webkit-mask-image: url(svg/parallelogram-90.svg);
}
.mask-parallelogram-180 {
	-webkit-mask-image: url(svg/parallelogram-180.svg);
}
.mask-parallelogram-270 {
	-webkit-mask-image: url(svg/parallelogram-270.svg);
}
.mask-trapezoid {
	-webkit-mask-image: url(svg/trapezoid.svg);
}
.mask-trapezoid-180 {
	-webkit-mask-image: url(svg/trapezoid-180.svg);
}
.mask-triangle {
	-webkit-mask-image: url(svg/triangle.svg);
}
.mask-triangle-180 {
	-webkit-mask-image: url(svg/triangle-180.svg);
}
.mask-hexagon {
	-webkit-mask-image: url(svg/hexagon.svg);
}
.mask-hexagon-90 {
	-webkit-mask-image: url(svg/hexagon-90.svg);
}
.mask-circular {
	-webkit-mask-image: url(svg/circular.svg);
}
.mask-ellipse {
	-webkit-mask-image: url(svg/ellipse.svg);
}
.mask-heart {
	-webkit-mask-image: url(svg/heart.svg);
}
.mask-star {
	-webkit-mask-image: url(svg/star.svg);
}
html, body {
	margin: 0;
	padding: 0;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	border: 0;
	max-width: 100%;
}
ul.nf-none {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nf-block {
	display: block;
}
.nf-inline {
	display: inline-block;
	vertical-align: middle;
}
.nf-nowrap {
	white-space: nowrap;
}
.nf-wrap {
	word-wrap: break-word;
	word-break: break-all;
}
.nf-cursor-default {
	cursor: default;
}
.nf-cursor-pointer {
	cursor: pointer;
}
.nf-cursor-move {
	cursor: move;
}
.nf-fw-normal, .nf-hov-fw-normal {
	font-weight: normal;
}
.nf-fw-bold, .nf-hov-fw-bold:hover {
	font-weight: bold;
}
.nf-align-left {
	text-align: left !important;
}
.nf-align-center {
	text-align: center !important;
}
.nf-align-right {
	text-align: right !important;
}
.nf-align-middle {
	vertical-align: middle !important;
}

@media screen and (max-width:767px) {
.nf-xs-align-left {
	text-align: left !important;
}
.nf-xs-align-center {
	text-align: center !important;
}
.nf-xs-align-right {
	text-align: right !important;
}
.nf-xs-align-middle {
	vertical-align: middle !important;
}
}
.nf-float-left {
	float: left !important;
}
.nf-float-body {
	position: relative !important;
	display: block !important;
	margin: auto !important;
	word-wrap: break-word !important;
	word-break: break-all !important;
	overflow: hidden !important;
}
.nf-float-right {
	float: right !important;
}
.nf-float-none {
	float: none !important;
}
.nf-hidden {
	display: none;
}
.nf-show {
	display: initial;
}

@media screen and (max-width:1023px) {
.nf-sm-hidden {
	display: none;
}
.nf-sm-show {
	display: initial;
}
}

@media screen and (max-width:767px) {
.nf-xs-hidden {
	display: none;
}
.nf-xs-show {
	display: initial;
}
}
.nf-clearfix {
	position: relative;
	clear: both;
}
.nf-clearfix:before {
	display: table !important;
	content: "";
}
.nf-clearfix:after {
	display: table !important;
	content: "";
	clear: both;
}
.nf-row {
	position: relative;
	clear: both;
}
.nf-row:before {
	display: table;
	content: "";
}
.nf-row:after {
	display: table;
	content: "";
	clear: both;
}
.nf-col-12, .nf-col-11, .nf-col-10, .nf-col-9, .nf-col-8, .nf-col-7, .nf-col-6, .nf-col-5, .nf-col-4, .nf-col-3, .nf-col-2-5, .nf-col-2, .nf-col-1-2, .nf-col-1, .nf-col-0-5 {
	position: relative;
	float: left;
	padding: 10px;
	vertical-align: top;
}
.nf-col-12 {
	width: 100%;
}
.nf-col-11 {
	width: 91.666%;
}
.nf-col-10 {
	width: 83.333%;
}
.nf-col-9 {
	width: 75%;
}
.nf-col-8 {
	width: 66.666%;
}
.nf-col-7 {
	width: 58.333%;
}
.nf-col-6 {
	width: 50%;
}
.nf-col-5 {
	width: 41.666%;
}
.nf-col-4 {
	width: 33.333%;
}
.nf-col-3 {
	width: 25%;
}
.nf-col-2-5 {
	width: 20%;
}
.nf-col-2 {
	width: 16.666%;
}
.nf-col-1-2 {
	width: 10%;
}
.nf-col-1 {
	width: 8.333%;
}
.nf-col-0-5 {
	width: 4.166%;
}

@media screen and (min-width:768px) and (max-width:1024px) {
.nf-sm-col-12, .nf-sm-col-11, .nf-sm-col-10, .nf-sm-col-9, .nf-sm-col-8, .nf-sm-col-7, .nf-sm-col-6, .nf-sm-col-5, .nf-sm-col-4, .nf-sm-col-3, .nf-sm-col-2-5, .nf-sm-col-2, .nf-sm-col-1-2, .nf-sm-col-1, .nf-sm-col-0-5 {
	position: relative;
	float: left;
	padding: 10px;
	vertical-align: top;
}
.nf-sm-col-12 {
	width: 100%;
}
.nf-sm-col-11 {
	width: 91.666%;
}
.nf-sm-col-10 {
	width: 83.333%;
}
.nf-sm-col-9 {
	width: 75%;
}
.nf-sm-col-8 {
	width: 66.666%;
}
.nf-sm-col-7 {
	width: 58.333%;
}
.nf-sm-col-6 {
	width: 50%;
}
.nf-sm-col-5 {
	width: 41.666%;
}
.nf-sm-col-4 {
	width: 33.333%;
}
.nf-sm-col-3 {
	width: 25%;
}
.nf-sm-col-2-5 {
	width: 20%;
}
.nf-sm-col-2 {
	width: 16.666%;
}
.nf-sm-col-1-2 {
	width: 10%;
}
.nf-sm-col-1 {
	width: 8.333%;
}
.nf-sm-col-0-5 {
	width: 4.166%;
}
}

@media screen and (max-width:767px) {
.nf-col-12, .nf-col-11, .nf-col-10, .nf-col-9, .nf-col-8, .nf-col-7, .nf-col-6, .nf-col-5, .nf-col-4, .nf-col-3, .nf-col-2-5, .nf-col-2, .nf-col-1-2, .nf-col-1, .nf-col-0-5 {
	width: 100%;
}
.nf-xs-col-12, .nf-xs-col-11, .nf-xs-col-10, .nf-xs-col-9, .nf-xs-col-8, .nf-xs-col-7, .nf-xs-col-6, .nf-xs-col-5, .nf-xs-col-4, .nf-xs-col-3, .nf-xs-col-2-5, .nf-xs-col-2, .nf-xs-col-1-2, .nf-xs-col-1, .nf-xs-col-0-5 {
	position: relative;
	float: left;
	padding: 10px;
	vertical-align: top;
}
.nf-xs-col-12 {
	width: 100%;
}
.nf-xs-col-11 {
	width: 91.666%;
}
.nf-xs-col-10 {
	width: 83.333%;
}
.nf-xs-col-9 {
	width: 75%;
}
.nf-xs-col-8 {
	width: 66.666%;
}
.nf-xs-col-7 {
	width: 58.333%;
}
.nf-xs-col-6 {
	width: 50%;
}
.nf-xs-col-5 {
	width: 41.666%;
}
.nf-xs-col-4 {
	width: 33.333%;
}
.nf-xs-col-3 {
	width: 25%;
}
.nf-xs-col-2-5 {
	width: 20%;
}
.nf-xs-col-2 {
	width: 16.666%;
}
.nf-xs-col-1-2 {
	width: 10%;
}
.nf-xs-col-1 {
	width: 8.333%;
}
.nf-xs-col-0-5 {
	width: 4.166%;
}
}
.nf-radiu-small, .nf-radiu-small-tlr, .nf-radiu-small-tl {
	border-top-left-radius: 0.2em;
}
.nf-radiu-small, .nf-radiu-small-tlr, .nf-radiu-small-tr {
	border-top-right-radius: 0.2em;
}
.nf-radiu-small, .nf-radiu-small-blr, .nf-radiu-small-bl {
	border-bottom-left-radius: 0.2em;
}
.nf-radiu-small, .nf-radiu-small-blr, .nf-radiu-small-br {
	border-bottom-right-radius: 0.2em;
}
.nf-radiu, .nf-radiu-tlr, .nf-radiu-tl {
	border-top-left-radius: 0.4em;
}
.nf-radiu, .nf-radiu-tlr, .nf-radiu-tr {
	border-top-right-radius: 0.4em;
}
.nf-radiu, .nf-radiu-blr, .nf-radiu-bl {
	border-bottom-left-radius: 0.4em;
}
.nf-radiu, .nf-radiu-blr, .nf-radiu-br {
	border-bottom-right-radius: 0.4em;
}
.nf-radiu-large, .nf-radiu-large-tlr, .nf-radiu-large-tl {
	border-top-left-radius: 0.8em;
}
.nf-radiu-large, .nf-radiu-large-tlr, .nf-radiu-large-tr {
	border-top-right-radius: 0.8em;
}
.nf-radiu-large, .nf-radiu-large-blr, .nf-radiu-large-bl {
	border-bottom-left-radius: 0.8em;
}
.nf-radiu-large, .nf-radiu-large-blr, .nf-radiu-large-br {
	border-bottom-right-radius: 0.8em;
}
.nf-radiu-huge, .nf-radiu-huge-tlr, .nf-radiu-huge-tl {
	border-top-left-radius: 2em;
}
.nf-radiu-huge, .nf-radiu-huge-tlr, .nf-radiu-huge-tr {
	border-top-right-radius: 2em;
}
.nf-radiu-huge, .nf-radiu-huge-blr, .nf-radiu-huge-bl {
	border-bottom-left-radius: 2em;
}
.nf-radiu-huge, .nf-radiu-huge-blr, .nf-radiu-huge-br {
	border-bottom-right-radius: 2em;
}
.nf-radiu-full, .nf-radiu-full-tlr, .nf-radiu-full-tl {
	border-top-left-radius: 1000em;
}
.nf-radiu-full, .nf-radiu-full-tlr, .nf-radiu-full-tr {
	border-top-right-radius: 1000em;
}
.nf-radiu-full, .nf-radiu-full-blr, .nf-radiu-full-bl {
	border-bottom-left-radius: 1000em;
}
.nf-radiu-full, .nf-radiu-full-blr, .nf-radiu-full-br {
	border-bottom-right-radius: 1000em;
}
.nf-opacity-0, .nf-hov-opacity-0:hover {
	opacity: 0;
}
.nf-opacity-10, .nf-hov-opacity-10:hover {
	opacity: 0.1;
}
.nf-opacity-20, .nf-hov-opacity-20:hover {
	opacity: 0.2;
}
.nf-opacity-30, .nf-hov-opacity-30:hover {
	opacity: 0.3;
}
.nf-opacity-40, .nf-hov-opacity-40:hover {
	opacity: 0.4;
}
.nf-opacity-50, .nf-hov-opacity-50:hover {
	opacity: 0.5;
}
.nf-opacity-100, .nf-hov-opacity-100:hover {
	opacity: 1;
}
.nf-shadow {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.nf-shadow-20 {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.nf-shadow-30 {
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}
.nf-shadow-40 {
	box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
}
.nf-shadow-in {
	box-shadow: 0 0 10px rgba(0,0,0,0.1) inset;
}
.nf-shadow-in-20 {
	box-shadow: 0 0 20px rgba(0,0,0,0.1) inset;
}
.nf-shadow-in-30 {
	box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;
}
.nf-shadow-in-40 {
	box-shadow: 0 0 40px rgba(0,0,0,0.1) inset;
}
.nf-shadow-text {
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.nf-shadow-text-20 {
	text-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.nf-shadow-text-30 {
	text-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.nf-shadow-text-40 {
	text-shadow: 0 0 40px rgba(0,0,0,0.3);
}
.nf-relative {
	position: relative !important;
}
.nf-absolute {
	position: absolute !important;
}
.nf-fixed {
	position: fixed !important;
}
.nf-fixed-auto {
}
.nf-pos-full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.nf-pos-tl {
	top: 0;
	left: 0;
}
.nf-pos-tr {
	top: 0;
	right: 0;
}
.nf-pos-tlr {
	top: 0;
	left: 0;
	width: 100%;
}
.nf-pos-tl.nf-pos-out, .nf-pos-tr.nf-pos-out, .nf-pos-tlr.nf-pos-out {
	transform: translate(0, -100%);
}
.nf-pos-bl {
	bottom: 0;
	left: 0;
}
.nf-pos-br {
	bottom: 0;
	right: 0;
}
.nf-pos-blr {
	bottom: 0;
	left: 0;
	width: 100%;
}
.nf-pos-bl.nf-pos-out, .nf-pos-br.nf-pos-out, .nf-pos-blr.nf-pos-out {
	transform: translate(0, 100%);
}
.nf-pos-lt {
	left: 0;
	top: 0;
}
.nf-pos-lb {
	left: 0;
	bottom: 0;
}
.nf-pos-ltb {
	left: 0;
	top: 0;
	height: 100%;
}
.nf-pos-lt.nf-pos-out, .nf-pos-lb.nf-pos-out, .nf-pos-ltb.nf-pos-out {
	transform: translate(-100%, 0);
}
.nf-pos-rt {
	right: 0;
	top: 0;
}
.nf-pos-rb {
	right: 0;
	bottom: 0;
}
.nf-pos-rtb {
	right: 0;
	top: 0;
	height: 100%;
}
.nf-pos-rt.nf-pos-out, .nf-pos-rb.nf-pos-out, .nf-pos-rtb.nf-pos-out {
	transform: translate(100%, 0);
}
.nf-pos-ct {
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	margin-right: -50%;
}
.nf-pos-cb {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	margin-right: -50%;
}
.nf-pos-cl {
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.nf-pos-cr {
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.nf-pos-ctb {
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50%, 0);
	margin-right: -50%;
}
.nf-pos-clr {
	left: 0;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%);
}
.nf-pos-cc {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-right: -50%;
}
.nf-pos-ct.nf-pos-out {
	transform: translate(-50%, -100%);
}
.nf-pos-cb.nf-pos-out {
	transform: translate(-50%, 100%);
}
.nf-pos-cl.nf-pos-out {
	transform: translate(-100%, -50%);
}
.nf-pos-cr.nf-pos-out {
	transform: translate(100%, -50%);
}
.nf-pos-none {
	position: relative !important;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	margin: auto;
	transform: none !important;
}

@media screen and (max-width:767px) {
.nf-xs-pos-none {
	position: relative !important;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	margin: auto;
	transform: none !important;
}
}
.nf-index-1 {
	z-index: 1;
}
.nf-index-2 {
	z-index: 2;
}
.nf-index-99 {
	z-index: 99;
}
.nf-bg {
	background-repeat: no-repeat;
	background-position: center center;
}
.nf-bg-full {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.nf-bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.nf-bg-fixed {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.nf-mg-0, .nf-mg-t-0, .nf-mg-tb-0 {
	margin-top: 0px !important;
}
.nf-mg-0, .nf-mg-b-0, .nf-mg-tb-0 {
	margin-bottom: 0px !important;
}
.nf-mg-0, .nf-mg-l-0, .nf-mg-lr-0 {
	margin-left: 0px !important;
}
.nf-mg-0, .nf-mg-r-0, .nf-mg-lr-0 {
	margin-right: 0px !important;
}
.nf-mg-1, .nf-mg-t-1, .nf-mg-tb-1 {
	margin-top: 1px !important;
}
.nf-mg-1, .nf-mg-b-1, .nf-mg-tb-1 {
	margin-bottom: 1px !important;
}
.nf-mg-1, .nf-mg-l-1, .nf-mg-lr-1 {
	margin-left: 1px !important;
}
.nf-mg-1, .nf-mg-r-1, .nf-mg-lr-1 {
	margin-right: 1px !important;
}
.nf-mg-2, .nf-mg-t-2, .nf-mg-tb-2 {
	margin-top: 2px !important;
}
.nf-mg-2, .nf-mg-b-2, .nf-mg-tb-2 {
	margin-bottom: 2px !important;
}
.nf-mg-2, .nf-mg-l-2, .nf-mg-lr-2 {
	margin-left: 2px !important;
}
.nf-mg-2, .nf-mg-r-2, .nf-mg-lr-2 {
	margin-right: 2px !important;
}
.nf-mg-5, .nf-mg-t-5, .nf-mg-tb-5 {
	margin-top: 5px !important;
}
.nf-mg-5, .nf-mg-b-5, .nf-mg-tb-5 {
	margin-bottom: 5px !important;
}
.nf-mg-5, .nf-mg-l-5, .nf-mg-lr-5 {
	margin-left: 5px !important;
}
.nf-mg-5, .nf-mg-r-5, .nf-mg-lr-5 {
	margin-right: 5px !important;
}
.nf-mg-10, .nf-mg-t-10, .nf-mg-tb-10 {
	margin-top: 10px !important;
}
.nf-mg-10, .nf-mg-b-10, .nf-mg-tb-10 {
	margin-bottom: 10px !important;
}
.nf-mg-10, .nf-mg-l-10, .nf-mg-lr-10 {
	margin-left: 10px !important;
}
.nf-mg-10, .nf-mg-r-10, .nf-mg-lr-10 {
	margin-right: 10px !important;
}
.nf-mg-15, .nf-mg-t-15, .nf-mg-tb-15 {
	margin-top: 15px !important;
}
.nf-mg-15, .nf-mg-b-15, .nf-mg-tb-15 {
	margin-bottom: 15px !important;
}
.nf-mg-15, .nf-mg-l-15, .nf-mg-lr-15 {
	margin-left: 15px !important;
}
.nf-mg-15, .nf-mg-r-15, .nf-mg-lr-15 {
	margin-right: 15px !important;
}
.nf-mg-20, .nf-mg-t-20, .nf-mg-tb-20 {
	margin-top: 20px !important;
}
.nf-mg-20, .nf-mg-b-20, .nf-mg-tb-20 {
	margin-bottom: 20px !important;
}
.nf-mg-20, .nf-mg-l-20, .nf-mg-lr-20 {
	margin-left: 20px !important;
}
.nf-mg-20, .nf-mg-r-20, .nf-mg-lr-20 {
	margin-right: 20px !important;
}
.nf-mg-30, .nf-mg-t-30, .nf-mg-tb-30 {
	margin-top: 30px !important;
}
.nf-mg-30, .nf-mg-b-30, .nf-mg-tb-30 {
	margin-bottom: 30px !important;
}
.nf-mg-30, .nf-mg-l-30, .nf-mg-lr-30 {
	margin-left: 30px !important;
}
.nf-mg-30, .nf-mg-r-30, .nf-mg-lr-30 {
	margin-right: 30px !important;
}
.nf-mg-40, .nf-mg-t-40, .nf-mg-tb-40 {
	margin-top: 40px !important;
}
.nf-mg-40, .nf-mg-b-40, .nf-mg-tb-40 {
	margin-bottom: 40px !important;
}
.nf-mg-40, .nf-mg-l-40, .nf-mg-lr-40 {
	margin-left: 40px !important;
}
.nf-mg-40, .nf-mg-r-40, .nf-mg-lr-40 {
	margin-right: 40px !important;
}
.nf-mg-50, .nf-mg-t-50, .nf-mg-tb-50 {
	margin-top: 50px !important;
}
.nf-mg-50, .nf-mg-b-50, .nf-mg-tb-50 {
	margin-bottom: 50px !important;
}
.nf-mg-50, .nf-mg-l-50, .nf-mg-lr-50 {
	margin-left: 50px !important;
}
.nf-mg-50, .nf-mg-r-50, .nf-mg-lr-50 {
	margin-right: 50px !important;
}
.nf-mg-100, .nf-mg-t-100, .nf-mg-tb-100 {
	margin-top: 100px !important;
}
.nf-mg-100, .nf-mg-b-100, .nf-mg-tb-100 {
	margin-bottom: 100px !important;
}
.nf-mg-100, .nf-mg-l-100, .nf-mg-lr-100 {
	margin-left: 100px !important;
}
.nf-mg-100, .nf-mg-r-100, .nf-mg-lr-100 {
	margin-right: 100px !important;
}
.nf-pd-0, .nf-pd-t-0, .nf-pd-tb-0 {
	padding-top: 0px !important;
}
.nf-pd-0, .nf-pd-b-0, .nf-pd-tb-0 {
	padding-bottom: 0px !important;
}
.nf-pd-0, .nf-pd-l-0, .nf-pd-lr-0 {
	padding-left: 0px !important;
}
.nf-pd-0, .nf-pd-r-0, .nf-pd-lr-0 {
	padding-right: 0px !important;
}
.nf-pd-1, .nf-pd-t-1, .nf-pd-tb-1 {
	padding-top: 1px !important;
}
.nf-pd-1, .nf-pd-b-1, .nf-pd-tb-1 {
	padding-bottom: 1px !important;
}
.nf-pd-1, .nf-pd-l-1, .nf-pd-lr-1 {
	padding-left: 1px !important;
}
.nf-pd-1, .nf-pd-r-1, .nf-pd-lr-1 {
	padding-right: 1px !important;
}
.nf-pd-2, .nf-pd-t-2, .nf-pd-tb-2 {
	padding-top: 2px !important;
}
.nf-pd-2, .nf-pd-b-2, .nf-pd-tb-2 {
	padding-bottom: 2px !important;
}
.nf-pd-2, .nf-pd-l-2, .nf-pd-lr-2 {
	padding-left: 2px !important;
}
.nf-pd-2, .nf-pd-r-2, .nf-pd-lr-2 {
	padding-right: 2px !important;
}
.nf-pd-5, .nf-pd-t-5, .nf-pd-tb-5 {
	padding-top: 5px !important;
}
.nf-pd-5, .nf-pd-b-5, .nf-pd-tb-5 {
	padding-bottom: 5px !important;
}
.nf-pd-5, .nf-pd-l-5, .nf-pd-lr-5 {
	padding-left: 5px !important;
}
.nf-pd-5, .nf-pd-r-5, .nf-pd-lr-5 {
	padding-right: 5px !important;
}
.nf-pd-10, .nf-pd-t-10, .nf-pd-tb-10 {
	padding-top: 10px !important;
}
.nf-pd-10, .nf-pd-b-10, .nf-pd-tb-10 {
	padding-bottom: 10px !important;
}
.nf-pd-10, .nf-pd-l-10, .nf-pd-lr-10 {
	padding-left: 10px !important;
}
.nf-pd-10, .nf-pd-r-10, .nf-pd-lr-10 {
	padding-right: 10px !important;
}
.nf-pd-15, .nf-pd-t-15, .nf-pd-tb-15 {
	padding-top: 15px !important;
}
.nf-pd-15, .nf-pd-b-15, .nf-pd-tb-15 {
	padding-bottom: 15px !important;
}
.nf-pd-15, .nf-pd-l-15, .nf-pd-lr-15 {
	padding-left: 15px !important;
}
.nf-pd-15, .nf-pd-r-15, .nf-pd-lr-15 {
	padding-right: 15px !important;
}
.nf-pd-20, .nf-pd-t-20, .nf-pd-tb-20 {
	padding-top: 20px !important;
}
.nf-pd-20, .nf-pd-b-20, .nf-pd-tb-20 {
	padding-bottom: 20px !important;
}
.nf-pd-20, .nf-pd-l-20, .nf-pd-lr-20 {
	padding-left: 20px !important;
}
.nf-pd-20, .nf-pd-r-20, .nf-pd-lr-20 {
	padding-right: 20px !important;
}
.nf-pd-30, .nf-pd-t-30, .nf-pd-tb-30 {
	padding-top: 30px !important;
}
.nf-pd-30, .nf-pd-b-30, .nf-pd-tb-30 {
	padding-bottom: 30px !important;
}
.nf-pd-30, .nf-pd-l-30, .nf-pd-lr-30 {
	padding-left: 30px !important;
}
.nf-pd-30, .nf-pd-r-30, .nf-pd-lr-30 {
	padding-right: 30px !important;
}
.nf-pd-40, .nf-pd-t-40, .nf-pd-tb-40 {
	padding-top: 40px !important;
}
.nf-pd-40, .nf-pd-b-40, .nf-pd-tb-40 {
	padding-bottom: 40px !important;
}
.nf-pd-40, .nf-pd-l-40, .nf-pd-lr-40 {
	padding-left: 40px !important;
}
.nf-pd-40, .nf-pd-r-40, .nf-pd-lr-40 {
	padding-right: 40px !important;
}
.nf-pd-50, .nf-pd-t-50, .nf-pd-tb-50 {
	padding-top: 50px !important;
}
.nf-pd-50, .nf-pd-b-50, .nf-pd-tb-50 {
	padding-bottom: 50px !important;
}
.nf-pd-50, .nf-pd-l-50, .nf-pd-lr-50 {
	padding-left: 50px !important;
}
.nf-pd-50, .nf-pd-r-50, .nf-pd-lr-50 {
	padding-right: 50px !important;
}
.nf-pd-100, .nf-pd-t-100, .nf-pd-tb-100 {
	padding-top: 100px !important;
}
.nf-pd-100, .nf-pd-b-100, .nf-pd-tb-100 {
	padding-bottom: 100px !important;
}
.nf-pd-100, .nf-pd-l-100, .nf-pd-lr-100 {
	padding-left: 100px !important;
}
.nf-pd-100, .nf-pd-r-100, .nf-pd-lr-100 {
	padding-right: 100px !important;
}
.nf-size-10, .nf-size-20, .nf-size-30, .nf-size-36, .nf-size-40, .nf-size-50, .nf-size-60, .nf-size-80, .nf-size-100, .nf-size-120, .nf-size-160, .nf-size-200 {
	max-width: none;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.nf-size-10 {
	width: 10px !important;
	height: 10px !important;
	line-height: 10px !important;
	font-size: 8px;
}
.nf-size-20 {
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
	font-size: 12px;
}
.nf-size-30 {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	font-size: 18px;
}
.nf-size-36 {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
	font-size: 20px;
}
.nf-size-40 {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 24px;
}
.nf-size-50 {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	font-size: 30px;
}
.nf-size-60 {
	width: 60px !important;
	height: 60px !important;
	line-height: 60px !important;
	font-size: 36px;
}
.nf-size-80 {
	width: 80px !important;
	height: 80px !important;
	line-height: 80px !important;
	font-size: 48px;
}
.nf-size-100 {
	width: 100px !important;
	height: 100px !important;
	line-height: 100px !important;
	font-size: 60px;
}
.nf-size-120 {
	width: 120px !important;
	height: 120px !important;
	line-height: 120px !important;
	font-size: 72px;
}
.nf-size-160 {
	width: 160px !important;
	height: 160px !important;
	line-height: 160px !important;
	font-size: 96px;
}
.nf-size-200 {
	width: 200px !important;
	height: 200px !important;
	line-height: 200px !important;
	font-size: 120px;
}

@media screen and (max-width:767px) {
.nf-xs-size-10 {
	width: 10px !important;
	height: 10px !important;
	line-height: 10px !important;
	font-size: 8px;
}
.nf-xs-size-20 {
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
	font-size: 12px;
}
.nf-xs-size-30 {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	font-size: 18px;
}
.nf-xs-size-36 {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
	font-size: 20px;
}
.nf-xs-size-40 {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 24px;
}
.nf-xs-size-50 {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	font-size: 30px;
}
.nf-xs-size-60 {
	width: 60px !important;
	height: 60px !important;
	line-height: 60px !important;
	font-size: 36px;
}
.nf-xs-size-80 {
	width: 80px !important;
	height: 80px !important;
	line-height: 80px !important;
	font-size: 48px;
}
.nf-xs-size-100 {
	width: 100px !important;
	height: 100px !important;
	line-height: 100px !important;
	font-size: 60px;
}
.nf-xs-size-120 {
	width: 120px !important;
	height: 120px !important;
	line-height: 120px !important;
	font-size: 72px;
}
.nf-xs-size-160 {
	width: 160px !important;
	height: 160px !important;
	line-height: 160px !important;
	font-size: 96px;
}
.nf-xs-size-200 {
	width: 200px !important;
	height: 200px !important;
	line-height: 200px !important;
	font-size: 120px;
}
}
.nf-w-full {
	width: 100% !important;
}
.nf-w-80 {
	width: 80px !important;
}
.nf-w-100 {
	width: 100px !important;
}
.nf-w-160 {
	width: 160px !important;
}
.nf-w-200 {
	width: 200px !important;
}
.nf-w-240 {
	width: 240px !important;
}
.nf-w-300 {
	width: 300px !important;
}
.nf-w-320 {
	width: 320px !important;
}
.nf-w-480 {
	width: 480px !important;
}
.nf-h-full {
	height: 100% !important;
}
.nf-h-80 {
	height: 80px !important;
}
.nf-h-100 {
	height: 100px !important;
}
.nf-h-160 {
	height: 160px !important;
}
.nf-h-200 {
	height: 200px !important;
}
.nf-h-240 {
	height: 240px !important;
}
.nf-h-300 {
	height: 300px !important;
}
.nf-h-320 {
	height: 320px !important;
}
.nf-h-480 {
	height: 480px !important;
}

@media screen and (max-width:767px) {
.nf-xs-w-full {
	width: 100% !important;
}
.nf-xs-w-80 {
	width: 80px !important;
}
.nf-xs-w-100 {
	width: 100px !important;
}
.nf-xs-w-160 {
	width: 160px !important;
}
.nf-xs-w-200 {
	width: 200px !important;
}
.nf-xs-w-240 {
	width: 240px !important;
}
.nf-xs-w-300 {
	width: 300px !important;
}
.nf-xs-w-320 {
	width: 320px !important;
}
.nf-xs-w-480 {
	width: 480px !important;
}
.nf-xs-h-full {
	height: 100% !important;
}
.nf-xs-h-80 {
	height: 80px !important;
}
.nf-xs-h-100 {
	height: 100px !important;
}
.nf-xs-h-160 {
	height: 160px !important;
}
.nf-xs-h-200 {
	height: 200px !important;
}
.nf-xs-h-240 {
	height: 240px !important;
}
.nf-xs-h-300 {
	height: 300px !important;
}
.nf-xs-h-320 {
	height: 320px !important;
}
.nf-xs-h-480 {
	height: 480px !important;
}
}
.nf-lh-60 {
	line-height: 60px !important;
}
.nf-lh-80 {
	line-height: 80px !important;
}
.nf-lh-1 {
	line-height: 1 !important;
}
.nf-lh-1-5 {
	line-height: 1.5 !important;
}
.nf-lh-2 {
	line-height: 2 !important;
}
.nf-lh-2-5 {
	line-height: 2.5 !important;
}
.nf-lh-3 {
	line-height: 3 !important;
}
.nf-ts-1 {
	letter-spacing: 0.1em !important;
}
.nf-ts-2 {
	letter-spacing: 0.2em !important;
}
.nf-ts-3 {
	letter-spacing: 0.3em !important;
}
.nf-ts-4 {
	letter-spacing: 0.4em !important;
}
.nf-ts-5 {
	letter-spacing: 0.5em !important;
}
.nf-ts-6 {
	letter-spacing: 0.6em !important;
}
.nf-ts-7 {
	letter-spacing: 0.7em !important;
}
.nf-ts-8 {
	letter-spacing: 0.8em !important;
}
.nf-ts-9 {
	letter-spacing: 0.9em !important;
}
.nf-ts-10 {
	letter-spacing: 1em !important;
}
.nf-ts-20 {
	letter-spacing: 2em !important;
}
.nf-fs-12 {
	font-size: 12px !important;
}
.nf-fs-16 {
	font-size: 16px !important;
}
.nf-fs-20 {
	font-size: 20px !important;
}
.nf-fs-24 {
	font-size: 24px !important;
}
.nf-fs-28 {
	font-size: 28px !important;
}
.nf-fs-32 {
	font-size: 32px !important;
}
.nf-fs-36 {
	font-size: 36px !important;
}
.nf-fs-40 {
	font-size: 40px !important;
}
.nf-fs-48 {
	font-size: 48px !important;
}
.nf-fs-56 {
	font-size: 56px !important;
}
.nf-fs-64 {
	font-size: 64px !important;
}
.nf-fs-72 {
	font-size: 72px !important;
}
.nf-fs-80 {
	font-size: 80px !important;
}

@media screen and (max-width:767px) {
.nf-xs-fs-12 {
	font-size: 12px !important;
}
.nf-xs-fs-16 {
	font-size: 16px !important;
}
.nf-xs-fs-20 {
	font-size: 20px !important;
}
.nf-xs-fs-24 {
	font-size: 24px !important;
}
.nf-xs-fs-28 {
	font-size: 28px !important;
}
.nf-xs-fs-32 {
	font-size: 32px !important;
}
.nf-xs-fs-36 {
	font-size: 36px !important;
}
.nf-xs-fs-40 {
	font-size: 40px !important;
}
.nf-xs-fs-48 {
	font-size: 48px !important;
}
.nf-xs-fs-56 {
	font-size: 56px !important;
}
.nf-xs-fs-64 {
	font-size: 64px !important;
}
.nf-xs-fs-72 {
	font-size: 72px !important;
}
.nf-xs-fs-80 {
	font-size: 80px !important;
}
}
.nf-over-show {
	position: relative;
	overflow: visible !important;
}
.nf-over-hide {
	position: relative;
	overflow: hidden !important;
}
.nf-over-auto {
	position: relative;
	overflow: auto !important;
}
.nf-over-auto .nf-table tr > th, .nf-over-auto .nf-table tr > td, .nf-over-auto .nf-table-list tr > th, .nf-over-auto .nf-table-list tr > td {
	white-space: nowrap;
}
.nf-fixed-head {
}
.nf-table {
	position: relative;
	min-width: 100%;
	border-collapse: collapse;
}
.nf-table tr > th, .nf-table tr > td {
	display: table-cell;
	float: none;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #E4E4E4;
}
.nf-table-list {
	position: relative;
	min-width: 100%;
	border-collapse: collapse;
}
.nf-table-list tr > th {
	display: table-cell;
	float: none;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	background-color: #EEEEEE;
}
.nf-table-list tr > td {
	display: table-cell;
	float: none;
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #EEEEEE;
}
.nf-table-form {
	position: relative;
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.nf-table-form tr > th {
	display: table-cell;
	float: none;
	padding: 10px;
	vertical-align: middle;
	text-align: right;
}
.nf-table-form tr > th em {
	margin-right: 5px;
	color: #CC0000;
}
.nf-table-form tr > td {
	display: table-cell;
	float: none;
	padding: 10px;
	vertical-align: middle;
}

@media screen and (max-width:767px) {
.nf-table-form tr > th {
	display: grid;
	padding-top: 15px;
	text-align: left;
}
.nf-table-form tr > td {
	display: grid;
}
}
.nf-group {
	display: table !important;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
.nf-group-control {
	display: table-cell !important;
	width: 99.99% !important;
}
.nf-group-addon {
	display: table-cell !important;
	width: 0.01% !important;
	white-space: nowrap;
	vertical-align: middle !important;
}
.nf-group-addon img {
	max-width: none !important;
	width: auto !important;
	vertical-align: middle !important;
}
.nf-badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 6px;
	font-size: 10px;
	line-height: 1;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #E43725;
	border-radius: 10px;
}
.nf-panel {
	margin: 0;
	padding: 0;
	border: 1px solid #E4E4E4;
}
.nf-panel-head {
	clear: both;
	position: relative;
	padding: 12px;
	border-bottom: 1px solid #E4E4E4;
	background: #F6F6F6;
	font-size: 110%;
}
.nf-panel-head:before {
	display: table;
	content: "";
}
.nf-panel-head:after {
	display: table;
	content: "";
	clear: both;
}
.nf-panel-body {
	position: relative;
	background: #FFFFFF;
}
.nf-panel-foot {
	position: relative;
	padding: 12px;
	border-top: 1px solid #E4E4E4;
	background: #F8F8F8;
}
.nf-arrow-up, .nf-arrow-down, .nf-arrow-left, .nf-arrow-right {
	position: absolute;
	width: 20px;
	height: 20px;
	overflow: hidden;
}
.nf-arrow-up {
	height: 10px;
}
.nf-arrow-down {
	height: 10px;
}
.nf-arrow-left {
	width: 10px;
}
.nf-arrow-right {
	width: 10px;
}
.nf-arrow-up i, .nf-arrow-down i, .nf-arrow-left i, .nf-arrow-right i {
	position: absolute;
	width: 20px;
	height: 20px;
}
.nf-arrow-up i {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
.nf-arrow-down i {
	bottom: 50%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
.nf-arrow-left i {
	left: 50%;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.nf-arrow-right i {
	right: 50%;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.nf-dropdown {
	position: relative;
}
.nf-dropdown ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	z-index: 2;
	display: none;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.2) !important;
}
.nf-dropdown ul li {
	position: relative;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #EEEEEE !important;
}
.nf-dropdown ul li:last-child {
	border-bottom: none !important;
}
.nf-dropdown ul li a {
	display: block !important;
	margin: 0 !important;
	padding: 8px 15px !important;
	text-align: left !important;
	white-space: nowrap;
	color: #555555 !important;
	text-align: center !important;
}
.nf-dropdown ul li a:hover {
	color: #000000 !important;
}
.nf-dropdown > ul {
	top: 100%;
	left: 0;
}
.nf-dropdown > ul li ul {
	top: 0;
	left: 100%;
}
.nf-dropdown.nf-navbar-redirect > ul {
	left: auto;
	right: 0;
}
.nf-dropdown > ul li.nf-navbar-redirect > ul {
	left: auto;
	right: 100%;
}
.nf-layer-bg {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background: rgba(0, 0, 0, 0.9);
}
.nf-layer-box {
	position: fixed;
	z-index: 2;
	background: #FFFFFF;
	top: 0;
	left: 0;
}
.nf-layer-head {
	z-index: 2;
	cursor: default;
}
.nf-layer-body {
	position: relative;
}
.nf-layer-body>div {
	overflow-y: auto;
	word-wrap: break-word !important;
	word-break: break-all !important;
}
.nf-layer-body>div:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
}
.nf-layer-foot {
}
.nf-layer-confirm, .nf-layer-cancel {
	display: inline-block;
	padding: 7px 14px;
	background-color: #F8F8F8;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	margin: 0 5px;
}
.nf-layer-close, .nf-layer-prev, .nf-layer-next {
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.nf-layer-close:hover, .nf-layer-prev:hover, .nf-layer-next:hover {
	text-decoration: none;
}
.nf-layer-close {
	z-index: 4;
	top: 0;
	right: 0;
}
.nf-layer-prev, .nf-layer-next {
	z-index: 3;
}
.modal.nf-layer-box {
}
.modal .nf-layer-head {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-right: -50%;
	background: #000000;
	background: rgba(0,0,0,0.8);
	color: #FFFFFF;
	padding: 8px 16px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
.modal .nf-layer-close {
	position: absolute;
	padding: 10px;
	background: #000000;
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
}
.modal .nf-layer-prev, .modal .nf-layer-next {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background: #000000;
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
}
.modal .nf-layer-prev, .modal .nf-layer-next {
	display: none;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}
.modal .nf-layer-prev {
	left: 0;
}
.modal .nf-layer-next {
	right: 0;
}
.modal:hover .nf-layer-prev, .modal:hover .nf-layer-next {
	display: block;
}
.dialog.nf-layer-box {
	border: 1px solid #EEEEEE;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.1);
}
.dialog .nf-layer-head {
	position: relative;
	padding: 10px;
	background: #F8F8F8;
	border-bottom: 1px solid #EEEEEE;
	font-weight: bold;
}
.dialog .nf-layer-body {
	overflow-x: hidden;
	overflow-y: auto;
}
.dialog .nf-layer-close {
	position: absolute;
	padding: 10px;
	vertical-align: middle;
}
.dialog .nf-layer-foot {
	position: relative;
	padding: 10px;
	background: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	text-align: center;
}
.popup.nf-layer-box {
	border: 1px solid #EEEEEE;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.1);
	border-radius: 4px;
}
.nf-tiptool-box {
	position: absolute;
	z-index: 2;
	padding: 3px 6px;
	background-color: #222222;
	color: #FFFFFF;
	border-radius: 4px;
}
.nf-tiptool-arrow {
	position: absolute;
	width: 12px;
	height: 12px;
	overflow: hidden;
}
.nf-tiptool-arrow i {
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: #222222;
}
.top .nf-tiptool-arrow {
	height: 6px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
}
.bottom .nf-tiptool-arrow {
	height: 6px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
}
.left .nf-tiptool-arrow {
	width: 6px;
	right: 0;
	top: 50%;
	transform: translate(100%, -50%);
}
.right .nf-tiptool-arrow {
	width: 6px;
	left: 0;
	top: 50%;
	transform: translate(-100%, -50%);
}
.top .nf-tiptool-arrow i {
	bottom: 50%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
.bottom .nf-tiptool-arrow i {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
.left .nf-tiptool-arrow i {
	right: 50%;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.right .nf-tiptool-arrow i {
	left: 50%;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}