@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/_blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.zc, .zerocons {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.btn, .onoffswitch, .pace {
    -moz-user-select: none
}

@font-face {
    font-family: zerocons;
    src: url(../fonts/font_76931_uwmxwc8n93k.eot);
    src: url(../fonts/font_76931_uwmxwc8n93k.eot) format('embedded-opentype'), url(../fonts/2b2c03efbd1b493f94d57649d48d2bd4.woff) format('woff2'), url(../fonts/font_76931_uwmxwc8n93k.woff) format('woff'), url(../fonts/font_76931_uwmxwc8n93k.ttf) format('truetype'), url(../fonts/font_76931_uwmxwc8n93k.svg) format('svg')
}

.zerocons {
    font-family: zerocons !important
}

.icon-pc:before {
    content: "\e62c"
}

.icon-add-circle:before {
    content: "\e667"
}

.icon-dashboard:before {
    content: "\e601"
}

.icon-dianpu1:before {
    content: "\e61c"
}

.icon-calendar:before {
    content: "\e613"
}

.icon-shezhi:before {
    content: "\e603"
}

.icon-pengyouquan:before {
    content: "\e604"
}

.icon-android:before {
    content: "\e63f"
}

.icon-user:before {
    content: "\e605"
}

.icon-gouwuche:before {
    content: "\e611"
}

.icon-dayin:before {
    content: "\e638"
}

.icon-logout:before {
    content: "\e60d"
}

.icon-phone:before {
    content: "\e661"
}

.icon-o2oshuangpingtai:before {
    content: "\e659"
}

.icon-icon1:before {
    content: "\e646"
}

.icon-weibiaoti1:before {
    content: "\e669"
}

.icon-chazhao:before {
    content: "\e66a"
}

.icon-weixin:before {
    content: "\e680"
}

.icon-cms:before {
    content: "\e606"
}

.icon-dingdan:before {
    content: "\e622"
}

.icon-daifukuan:before {
    content: "\e66b"
}

.icon-gongzuoliu2:before {
    content: "\e6f3"
}

.icon-crm-c:before {
    content: "\e6f7"
}

.icon-huiyuan:before {
    content: "\e607"
}

.icon-dianpushoucang:before {
    content: "\e66c"
}

.icon-guanyuwomen:before {
    content: "\e608"
}

.icon-user-settings-fill:before {
    content: "\e612"
}

.icon-guanjianci:before {
    content: "\e698"
}

.icon-jifen:before {
    content: "\e65a"
}

.icon-erweima:before {
    content: "\e700"
}

.icon-passport-center:before {
    content: "\e62a"
}

.icon-h5:before {
    content: "\e62d"
}

.icon-crm:before {
    content: "\e7a0"
}

.icon-tihuohexiao1:before {
    content: "\e670"
}

.icon-anquan-fill:before {
    content: "\e66f"
}

.icon-pingtai:before {
    content: "\e668"
}

.icon-shoucang:before {
    content: "\e68c"
}

.icon-mail:before {
    content: "\e60e"
}

.icon-qrcode:before {
    content: "\e631"
}

.icon-edit:before {
    content: "\e66e"
}

.icon-supplier:before {
    content: "\e651"
}

.icon-cart:before {
    content: "\e672"
}

.icon-wangzhan:before {
    content: "\e609"
}

.icon-yingxiao:before {
    content: "\e633"
}

.icon-add:before {
    content: "\e6e0"
}

.icon-haibao:before {
    content: "\e66d"
}

.icon-report:before {
    content: "\e655"
}

.icon-dianpu2:before {
    content: "\e68f"
}

.icon-shangpin:before {
    content: "\e60a"
}

.icon-anquan:before {
    content: "\e640"
}

.icon-wuliukuaidi:before {
    content: "\e674"
}

.icon-android1:before {
    content: "\e6bb"
}

.icon-tongji:before {
    content: "\e60b"
}

.icon-qunfengliansuodian1:before {
    content: "\e6d4"
}

.icon-weixin1:before {
    content: "\e6b1"
}

.icon-tongzhixiaoximoban:before {
    content: "\e6dc"
}

.icon-yunying:before {
    content: "\e60c"
}

.icon-daijinquan:before {
    content: "\e677"
}

.icon-kehu:before {
    content: "\e63d"
}

.icon-dianpu:before {
    content: "\e60f"
}

.icon-zuji-circle:before {
    content: "\e678"
}

.icon-tiyandianxianxing:before {
    content: "\e65c"
}

.icon-close:before {
    content: "\e6cb"
}

.icon-pifatubiao:before {
    content: "\e7fd"
}

.icon-shequ1xiangqian19:before {
    content: "\e637"
}

.icon-gongzuotai:before {
    content: "\e600"
}

.icon-weiguiwenzhangpuguangtai:before {
    content: "\e67b"
}

.icon-anquan1:before {
    content: "\e614"
}

.icon-jiaoyi:before {
    content: "\e610"
}

.icon-share:before {
    content: "\e656"
}

.icon-shezhi1:before {
    content: "\e602"
}

.icon-dianhua:before {
    content: "\e671"
}

.icon-left:before {
    content: "\e6a0"
}

.icon-right:before {
    content: "\e6d3"
}

.icon-msnui-service:before {
    content: "\e784"
}

.icon-shangpin1:before {
    content: "\e6a4"
}

.icon-anquanbaozhang:before {
    content: "\e6c3"
}

.icon-hongbao:before {
    content: "\e7d5"
}

.icon-ht_expand:before {
    content: "\e615"
}

.icon-shangcheng1:before {
    content: "\e617"
}

.icon-wuliu1:before {
    content: "\e70d"
}

.icon-huodongtuiguang:before {
    content: "\e6ac"
}

.icon-jifen1:before {
    content: "\e65e"
}

.icon-duoyuyan:before {
    content: "\e6c6"
}

.icon-qrcodescan:before {
    content: "\ea22"
}

.icon-shoucang1:before {
    content: "\e69c"
}

.icon-code:before {
    content: "\e62f"
}

.icon-qiandao:before {
    content: "\e644"
}

.icon-qq:before {
    content: "\e645"
}

.icon-zhifu:before {
    content: "\e626"
}

.icon-caigouziying:before {
    content: "\e673"
}

.icon-fenxiao:before {
    content: "\e68d"
}

.icon-lipin:before {
    content: "\e6c1"
}

.icon-qiye:before {
    content: "\e647"
}

.icon-kefuxiaoxi:before {
    content: "\e621"
}

.icon-miaosha:before {
    content: "\e6b3"
}

.icon-cangkuzhong:before {
    content: "\e67c"
}

.icon-yunbushu:before {
    content: "\e701"
}

.icon-yidongyunkongzhitaiicon58:before {
    content: "\e74d"
}

.icon-pingtai3:before {
    content: "\e629"
}

.icon-sina:before {
    content: "\e660"
}

.icon-yuyue:before {
    content: "\e67d"
}

.icon-kangjuxiangcun:before {
    content: "\e662"
}

.icon-diy:before {
    content: "\e636"
}

.icon-shanchu1:before {
    content: "\e67e"
}

.icon-kanjia:before {
    content: "\e67f"
}

.icon-weixin2:before {
    content: "\e64a"
}

.icon-tuihuanhuo:before {
    content: "\e681"
}

.icon-fenxiang3:before {
    content: "\e64b"
}

.icon-erp:before {
    content: "\e63b"
}

.icon-gongyingshang:before {
    content: "\e652"
}

.icon-fuwuchaoshi:before {
    content: "\e663"
}

.icon-fujin:before {
    content: "\e6da"
}

.icon-xianxiayuzhan:before {
    content: "\e6d0"
}

.icon-gongzhonghao:before {
    content: "\e65f"
}

.icon-paycenter:before {
    content: "\e62b"
}

.icon-qq1:before {
    content: "\e6b4"
}

.icon-iconbaojiao:before {
    content: "\e6a5"
}

.icon-shezhidaifahuo:before {
    content: "\e682"
}

.icon-yuanxinggouwucheyangshi:before {
    content: "\e683"
}

.icon-icon:before {
    content: "\e619"
}

.icon-chongzhiqia:before {
    content: "\e685"
}

.icon-shangchengpingtai:before {
    content: "\e61e"
}

.icon-weiguishangpin:before {
    content: "\e686"
}

.icon-fenxiao1:before {
    content: "\e618"
}

.icon-peisongdizhi:before {
    content: "\e687"
}

.icon-qingchuhuancun:before {
    content: "\e68a"
}

.icon-swticonkuaidi:before {
    content: "\e690"
}

.icon-wodezichan:before {
    content: "\e691"
}

.icon-xiangyingshi:before {
    content: "\e616"
}

.icon-code1:before {
    content: "\eb9f"
}

.icon-weixinshezhi:before {
    content: "\e624"
}

.icon-sudu:before {
    content: "\e6c5"
}

.icon-right-circle:before {
    content: "\e77b"
}

.icon-yue:before {
    content: "\e889"
}

.icon-down:before {
    content: "\e64e"
}

.icon-close1:before {
    content: "\e6cc"
}

.icon-dinghuoguanli:before {
    content: "\e62e"
}

.icon-daidinghuo:before {
    content: "\e64f"
}

.icon-fabu:before {
    content: "\e692"
}

.icon-usercenter:before {
    content: "\e72c"
}

.icon-close2:before {
    content: "\e6cd"
}

.icon-weiyemian:before {
    content: "\e641"
}

.icon-pintuanzhuanqu:before {
    content: "\e693"
}

.icon-kuaidi2:before {
    content: "\e699"
}

.icon-optimize:before {
    content: "\e688"
}

.icon-search1:before {
    content: "\e694"
}

.icon-qiachongzhi:before {
    content: "\e6f9"
}

.icon-xinjinrong:before {
    content: "\e67a"
}

.icon-xingxiaoxiaoguo:before {
    content: "\e6c0"
}

.icon-shangpinshoucang:before {
    content: "\e695"
}

.icon-icons-:before {
    content: "\e675"
}

.icon-close3:before {
    content: "\e6ce"
}

.icon-APIwendang:before {
    content: "\e6c7"
}

.icon-history:before {
    content: "\e6ca"
}

.icon-shangpinfabu:before {
    content: "\e696"
}

.icon-jiangpin:before {
    content: "\e697"
}

.icon-shouhuodizhi1:before {
    content: "\e69a"
}

.icon-close4:before {
    content: "\e6cf"
}

.icon-barcode-scan:before {
    content: "\e64d"
}

.icon-zaixian-im:before {
    content: "\e69b"
}

.icon-shengxian:before {
    content: "\e664"
}

.icon-pingtai1:before {
    content: "\e665"
}

.icon-ios:before {
    content: "\e642"
}

.icon-liaotian:before {
    content: "\e650"
}

.icon-yidong:before {
    content: "\e648"
}

.icon-cart1:before {
    content: "\e69d"
}

.icon-huiyuanjulebu:before {
    content: "\e69e"
}

.icon-shop:before {
    content: "\e68e"
}

.icon-yonghushezhi:before {
    content: "\e69f"
}

.icon-shangcheng:before {
    content: "\e61a"
}

.icon-dingdanwancheng:before {
    content: "\e6a1"
}

.icon-weiguishidechulidongzuo:before {
    content: "\e6a2"
}

.icon-anquan2:before {
    content: "\e63c"
}

.icon-anquanmokuaidingzhi:before {
    content: "\e6fd"
}

.icon-ziyuan:before {
    content: "\e6a3"
}

.icon-wuliu:before {
    content: "\e630"
}

.icon-daiziti:before {
    content: "\e6a6"
}

.icon-shangpinguanli:before {
    content: "\e6a7"
}

.icon-shoucang11:before {
    content: "\e6a8"
}

.icon-yunfuwu:before {
    content: "\e61d"
}

.icon-add-circle-fill:before {
    content: "\e6a9"
}

.icon-maijia:before {
    content: "\e625"
}

.icon-wodedingdan:before {
    content: "\e7bc"
}

.icon-jiangxin:before {
    content: "\e623"
}

.icon-shangcheng-fill:before {
    content: "\e61b"
}

.icon-shouhuodizhi:before {
    content: "\e6aa"
}

.icon-daishouhuo:before {
    content: "\e6ab"
}

.icon-pinpai:before {
    content: "\e654"
}

.icon-quxiaodingdan:before {
    content: "\e6bc"
}

.icon-saomahexiao:before {
    content: "\e64c"
}

.icon-youhuiquan:before {
    content: "\e6ad"
}

.icon-zhaoshangdaili:before {
    content: "\e6f8"
}

.icon-chushou:before {
    content: "\e6ae"
}

.icon-yunying1:before {
    content: "\e61f"
}

.icon-gaokeyongxing:before {
    content: "\e713"
}

.icon-pinpai1:before {
    content: "\e6af"
}

.icon-zijin:before {
    content: "\e620"
}

.icon-yonghushezhi1:before {
    content: "\e6b0"
}

.icon-huidaodingbu:before {
    content: "\e6b2"
}

.icon-xinyongqiazhifu:before {
    content: "\e71a"
}

.icon-yifahuo:before {
    content: "\e6e4"
}

.icon-tihuohexiao:before {
    content: "\e65b"
}

.icon-yonghuduan:before {
    content: "\e627"
}

.icon-tianjiaduoyonghu:before {
    content: "\e657"
}

.icon-save:before {
    content: "\e867"
}

.icon-daipingjia:before {
    content: "\e6b5"
}

.icon-zuji:before {
    content: "\e6b6"
}

.icon-xiaochengxu:before {
    content: "\e632"
}

.icon-jianzhuwu:before {
    content: "\e666"
}

.icon-arrow-r-2:before {
    content: "\e6b7"
}

.icon-mokuai:before {
    content: "\e628"
}

.icon-jiaofu-copy:before {
    content: "\e639"
}

.icon-daifahuo:before {
    content: "\e6b8"
}

.icon-yangpin:before {
    content: "\e649"
}

.icon-quxiaodingdan-2:before {
    content: "\e6b9"
}

.icon-minus:before {
    content: "\e6ba"
}

.icon-dengji:before {
    content: "\e68b"
}

.icon-shanchu:before {
    content: "\e6bd"
}

.icon-search-fill:before {
    content: "\e6be"
}

.icon-diamonds:before {
    content: "\e6c4"
}

.icon-weiguijubao:before {
    content: "\e6bf"
}

.icon-jiagou:before {
    content: "\e684"
}

.icon-xunjia:before {
    content: "\e63a"
}

.icon-pingtai2:before {
    content: "\e74a"
}

.icon-search:before {
    content: "\e634"
}

.icon-app:before {
    content: "\e635"
}

.icon-xiaochengxu1:before {
    content: "\e643"
}

.icon-wap:before {
    content: "\e689"
}

.icon-yangpin1:before {
    content: "\e63e"
}

.icon-zujian:before {
    content: "\e676"
}

.icon-scan-icon:before {
    content: "\e679"
}

.icon-cluster:before {
    content: "\e6c8"
}

.icon-gerendingzhi:before {
    content: "\e6c9"
}

.icon-yanjizhushou-shangchuan_goumaiqudao:before {
    content: "\e65d"
}

.icon-dianshangpingtaikaifa:before {
    content: "\e658"
}

.icon-manjian:before {
    content: "\e6c2"
}

.icon-jiejuefangan:before {
    content: "\e653"
}

.icon-left-circle:before {
    content: "\ee3b"
}

.icon-scan:before {
    content: "\e88a"
}

.icon-qunfengliansuodian:before {
    content: "\ee3c"
}

.icon-xiaochengxu-1:before {
    content: "\ee3d"
}

.icon-api:before {
    content: "\e888"
}

@font-face {
    font-family: zc;
    src: url(../fonts/font_479702_vmhxufvfvki.eot);
    src: url(../fonts/font_479702_vmhxufvfvki.eot) format('embedded-opentype'), url(../fonts/2e46e3cea2fe4b57a50f25b9aa961447.woff) format('woff2'), url(../fonts/font_479702_vmhxufvfvki.woff) format('woff'), url(../fonts/font_479702_vmhxufvfvki.ttf) format('truetype'), url(../fonts/font_479702_vmhxufvfvki.svg) format('svg')
}

.zc {
    font-family: zc !important
}

.zc-add-circle:before {
    content: "\e60e"
}

.zc-xiangqing:before {
    content: "\e665"
}

.zc-viewlist:before {
    content: "\e682"
}

.zc-back:before {
    content: "\e626"
}

.zc-logout:before {
    content: "\e62f"
}

.zc-bangzhu-fill:before {
    content: "\e644"
}

.zc-chazhao:before {
    content: "\e65a"
}

.zc-daifukuan:before {
    content: "\e61f"
}

.zc-dianpushoucang:before {
    content: "\e64c"
}

.zc-jifen:before {
    content: "\e621"
}

.zc-wifi:before {
    content: "\e693"
}

.zc-dutoutiao:before {
    content: "\e64a"
}

.zc-tupian:before {
    content: "\e667"
}

.zc-tihuohexiao:before {
    content: "\e66f"
}

.zc-shoucang:before {
    content: "\e68c"
}

.zc-edit:before {
    content: "\e613"
}

.zc-cart:before {
    content: "\e635"
}

.zc-add:before {
    content: "\e6e0"
}

.zc-dianpu:before {
    content: "\e68d"
}

.zc-wuliukuaidi:before {
    content: "\e62d"
}

.zc-member:before {
    content: "\e631"
}

.zc-eye:before {
    content: "\e656"
}

.zc-daijinquan:before {
    content: "\e632"
}

.zc-zuji-circle:before {
    content: "\e627"
}

.zc-weiguiwenzhangpuguangtai:before {
    content: "\e62a"
}

.zc-dianhua:before {
    content: "\e671"
}

.zc-fenlei:before {
    content: "\e638"
}

.zc-hongbao:before {
    content: "\e7d5"
}

.zc-zichan:before {
    content: "\e63b"
}

.zc-guanyu-fill:before {
    content: "\e641"
}

.zc-shoucang1:before {
    content: "\e69c"
}

.zc-shimingrenzheng:before {
    content: "\e640"
}

.zc-fenxiao:before {
    content: "\e68e"
}

.zc-categroy-3:before {
    content: "\e652"
}

.zc-mima54:before {
    content: "\e673"
}

.zc-cangkuzhong:before {
    content: "\e610"
}

.zc-yuyue:before {
    content: "\e61e"
}

.zc-shanchu1:before {
    content: "\e664"
}

.zc-kanjia:before {
    content: "\e66a"
}

.zc-start:before {
    content: "\e63a"
}

.zc-tuihuanhuo:before {
    content: "\e61b"
}

.zc-shimingrenzheng1:before {
    content: "\e68a"
}

.zc-backspace:before {
    content: "\e655"
}

.zc-shezhidaifahuo:before {
    content: "\e60b"
}

.zc-ios:before {
    content: "\e648"
}

.zc-yuanxinggouwucheyangshi:before {
    content: "\e604"
}

.zc-chongzhiqia:before {
    content: "\e612"
}

.zc-weiguishangpin:before {
    content: "\e62b"
}

.zc-fenxiao-fill:before {
    content: "\e647"
}

.zc-peisongdizhi:before {
    content: "\e606"
}

.zc-qingchuhuancun:before {
    content: "\e61d"
}

.zc-zhifubao:before {
    content: "\e650"
}

.zc-swticonkuaidi:before {
    content: "\e636"
}

.zc-mima:before {
    content: "\e63f"
}

.zc-wodezichan:before {
    content: "\e61a"
}

.zc-zichan1:before {
    content: "\e668"
}

.zc-shoujishangchengshangcheng:before {
    content: "\e660"
}

.zc-categroy-2:before {
    content: "\e625"
}

.zc-yue:before {
    content: "\e889"
}

.zc-fenlei1:before {
    content: "\e639"
}

.zc-fabu:before {
    content: "\e62c"
}

.zc-message:before {
    content: "\e629"
}

.zc-yunying:before {
    content: "\e82a"
}

.zc-pintuanzhuanqu:before {
    content: "\e64e"
}

.zc-kuaidi2:before {
    content: "\e698"
}

.zc-yingxiao:before {
    content: "\e8f6"
}

.zc-search:before {
    content: "\e654"
}

.zc-qiachongzhi:before {
    content: "\e6f8"
}

.zc-yaoqing:before {
    content: "\e666"
}

.zc-shangpinshoucang:before {
    content: "\e622"
}

.zc-shangpinfabu:before {
    content: "\e61c"
}

.zc-home-fill:before {
    content: "\e601"
}

.zc-search-thin:before {
    content: "\e60d"
}

.zc-jiangpin:before {
    content: "\e637"
}

.zc-shouhuodizhi1:before {
    content: "\e62e"
}

.zc-zaixian-im:before {
    content: "\e60c"
}

.zc-ic_backspace:before {
    content: "\e980"
}

.zc-cart1:before {
    content: "\e633"
}

.zc-huiyuanjulebu:before {
    content: "\e63d"
}

.zc-yonghushezhi:before {
    content: "\e616"
}

.zc-dingdanwancheng:before {
    content: "\e653"
}

.zc-weiguishidechulidongzuo:before {
    content: "\e643"
}

.zc-ziyuan:before {
    content: "\e63e"
}

.zc-member-fill:before {
    content: "\e602"
}

.zc-daiziti:before {
    content: "\e617"
}

.zc-shangpinguanli:before {
    content: "\e692"
}

.zc-shoucang11:before {
    content: "\e605"
}

.zc-daiyunying1:before {
    content: "\e69d"
}

.zc-add-circle-fill:before {
    content: "\e60f"
}

.zc-wodedingdan:before {
    content: "\e7bc"
}

.zc-more:before {
    content: "\e680"
}

.zc-shouhuodizhi:before {
    content: "\e624"
}

.zc-daishouhuo:before {
    content: "\e609"
}

.zc-quxiaodingdan:before {
    content: "\e6bc"
}

.zc-jingjia:before {
    content: "\e670"
}

.zc-saomahexiao:before {
    content: "\e630"
}

.zc-qiangdan:before {
    content: "\e67c"
}

.zc-youhuiquan:before {
    content: "\e64d"
}

.zc-chushou:before {
    content: "\e63c"
}

.zc-tingche:before {
    content: "\e8aa"
}

.zc-pinpai:before {
    content: "\e6ac"
}

.zc-yonghushezhi1:before {
    content: "\e607"
}

.zc-huidaodingbu:before {
    content: "\e64b"
}

.zc-yifahuo:before {
    content: "\e6e4"
}

.zc-tihuohexiao2:before {
    content: "\e65b"
}

.zc-qrcode:before {
    content: "\e6b7"
}

.zc-save:before {
    content: "\e867"
}

.zc-categroy:before {
    content: "\e634"
}

.zc-daipingjia:before {
    content: "\e618"
}

.zc-zuji:before {
    content: "\e662"
}

.zc-yunying1:before {
    content: "\e672"
}

.zc-arrow-r-2:before {
    content: "\e611"
}

.zc-home:before {
    content: "\e6d9"
}

.zc-daifahuo:before {
    content: "\e628"
}

.zc-ui:before {
    content: "\e657"
}

.zc-arrow-r:before {
    content: "\e60a"
}

.zc-quxiaodingdan-2:before {
    content: "\e608"
}

.zc-minus:before {
    content: "\e620"
}

.zc-shanchu:before {
    content: "\e619"
}

.zc-search-fill:before {
    content: "\e600"
}

.zc-yingxiao1:before {
    content: "\e674"
}

.zc-categroy-4:before {
    content: "\e6b0"
}

.zc-weiguijubao:before {
    content: "\e614"
}

.zc-cart-fill:before {
    content: "\e603"
}

.zc-categroy-fill:before {
    content: "\e615"
}

.zc-yaoqinghaoyou:before {
    content: "\e64f"
}

.zc-xinwen:before {
    content: "\e675"
}

.zc-xiaochengxu:before {
    content: "\e623"
}

.zc-fuwuqi:before {
    content: "\e676"
}

.zc-luoji:before {
    content: "\e6d5"
}

.zc-shezhi:before {
    content: "\e646"
}

.zc-bangzhu:before {
    content: "\e645"
}

.zc-toutiao:before {
    content: "\e68b"
}

.zc-chanpinnormal:before {
    content: "\e71e"
}

.zc-scan:before {
    content: "\e88a"
}

.zc-APP:before {
    content: "\e6fd"
}

.zc-paotui:before {
    content: "\e67a"
}

.zc-weibiaoti-:before {
    content: "\e66d"
}

.zc-_huaban:before {
    content: "\e669"
}

.zc-sheji:before {
    content: "\e66b"
}

.zc-dianshang:before {
    content: "\e661"
}

.zc-denglu:before {
    content: "\e679"
}

.zc-icon_baidulogo:before {
    content: "\e65e"
}

.zc-haibao:before {
    content: "\e66c"
}

.zc-ziyuan1:before {
    content: "\e659"
}

.zc-eye-fill:before {
    content: "\e6c6"
}

.zc-xinxiliu:before {
    content: "\e681"
}

.zc-kehuduan:before {
    content: "\e65c"
}

.zc-access:before {
    content: "\e65d"
}

.zc-seo:before {
    content: "\e677"
}

.zc-kefu:before {
    content: "\e7a6"
}

.zc-paotui-fill:before {
    content: "\e67b"
}

.zc-android:before {
    content: "\e649"
}

.zc-jianzhan:before {
    content: "\e663"
}

.zc-daiyunying:before {
    content: "\e738"
}

.zc-guanyu:before {
    content: "\e642"
}

.zc-pinpai1:before {
    content: "\e66e"
}

.zc-mobile:before {
    content: "\e6cf"
}

.zc-duqu:before {
    content: "\e65f"
}

.zc-mima1:before {
    content: "\e658"
}

.zc-zu:before {
    content: "\e6ae"
}

.zc-viewgallery:before {
    content: "\e981"
}

.zc-icon-shoot:before {
    content: "\e678"
}

.zc-kuajingdianshang:before {
    content: "\e651"
}

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

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    color: #666
}

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

dfn {
    font-style: italic
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

pre, textarea {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

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

optgroup {
    font-weight: 700
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

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

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

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

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

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

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .navbar-toggle, .open > .btn-danger.dropdown-toggle, .open > .btn-default.dropdown-toggle, .open > .btn-info.dropdown-toggle, .open > .btn-primary.dropdown-toggle, .open > .btn-success.dropdown-toggle, .open > .btn-warning.dropdown-toggle {
    background-image: none
}

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

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

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

body {
    line-height: 2
}

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

a:focus, a:hover {
    color: #b34d00
}

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

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

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

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

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

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

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

[role=button] {
    cursor: pointer
}

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

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

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 28px;
    margin-bottom: 14px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

pre code, table {
    background-color: transparent
}

.page-header {
    padding-bottom: 13px;
    margin: 56px 0 28px;
    border-bottom: 1px solid #eee
}

dl, ol, ul {
    margin-top: 0
}

ol, ul {
    margin-bottom: 14px;
    list-style: none
}

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

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

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

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

dl {
    margin-bottom: 28px
}

dd, dt {
    line-height: 2
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

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

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

    .container {
        width: 750px
    }
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

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

.initialism {
    font-size: 90%
}

blockquote {
    font-size: 17.5px
}

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

.table, address {
    margin-bottom: 28px
}

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

legend, pre {
    color: #292f3f
}

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

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

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

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

address {
    font-style: normal;
    line-height: 2
}

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

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

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

.form-control, .has-success .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

pre {
    display: block;
    font-size: 13px;
    line-height: 2;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border-radius: 4px
}

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

.pre-scrollable {
    overflow-y: scroll
}

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

.container:after, .container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

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

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

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

.container-fluid:after, .container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

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

.row:after, .row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
    border-spacing: 0
}

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

.table {
    width: 100%;
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

fieldset {
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 28px;
    font-size: 21px;
    line-height: inherit
}

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

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

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

input[type=file] {
    display: block
}

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

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

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

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

.form-control {
    height: 42px;
    line-height: 2;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #b34d00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(179, 77, 0, .6)
}

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

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

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

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

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

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

textarea.form-control {
    height: auto
}

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

    .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm > .input-group-btn > input.btn[type=date], .input-group-sm > .input-group-btn > input.btn[type=time], .input-group-sm > .input-group-btn > input.btn[type=datetime-local], .input-group-sm > .input-group-btn > input.btn[type=month], .input-group-sm > input.form-control[type=date], .input-group-sm > input.form-control[type=time], .input-group-sm > input.form-control[type=datetime-local], .input-group-sm > input.form-control[type=month], .input-group-sm > input.input-group-addon[type=date], .input-group-sm > input.input-group-addon[type=time], .input-group-sm > input.input-group-addon[type=datetime-local], .input-group-sm > input.input-group-addon[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg > .input-group-btn > input.btn[type=date], .input-group-lg > .input-group-btn > input.btn[type=time], .input-group-lg > .input-group-btn > input.btn[type=datetime-local], .input-group-lg > .input-group-btn > input.btn[type=month], .input-group-lg > input.form-control[type=date], .input-group-lg > input.form-control[type=time], .input-group-lg > input.form-control[type=datetime-local], .input-group-lg > input.form-control[type=month], .input-group-lg > input.input-group-addon[type=date], .input-group-lg > input.input-group-addon[type=time], .input-group-lg > input.input-group-addon[type=datetime-local], .input-group-lg > input.input-group-addon[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 46px
    }
}

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

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

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

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

.checkbox-inline, .collapsing, .dropdown, .dropup, .has-feedback, .radio-inline {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-success .form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .form-inline .form-control, .form-inline .form-control-static, .form-inline .form-group {
        display: inline-block
    }

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

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

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

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

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

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

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

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

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

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

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

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

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

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

.badge, .btn, .label, .nav-justified > li > a, .nav-tabs.nav-justified > li > a, .pager, .progress-bar {
    text-align: center
}

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

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

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

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

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

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

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

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

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    background-color: #fff
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

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

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

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

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

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #cc5800;
    border-color: #662c00
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #cc5800;
    border-color: #a84900
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #a84900;
    border-color: #662c00
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #FF6E00;
    border-color: #e66300
}

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

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

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

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

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

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

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

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

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

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

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

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

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

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

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

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

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

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

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

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

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

.btn-link {
    font-weight: 400;
    border-radius: 0
}

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

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

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

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

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

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

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

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

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

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

.collapsing, .metismenu .collapsing {
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -webkit-transition-property: height, visibility
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

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

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

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    min-width: 160px;
    margin: 2px 0 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

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

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

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap
}

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

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

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

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

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

.open > a {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-toolbar:after, .btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn .caret {
    margin-left: 0
}

.btn-group-lg > .btn .caret, .btn-lg .caret {
    border-width: 5px 5px 0
}

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

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

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after {
    clear: both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 0
}

.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 0
}

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

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

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

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

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

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

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

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

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

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

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




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

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

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

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0
}

.navbar:after, .navbar:before {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

.navbar-header:after, .navbar-header:before {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

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

.navbar-collapse:after, .navbar-collapse:before {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

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

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

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

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

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

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

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

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

    .navbar-static-top {
        border-radius: 0
    }
}

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

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

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

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

.navbar-brand {
    float: left;
    padding: 11px 15px;
    font-size: 18px;
    line-height: 28px;
    height: 50px
}

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

.navbar-brand > img {
    display: block
}

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

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

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

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

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

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

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 28px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }
}

.progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-success {
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

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

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 11px;
        padding-bottom: 11px
    }
}

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

@media (min-width: 768px) {
    .navbar-form .form-control, .navbar-form .form-control-static, .navbar-form .form-group {
        display: inline-block
    }

    .navbar-form .checkbox, .navbar-form .control-label, .navbar-form .form-group, .navbar-form .radio {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        width: auto;
        vertical-align: middle
    }

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

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

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

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0
    }

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

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

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

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

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

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

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

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

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.breadcrumb, .pagination, .progress {
    border-radius: 4px
}

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

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

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

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

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

    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

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

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

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

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

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

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

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

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

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

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

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

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
    color: #9d9d9d
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #090909
    }

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

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

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

.navbar-inverse .btn-link {
    color: #9d9d9d
}

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

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

.breadcrumb {
    list-style: none
}

.breadcrumb > li {
    display: inline-block
}

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

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 28px 0
}

.pagination > li {
    display: inline
}

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

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

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

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

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

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

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

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

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

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

.pager {
    padding-left: 0;
    margin: 28px 0;
    list-style: none
}

.pager:after, .pager:before {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

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

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

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

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

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

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

.label {
    display: inline;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

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

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

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

.label-primary {
    background-color: #FF6E00
}

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

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

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

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

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 10px
}

.badge:empty {
    display: none
}

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

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

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

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

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

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

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

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

.alert, .progress, .thumbnail {
    margin-bottom: 28px
}

.alert .alert-link, .close {
    font-weight: 700
}

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

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

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

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

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

.alert, .panel-body {
    padding: 15px
}

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

.alert {
    border: 1px solid transparent;
    border-radius: 4px
}

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

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

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

.chat-element, .media {
    margin-top: 15px
}

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

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

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

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

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

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

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

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

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

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

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 28px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.list-group-item-heading, .media-heading {
    margin-bottom: 5px
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-striped .progress-bar-info, .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.fixed-nav #wrapper, .media-heading, .media:first-child, .panel-title {
    margin-top: 0
}

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

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

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

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #FF6E00;
    border-color: #FF6E00
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #ffe2cc
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.dropdown-menu > li > a, .panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.list-group-item-text {
    margin-bottom: 0
}

.panel {
    margin-bottom: 28px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-title, .panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel-body:after, .panel-body:before {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

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

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

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

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

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

.panel-group {
    margin-bottom: 28px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #292f3f;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #292f3f
}

.carousel-caption, .carousel-control, .tooltip-inner {
    color: #fff;
    text-align: center
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary > .panel-heading {
    color: #fff
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #FF6E00
}

.panel-primary > .panel-heading .badge {
    color: #FF6E00;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #FF6E00
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.popover, .tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-break: auto;
    line-height: 2;
    text-shadow: none;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    font-style: normal;
    text-transform: none
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel-control, .modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after, .modal-header:before {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 2
}

.modal-body {
    position: relative
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after, .modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

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

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-weight: 400;
    text-align: left;
    text-align: start;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-weight: 400;
    text-align: left;
    text-align: start;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.intro-item-module, .popover-title, .practice ul:first-child, .team-intro-bg {
    border-bottom: 1px solid #ebebeb
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

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

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.active.right, .carousel-inner > .item.next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    font-size: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus, .carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn, .dropdown-menu, .text-hide {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 85px
    }
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

* {
    border: none
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, main, meter, nav, output, progress, section, source, video {
    display: block
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strike, strong, sub, sup, table, tbody, tdvideo, tfoot, th, thead, tr, tt, u, ul, var {
    background: 0 0;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

a, textarea {
    outline: 0 !important
}

a {
    text-decoration: none
}

b, strong {
    font-weight: 700 !important
}

q {
    quotes: none
}

table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse
}

img {
    max-width: 100%
}

embed {
    vertical-align: top
}

input, textarea {
    font-family: inherit
}

button, input {
    outline: 0;
    background: 0 0
}

button::-moz-focus-inner {
    border: 0
}

th {
    text-align: left
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

button {
    cursor: pointer
}

#_atssh {
    display: none !important
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from, to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {
    from, to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.w20h li {
    width: 20%
}

.w25h li {
    width: 25%
}

.w33h li {
    width: 33.33%
}

.w50h li {
    width: 50%
}

.m0 {
    margin: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt40 {
    margin-top: 40px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr40 {
    margin-right: 40px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml40 {
    margin-left: 40px !important
}

.pd0 {
    padding: 0 !important
}

.pd5 {
    padding: 5px !important
}

.pd10 {
    padding: 10px !important
}

.pd20 {
    padding: 20px !important
}

.pd40 {
    padding: 40px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding: 10px !important
}

.pb20 {
    padding: 20px !important
}

.pb40 {
    padding: 40px !important
}

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

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

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

.c-white {
    color: #fff !important
}

.c-yellow {
    color: #fc0 !important
}

.c-orange {
    color: #fe700a !important
}

.c-orange2 {
    color: #f9ac48 !important
}

.c-blue {
    color: #66a3ff !important
}

.c-blue2 {
    color: #59bfe2 !important
}

.c-purple {
    color: #db80f9 !important
}

.c-purple2 {
    color: #9b9bd1 !important
}

.c-purple3 {
    color: #b871f4 !important
}

.c-green {
    color: #0cc469 !important
}

.c-green2 {
    color: #79e58e !important
}

.c-red {
    color: #ff5353 !important
}

.c-red2 {
    color: #ff7e7e !important
}

.c-gray {
    color: #9ba1aa !important
}

@media (min-width: 1920px) {
    .bg-cover {
        background-size: cover !important
    }
}

.bg-white {
    background: #fff !important
}

.bg-gray {
    background: #f6fbfc
}

.bg-gray2 {
    background: #f5f5f5
}

.bg-black {
    background: #292f3f
}

.bg-blue {
    background: #7594fd
}

.bg-blue2 {
    background: #3eb9f5
}

.bg-blue3 {
    background: #2ea7e0
}

.bg-blue4 {
    background: #59bfe2
}

.bg-blue5 {
    background: #5ec2e4 !important
}

.bg-blue6 {
    background: #8abdf3 !important
}

.bg-blue7 {
    background: #6ccdf6 !important
}

.bg-blue8 {
    background: #66a3ff !important
}

.bg-blue9 {
    background: #69cbef !important
}

.bg-blue10 {
    background: #40bfee !important
}

.bg-blue11 {
    background: #6eb0fc !important
}

.bg-blue12 {
    background: #69a7ef !important
}

.bg-green {
    background: #66d161
}

.bg-green2 {
    background: #33d5bd
}

.bg-green3 {
    background: #0ecc6a
}

.bg-green4 {
    background: #19ba62
}

.bg-green5 {
    background: #80e55e
}

.bg-green6 {
    background: #79e58e !important
}

.bg-green7 {
    background: #0cc469 !important
}

.bg-green8 {
    background: #64eecf !important
}

.bg-green9 {
    background: #47e4c1 !important
}

.bg-green10 {
    background: #00c380 !important
}

.bg-red {
    background: #fc546b
}

.bg-red2 {
    background: #f04b4b
}

.bg-red3 {
    background: #f85697
}

.bg-red4 {
    background: #fe885f !important
}

.bg-red5 {
    background: #ff7e7e !important
}

.bg-red6 {
    background: #ff6868 !important
}

.bg-red7 {
    background: #ff5353 !important
}

.bg-red8 {
    background: #ff8c8c !important
}

.bg-red9 {
    background: #f36b6b !important
}

.bg-red10 {
    background: #e54c4c !important
}

.bg-red11 {
    background: #fa7070 !important
}

.bg-red12 {
    background: #ec6666 !important
}

.bg-pink {
    background: #fa6dff
}

.bg-pink2 {
    background: #f883c8
}

.bg-pink3 {
    background: #ed6cb9
}

.bg-orange {
    background: #ff6526
}

.bg-orange2 {
    background: #f8b62d
}

.bg-orange3 {
    background: #f9ac48
}

.bg-orange4 {
    background: #ff9543
}

.bg-orange5 {
    background: #f60
}

.bg-orange6 {
    background: #faa05a
}

.bg-orange7 {
    background: #f58732
}

.bg-orange8 {
    background: #f39800 !important
}

.bg-yellow {
    background: #f7b532
}

.bg-yellow2 {
    background: #f5c855
}

.bg-yellow3 {
    background: #f8cc1b
}

.bg-yellow4 {
    background: #fc0
}

.bg-yellow5 {
    background: #fec96a
}

.bg-yellow6 {
    background: #efb957
}

.bg-purple {
    background: #b871f4
}

.bg-purple2 {
    background: #9b9bd1 !important
}

.bg-purple3 {
    background: #9559d1
}

.bg-purple4 {
    background: #9691f5
}

.bg-purple5 {
    background: #8881ee
}

.bg-purple6 {
    background: #c477f6
}

.bg-purple7 {
    background: #b661ed
}

.bg-brown {
    background: #bd884f !important
}

.text-l {
    text-align: left !important
}

.text-c {
    text-align: center !important
}

.border-none {
    border: 0 !important
}

.xuanzhuan360 li:hover .zerocons {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    line-height: 50px
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 10px
}

.dropdown-alerts li a, .dropdown-menu, .dropdown-messages li a {
    font-size: 12px
}

h3, h4, h5 {
    margin-top: 5px;
    font-weight: 600
}


.fixed-nav .slimScrollDiv #side-menu {
    padding-bottom: 60px
}

.mini-navbar .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    background-color: #2f4050;
    padding: 10px;
    font-size: 12px
}

.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px
}

.canvas-menu.mini-navbar .nav-second-level {
    background: #293846
}

.mini-navbar li.active .nav-second-level {
    left: 65px
}

.navbar-default .special_link a {
    background: #FF6E00;
    color: #fff
}

.navbar-default .special_link a:hover {
    background: #17987e !important;
    color: #fff
}

.navbar-default .special_link a span.label {
    background: #fff;
    color: #FF6E00
}

.navbar-default .landing_link a {
    background: #1cc09f;
    color: #fff
}

.navbar-default .landing_link a:hover {
    background: #FF6E00 !important;
    color: #fff
}

.navbar-default .landing_link a span.label {
    background: #fff;
    color: #1cc09f
}

.navbar-fixed-top, .navbar-static-top {
    background: #f3f3f4
}

.logo-element {
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: none;
    padding: 18px 0
}

.pace-done #page-wrapper, .pace-done .footer, .pace-done .nav-header, .pace-done .navbar-static-side, .pace-done li.active {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.navbar-fixed-top {
    transition-duration: .4s;
    border-bottom: 1px solid #e7eaec !important;
    z-index: 2030
}

body.fixed-nav #wrapper #page-wrapper, body.fixed-nav #wrapper .navbar-static-side {
    margin-top: 60px
}

.navbar .dropdown-menu, body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side, body.top-navigation.fixed-nav #wrapper #page-wrapper {
    margin-top: 0
}

body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
    left: 220px
}

body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top {
    left: 70px
}

body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top, body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top {
    left: 0
}

body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
    left: 220px
}

.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px
}

.body-small .navbar-fixed-top {
    margin-left: 0
}

body.mini-navbar .navbar-static-side {
    width: 70px
}



body.canvas-menu .profile-element {
    display: block
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none
}


body.mini-navbar .logo-element {
    display: block
}

body.canvas-menu .logo-element {
    display: none
}

body.mini-navbar .nav-header {
    padding: 0;
    background-color: #FF6E00
}

body.canvas-menu .nav-header {
    padding: 33px 25px
}

body.mini-navbar #page-wrapper {
    margin: 0 0 0 70px
}

body.canvas-menu.mini-navbar .footer, body.fixed-sidebar.mini-navbar .footer {
    margin: 0 !important
}

body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer, body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0
}

body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side {
    position: fixed;
    width: 220px;
    z-index: 2001;
    height: 100%
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 0
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 220px
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px
}


.canvas-menu.mini-navbar .nav-second-level, .fixed-sidebar.mini-navbar .nav-second-level {
    position: relative;
    padding: 0;
    font-size: 13px
}

.canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a {
    padding: 7px 10px 7px 52px
}

.canvas-menu.mini-navbar li.active .nav-second-level, .fixed-sidebar.mini-navbar li.active .nav-second-level {
    left: 0
}





.fixed-sidebar.mini-navbar .nav-second-level {
    left: 0
}

.canvas-menu.mini-navbar .nav-second-level {
    left: 0
}

body.canvas-menu nav.navbar-static-side {
    z-index: 2001;
    background: #2f4050;
    height: 100%;
    position: fixed;
    display: none
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
    display: block;
    width: 220px
}

.top-navigation #page-wrapper {
    margin-left: 0
}

.top-navigation .navbar-nav .dropdown-menu > .active > a {
    background: #fff;
    color: #FF6E00;
    font-weight: 700
}

.white-bg .navbar-fixed-top, .white-bg .navbar-static-top {
    background: #fff
}

.top-navigation .navbar {
    margin-bottom: 0
}







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


.top-navigation .navbar-right {
    margin-right: 10px
}

.top-navigation .navbar-nav .dropdown-menu {
    box-shadow: none;
    border: 1px solid #e7eaec
}

.top-navigation .dropdown-menu > li > a {
    margin: 0;
    padding: 7px 20px
}

.top-navigation .navbar-brand {
    color: #fff
}

.top-navigation .navbar-top-links li:last-child {
    margin-right: 0
}

.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, .canvas-menu #page-wrapper, .mini-navbar .top-navigation #page-wrapper, .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper, .top-navigation.mini-navbar #page-wrapper {
    margin: 0
}

.chat-element .well, .external-event, .float-e-margins .btn {
    margin-bottom: 5px
}

.chat-element > .pull-left, button.dim {
    margin-right: 10px
}

.fixed-nav #wrapper.top-navigation, .top-navigation.fixed-nav #wrapper {
    margin-top: 50px
}

.top-navigation .footer.fixed {
    margin-left: 0 !important
}

.top-navigation .wrapper.wrapper-content {
    padding: 40px
}

.body-small .top-navigation .wrapper.wrapper-content, .top-navigation.body-small .wrapper.wrapper-content {
    padding: 40px 0
}

.navbar-toggle {
    background-color: #FF6E00;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px
}

.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header, .top-navigation .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 15px 10px 20px
}

@media (max-width: 768px) {
    .top-navigation .navbar-header {
        display: block;
        float: none
    }
}

.menu-visible-lg, .menu-visible-md {
    display: none !important
}

@media (min-width: 1200px) {
    .menu-visible-lg {
        display: block !important
    }
}

@media (min-width: 992px) {
    .menu-visible-md {
        display: block !important
    }
}

@media (max-width: 767px) {
    .menu-visible-lg, .menu-visible-md {
        display: block !important
    }
}

.easypiechart .h2, .fc-button, .todo-list .handle, .vertical-align div, button.dim {
    display: inline-block
}

.btn {
    border-radius: 3px
}

.btn-w-m {
    min-width: 120px
}

.btn-primary.btn-outline {
    color: #FF6E00
}

.btn-success.btn-outline {
    color: #1c84c6
}

.btn-info.btn-outline {
    color: #23c6c8
}

.btn-warning.btn-outline {
    color: #f8ac59
}

.btn-danger.btn-outline {
    color: #ed5565
}

.btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover {
    color: #fff
}

.btn-primary {
    background-color: #FF6E00;
    border-color: #FF6E00;
    color: #FFF
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary:active:focus, .btn-primary:active:hover {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary.active:focus, .btn-primary.active:hover {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary.active[disabled], .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFF
}

.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.btn-success:active:focus, .btn-success:active:hover {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.btn-success.active:focus, .btn-success.active:hover {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.btn-success.active[disabled], .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success {
    background-color: #1f90d8;
    border-color: #1f90d8
}

.btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}

.btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}

fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFF
}

.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.btn-info:active:focus, .btn-info:active:hover {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.btn-info.active:focus, .btn-info.active:hover {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.btn-info.active[disabled], .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info {
    background-color: #26d7d9;
    border-color: #26d7d9
}

.btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}

.btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}

fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}

.btn-default {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec
}

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

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {
    color: inherit;
    border: 1px solid #d2d2d2
}

.open .dropdown-toggle.btn-default {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-default:active:focus, .btn-default:active:hover {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-default.active:focus, .btn-default.active:hover {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-default.active[disabled], .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default {
    color: #cacaca
}

.btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset
}

.btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover {
    color: #cacaca
}

.btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover {
    color: #cacaca
}

fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    color: #cacaca
}

.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFF
}

.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.open .dropdown-toggle.btn-warning {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.btn-warning:active:focus, .btn-warning:active:hover {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.btn-warning.active:focus, .btn-warning.active:hover {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.btn-warning.active[disabled], .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning {
    background-color: #f9b66d;
    border-color: #f9b66d
}

.btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover {
    background-color: #f9b66d;
    border-color: #f9b66d
}

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

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

.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFF
}

.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFF
}

.open .dropdown-toggle.btn-danger {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFF
}

.btn-danger:active:focus, .btn-danger:active:hover {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFF
}

.btn-danger.active:focus, .btn-danger.active:hover {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFF
}

.btn-danger.active[disabled], .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger {
    background-color: #ef6776;
    border-color: #ef6776
}

.btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover {
    background-color: #ef6776;
    border-color: #ef6776
}

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

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

.btn-link {
    color: inherit
}

.btn-link.active, .btn-link:active, .btn-link:focus, .btn-link:hover {
    color: #FF6E00;
    text-decoration: none
}

.open .dropdown-toggle.btn-link {
    color: #FF6E00;
    text-decoration: none
}

.btn-link.active[disabled], .btn-link.disabled, .btn-link[disabled], fieldset[disabled] .btn-link {
    color: #cacaca
}

.btn-link.disabled.active, .btn-link.disabled:active, .btn-link.disabled:focus, .btn-link.disabled:hover {
    color: #cacaca
}

.btn-link[disabled]:active, .btn-link[disabled]:focus, .btn-link[disabled]:hover {
    color: #cacaca
}

fieldset[disabled] .btn-link.active, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #cacaca
}

.btn-white {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec
}

.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
    color: inherit;
    border: 1px solid #d2d2d2
}

.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2;
    background-image: none
}

.btn-white:active:focus, .btn-white:active:hover {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-white.active:focus, .btn-white.active:hover {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-white.active[disabled], .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white {
    color: #cacaca
}

.btn-white.active, .btn-white:active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
    background-image: none
}

.btn-white.disabled.active, .btn-white.disabled:active, .btn-white.disabled:focus, .btn-white.disabled:hover {
    color: #cacaca
}

.btn-white[disabled]:active, .btn-white[disabled]:focus, .btn-white[disabled]:hover {
    color: #cacaca
}

fieldset[disabled] .btn-white.active, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover {
    color: #cacaca
}

.form-control {
    box-shadow: none
}

.form-control:focus {
    box-shadow: none
}

.has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form {
    box-shadow: none
}

.navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover {
    box-shadow: none
}

.open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s
}

.btn-rounded {
    border-radius: 50px
}

.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px
}

button.dim {
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 20px !important
}

button.dim:active {
    top: 3px
}

button.btn-primary.dim {
    box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999
}

button.btn-primary.dim:active {
    box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999
}

button.btn-default.dim {
    box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999
}

button.btn-default.dim:active {
    box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999
}

button.btn-warning.dim {
    box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999
}

button.btn-warning.dim:active {
    box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999
}

button.btn-info.dim {
    box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999
}

button.btn-info.dim:active {
    box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999
}

button.btn-success.dim {
    box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999
}

button.btn-success.dim:active {
    box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999
}

button.btn-danger.dim {
    box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999
}

button.btn-danger.dim:active {
    box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999
}

button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    display: block;
    padding-top: 10px
}

.badge, .label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-weight: 600;
    text-shadow: none
}

button.dim:active:before {
    top: 7px;
    font-size: 50px
}

.btn:focus {
    outline: 0 !important
}

.label {
    font-size: 10px;
    padding: 3px 8px
}

.badge {
    font-size: 11px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px
}

.badge-primary, .label-primary {
    background-color: #FF6E00;
    color: #FFF
}

.badge-success, .label-success {
    background-color: #1c84c6;
    color: #FFF
}

.badge-warning, .label-warning {
    background-color: #f8ac59;
    color: #FFF
}

.badge-warning-light, .label-warning-light {
    background-color: #f8ac59;
    color: #fff
}

.badge-danger, .label-danger {
    background-color: #ed5565;
    color: #FFF
}

.badge-info, .label-info {
    background-color: #23c6c8;
    color: #FFF
}

.badge-inverse, .label-inverse {
    background-color: #262626;
    color: #FFF
}

.badge-white, .label-white {
    background-color: #FFF;
    color: #5E5E5E
}

.badge-disable, .label-white {
    background-color: #2A2E36;
    color: #8B91A0
}

.chosen-container-single .chosen-single {
    background: #FFF;
    box-shadow: none;
    -moz-box-sizing: border-box;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
    cursor: text;
    height: auto !important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 4px 12px;
    position: relative;
    width: 100%
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #f1f1f1;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: none;
    color: #292f3f;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #f4f4f4;
    border-color: #DDD;
    color: inherit;
    cursor: default;
    z-index: 2
}

.pagination > li > a, .pagination > li > span {
    background-color: #FFF;
    border: 1px solid #DDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none
}

.tooltip-inner {
    background-color: #2F4050
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2F4050
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2F4050
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2F4050
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2F4050
}

.easypiechart {
    position: relative;
    text-align: center
}

.easypiechart .h2 {
    margin-left: 10px;
    margin-top: 10px
}

.easypiechart canvas {
    top: 0;
    left: 0
}

.easypiechart .easypie-text {
    line-height: 1;
    position: absolute;
    top: 33px;
    width: 100%;
    z-index: 1
}

.easypiechart img {
    margin-top: -4px
}

.fc-state-default {
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #292f3f;
    text-shadow: none;
    border: 1px solid
}

.fc-button {
    color: inherit;
    border: 1px solid #e7eaec;
    cursor: pointer;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 .6em;
    position: relative;
    white-space: nowrap
}

.external-event, .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    border-radius: 2px
}

.fc-state-active {
    background-color: #FF6E00;
    border-color: #FF6E00;
    color: #fff
}

.fc-header-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: inherit
}

.fc-content .fc-widget-content, .fc-content .fc-widget-header {
    border-color: #e7eaec;
    font-weight: 400
}

.fc-border-separate tbody {
    background-color: #F8F8F8
}

.fc-state-highlight {
    background: #FCF8E3
}

.external-event {
    padding: 5px 10px;
    cursor: pointer
}

.fc-agenda .fc-event-time, .fc-event, .fc-event a {
    padding: 4px 6px;
    background-color: #FF6E00;
    border-color: #FF6E00
}

.fc-event-time, .fc-event-title {
    color: #717171;
    padding: 0 1px
}

.ui-calendar .fc-event-time, .ui-calendar .fc-event-title {
    color: #fff
}

.chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec
}

.chat-element {
    padding-bottom: 15px;
    overflow: hidden
}

.chat-element:first-child {
    margin-top: 0
}

.chat-element .media {
    margin-top: 15px
}

.media-body {
    display: block;
    width: auto
}

.chat-element img.img-circle {
    width: 38px;
    height: 38px
}

.chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px
}

.chat-element .actions {
    margin-top: 10px
}

.chat-element .photos {
    margin: 10px 0
}

.right.chat-element > .pull-right {
    margin-left: 10px
}

.chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9
}

.chat li.left .chat-body {
    margin-left: 60px
}

.chat li.right .chat-body {
    margin-right: 60px
}

.chat li .chat-body p {
    margin: 0;
    color: #777
}

.chat .glyphicon, .panel .slidedown .glyphicon {
    margin-right: 5px
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll
}

a.list-group-item.active {
    background-color: #FF6E00;
    border-color: #FF6E00;
    color: #FFF;
    z-index: 2
}

a.list-group-item.active:focus, a.list-group-item.active:hover {
    background-color: #FF6E00;
    border-color: #FF6E00;
    color: #FFF;
    z-index: 2
}

.no-padding .list-group-item, .no-padding .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-bottom: none
}

.list-group-item-heading {
    margin-top: 10px
}

.list-group-item-text {
    margin: 0 0 10px;
    color: inherit;
    font-size: 12px;
    line-height: inherit
}

.no-padding .list-group-item:first-child {
    border-top: none
}

.no-padding .list-group {
    margin-bottom: 0
}

.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}

.elements-list .list-group-item {
    border-left: none;
    border-right: none;
    padding: 15px 25px
}

.elements-list .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-top: none !important
}

.elements-list .list-group {
    margin-bottom: 0
}

.elements-list a {
    color: inherit
}

.elements-list .list-group-item.active, .elements-list .list-group-item:hover {
    background: #f3f3f4;
    color: inherit;
    border-color: #e7eaec;
    border-radius: 0
}

.jqsfield, .jqstooltip {
    color: #fff;
    text-align: left
}

.elements-list li.active {
    transition: none
}

.element-detail-box {
    padding: 25px
}

.flot-chart {
    display: block;
    height: 200px
}

.widget .flot-chart.dashboard-chart {
    display: block;
    height: 120px;
    margin-top: 40px
}

.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 40px
}

.flot-chart-content {
    width: 100%;
    height: 100%
}

.flot-chart-pie-content {
    width: 200px;
    height: 200px;
    margin: auto
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    visibility: hidden;
    background: #2b303a;
    background-color: rgba(43, 48, 58, .8);
    white-space: nowrap;
    z-index: 10000;
    padding: 5px;
    min-height: 22px;
    border-radius: 3px
}

.author-info, .btn-circle, .dd-item > button, .forum-avatar, .forum-icon, .forum-info, .img-container, .img-preview, .input-group-addon, .ui-jqgrid .loading, .vertical-timeline-icon {
    text-align: center
}

.fh-150 {
    height: 150px
}

.fh-200 {
    height: 200px
}

.h-150 {
    min-height: 150px
}

.h-200 {
    min-height: 200px
}

.legendLabel {
    padding-left: 5px
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.dataTables_filter label, .simple_tag {
    margin-right: 5px
}

.stat-list li:first-child {
    margin-top: 0
}

.stat-percent {
    float: right
}

.stat-list li {
    margin-top: 15px;
    position: relative
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    background: 0 0
}

.dataTables_wrapper {
    padding-bottom: 30px
}

.dataTables_length {
    float: left
}

.html5buttons, .vertical-timeline-content .btn {
    float: right
}

.html5buttons a {
    border: 1px solid #e7eaec;
    background: #fff;
    color: #676a6c;
    box-shadow: none;
    padding: 6px 8px;
    font-size: 12px
}

.html5buttons a:focus:active, .html5buttons a:hover {
    background-color: #eee;
    color: inherit;
    border-color: #d2d2d2
}

div.dt-button-info {
    z-index: 100
}

@media (max-width: 768px) {
    .html5buttons {
        float: none;
        margin-top: 10px
    }

    .dataTables_length {
        float: none
    }
}

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

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    font-size: 12px;
    line-height: 1.428571429
}

.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33
}

.show-grid {
    margin: 15px 0
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important
}

.css-animation-box h1 {
    font-size: 44px
}

.animation-efect-links a {
    padding: 4px 6px;
    font-size: 12px
}

#animation_box {
    background-color: #f9f8f8;
    border-radius: 16px;
    width: 80%;
    margin: 0 auto;
    padding-top: 80px
}

.animation-text-box, .animation-text-info {
    left: 50%;
    margin-left: -100px;
    width: 200px;
    position: absolute
}

.animation-text-box {
    margin-top: 40px
}

.animation-text-info {
    margin-top: -60px;
    font-size: 10px
}

.animation-text-box h2 {
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 5px
}

.animation-text-box p {
    font-size: 12px;
    text-transform: uppercase
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.pace .pace-progress {
    background: #FF6E00;
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}

.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.widget.style1 h2 {
    font-size: 30px
}

.widget h2, .widget h3 {
    margin-top: 5px;
    margin-bottom: 0
}

.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #fff
}

.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px
}

.widget .flot-chart {
    height: 100px
}

.vertical-align div {
    vertical-align: middle
}

.vertical-align h2, .vertical-align h3 {
    margin: 0
}

.todo-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px
}

.todo-list.small-list {
    font-size: 12px
}

.todo-list.small-list > li {
    background: #f3f3f4;
    border-left: none;
    border-right: none;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 6px 6px 6px 12px
}

.todo-list.small-list .btn-group-xs > .btn, .todo-list.small-list .btn-xs {
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.5;
    padding: 1px 2px 1px 5px
}

.todo-list > li {
    background: #f3f3f4;
    border-left: 6px solid #e7eaec;
    border-right: 6px solid #e7eaec;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 10px
}

.todo-list .handle {
    cursor: move;
    font-size: 16px;
    margin: 0 5px
}

.todo-list > li .label {
    font-size: 9px;
    margin-left: 10px
}

.check-link {
    font-size: 16px
}

.todo-completed {
    text-decoration: line-through
}

.geo-statistic h1 {
    font-size: 36px;
    margin-bottom: 0
}

.glyphicon.fa {
    font-family: FontAwesome
}

.inline {
    display: inline-block !important
}

.input-s-sm {
    width: 120px
}

.input-s {
    width: 200px
}

.input-s-lg {
    width: 250px
}

.i-checks {
    padding-left: 0
}

.form-control, .single-line {
    background-color: #FFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 14px
}

.spinner-buttons.input-group-btn, .tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs {
    width: 20%
}

.form-control:focus, .single-line:focus {
    border-color: #FF6E00 !important
}

.has-success .form-control {
    border-color: #FF6E00
}

.has-warning .form-control {
    border-color: #f8ac59
}

.has-error .form-control {
    border-color: #ed5565
}

.has-success .control-label {
    color: #FF6E00
}

.has-warning .control-label {
    color: #f8ac59
}

.has-error .control-label {
    color: #ed5565
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px
}

.spinner-buttons.input-group-btn .btn-group-xs > .btn, .spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.13
}

.noUi-connect {
    background: #FF6E00;
    box-shadow: none
}

.slider_red .noUi-connect {
    background: #ed5565;
    box-shadow: none
}

.ui-sortable .ibox-title {
    cursor: move
}

.ui-sortable-placeholder {
    border: 1px dashed #cecece !important;
    visibility: visible !important;
    background: #e7eaec
}

.ibox.ui-sortable-placeholder {
    margin: 0 0 23px !important
}

.onoffswitch {
    position: relative;
    width: 54px;
    -webkit-user-select: none;
    -ms-user-select: none
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1AB394;
    border-radius: 3px
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin .3s ease-in 0s;
    -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s
}

.onoffswitch-inner:after, .onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    padding: 0;
    line-height: 16px;
    font-size: 10px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 7px;
    background-color: #1AB394;
    color: #FFF
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 7px;
    background-color: #FFF;
    color: #919191;
    text-align: right
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0;
    background: #FFF;
    border: 2px solid #1AB394;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top, .ui-widget-header {
    border-top-left-radius: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0
}

.ui-jqgrid {
    -moz-box-sizing: content-box
}

.ui-jqgrid-btable, .ui-jqgrid-htable {
    border-collapse: separate
}

.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 15px;
    color: #676a6c;
    background-color: #F9F9F9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin: 1.1em 1em .2em
}

.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 0 solid;
    border-right: 0 solid;
    border-top: 0 solid
}

.ui-widget-header {
    background: #f5f5f6;
    text-transform: uppercase;
    border-top-right-radius: 0
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-style: solid;
    border-right-width: 1px;
    text-align: left;
    border-color: #DDD;
    background-color: inherit
}

.ui-search-toolbar input[type=text] {
    font-size: 12px;
    height: 15px;
    border: 1px solid #CCC;
    border-radius: 0
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #F9F9F9;
    border: 1px solid #DDD;
    line-height: 15px;
    font-weight: 700;
    color: #676a6c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.ui-icon-triangle-1-n {
    background-position: 1px -16px
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 0 !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus {
    background: #f5f5f5;
    border-collapse: separate
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #f2fbff
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #ddd;
    background: #fff;
    font-weight: 400;
    color: #212121
}

.ui-jqgrid .ui-pg-input {
    font-size: inherit;
    width: 50px;
    border: 1px solid #CCC;
    height: 15px
}

.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: 1em;
    height: 25px;
    line-height: 18px;
    margin: 0;
    width: auto
}

.ui-jqgrid .ui-pager-control {
    position: relative
}

.ui-jqgrid .ui-jqgrid-pager {
    height: 32px;
    position: relative
}

.ui-pg-table .navtable .ui-corner-all {
    border-radius: 0
}

.ui-jqgrid .ui-pg-button:hover {
    padding: 1px;
    border: 0
}

.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    height: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    font-weight: 700;
    display: none;
    border-width: 2px !important;
    font-size: 11px
}

.ui-jqgrid .form-control {
    height: 10px;
    width: auto;
    display: inline;
    padding: 10px 12px
}

.ui-jqgrid-pager {
    height: 32px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 0
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 0
}

.ui-widget-content {
    box-sizing: content-box;
    border: 1px solid #ddd
}

.ui-jqgrid .ui-jqgrid-titlebar {
    padding: 0;
    border-bottom: 1px solid #ddd
}

.ui-jqgrid tr.jqgrow td {
    padding: 6px
}

.ui-jqdialog .ui-jqdialog-titlebar {
    padding: 10px
}

.dd, .dd-list {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.ui-jqdialog .ui-jqdialog-title {
    float: none !important
}

.ui-jqdialog > .ui-resizable-se {
    position: absolute
}

.dd {
    position: relative;
    font-size: 13px;
    line-height: 20px
}

.dd-list {
    position: relative
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty, .dd-item, .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}

.dd-empty, .dd-item > button, .dd-placeholder {
    margin: 5px 0;
    padding: 0
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #292f3f;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-handle span {
    font-weight: 700
}

.dd-handle:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: 700
}

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    font-weight: 700
}

.dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-item > button[data-action=collapse]:before {
    content: '-'
}

#nestable2 .dd-item > button {
    font-family: FontAwesome;
    height: 34px;
    width: 33px;
    color: #c1c1c1
}

#nestable2 .dd-item > button:before {
    content: "\f067"
}

#nestable2 .dd-item > button[data-action=collapse]:before {
    content: "\f068"
}

.dd-placeholder {
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-empty {
    background: 0 0, 30px 30px #e5e5e5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px dashed #bbb;
    min-height: 100px;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px
}

.dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

#nestable-menu {
    padding: 0;
    margin: 10px 0 20px
}

#nestable2 .dd-handle {
    color: inherit;
    border: 1px dashed #e7eaec;
    background: #f3f3f4;
    padding: 10px
}

#nestable2 span.label {
    margin-right: 10px
}

#nestable-output, #nestable2-output {
    width: 100%;
    line-height: 1.333333em;
    font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
    font-size: 12px;
    padding: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.CodeMirror {
    border: 1px solid #eee;
    height: auto
}

.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto
}

.google-map {
    height: 300px
}

label.error {
    color: #cc5965;
    display: inline-block
}

.form-control.error {
    border: 1px dotted #cc5965
}

.gridStyle, .gridStyle2 {
    border: 1px solid #d4d4d4
}

.gridStyle {
    width: 100%;
    height: 400px
}

.gridStyle2 {
    width: 500px;
    height: 300px
}

.ngH eaderCell, .ngRow {
    border-bottom: 1px solid #e7eaec
}

.ngCell, .ngH eaderCell, .ngHeaderCell {
    border-right: none
}

.ngTopPanel {
    background: #F5F5F6
}

.ngRow.even {
    background: #f9f9f9
}

.ngRow.selected {
    background: #EBF2F1
}

.ngCell {
    background-color: transparent
}

#toast-container > .toast {
    background-image: none !important
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 24px;
    float: left;
    color: #FFF;
    padding-right: .5em;
    margin: auto .5em auto -1.5em
}

#toast-container > .toast-warning:before {
    content: "\f0e7"
}

#toast-container > .toast-error:before {
    content: "\f071"
}

#toast-container > .toast-info:before {
    content: "\f005"
}

#toast-container > .toast-success:before {
    content: "\f00C"
}

#toast-container > div {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

.toast, .toast-success {
    background-color: #FF6E00
}

.toast-error {
    background-color: #ed5565
}

.toast-info {
    background-color: #23c6c8
}

.toast-warning {
    background-color: #f8ac59
}

.toast-top-full-width {
    margin-top: 20px
}

.toast-bottom-full-width {
    margin-bottom: 20px
}

.cg-notify-message.inspinia-notify {
    background: #fff;
    padding: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .2);
    border: none;
    margin-top: 30px;
    color: inherit
}

.inspinia-notify.alert-warning {
    border-left: 6px solid #f8ac59
}

.inspinia-notify.alert-success {
    border-left: 6px solid #1c84c6
}

.inspinia-notify.alert-danger {
    border-left: 6px solid #ed5565
}

.inspinia-notify.alert-info {
    border-left: 6px solid #FF6E00
}

.img-container, .img-preview {
    overflow: hidden;
    width: 100%
}

.img-preview-sm {
    height: 130px;
    width: 200px
}

.forum-post-container .media {
    margin: 10px;
    padding: 20px 10px;
    border-bottom: 1px solid #f1f1f1
}

.forum-avatar {
    float: left;
    margin-right: 20px;
    width: 110px
}

.forum-avatar .img-circle {
    height: 48px;
    width: 48px
}

.author-info {
    color: #676a6c;
    font-size: 11px;
    margin-top: 5px
}

.forum-post-info {
    padding: 9px 12px 6px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1
}

.media-body > .media {
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #f1f1f1
}

.forum-post-container .media-body .photos {
    margin: 10px 0
}

.forum-photo {
    max-width: 140px;
    border-radius: 3px
}

.media-body > .media .forum-avatar {
    width: 70px;
    margin-right: 10px
}

.media-body > .media .forum-avatar .img-circle {
    height: 38px;
    width: 38px
}

.mid-icon {
    font-size: 66px
}

.forum-item {
    margin: 10px 0;
    padding: 10px 0 20px;
    border-bottom: 1px solid #f1f1f1
}

.views-number {
    font-size: 24px;
    line-height: 18px;
    font-weight: 400
}

.forum-container, .forum-post-container {
    padding: 30px !important
}

.forum-item small {
    color: #999
}

.forum-item .forum-sub-title {
    color: #999;
    margin-left: 50px
}

.forum-title {
    margin: 15px 0
}

.forum-desc {
    color: #999
}

.forum-icon {
    float: left;
    width: 30px;
    margin-right: 20px
}

a.forum-item-title {
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 600
}

a.forum-item-title:hover {
    color: inherit
}

.forum-icon .fa {
    font-size: 30px;
    margin-top: 8px;
    color: #9b9b9b
}

.forum-item.active .fa, .forum-item.active a.forum-item-title {
    color: #FF6E00
}

@media (max-width: 992px) {
    .forum-info {
        margin: 15px 0 10px;
        display: none
    }

    .forum-desc {
        float: none !important
    }
}

.vertical-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.vertical-container::after {
    content: '';
    display: table;
    clear: both
}

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em
}

#vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent
}

.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em
    }

    #vertical-timeline.center-orientation:before {
        left: 50%;
        margin-left: -2px
    }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f5f5f5 transparent transparent
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0
}

.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.vertical-timeline-block:first-child {
    margin-top: 0
}

.vertical-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0
    }

    .center-orientation .vertical-timeline-block:first-child {
        margin-top: 0
    }

    .center-orientation .vertical-timeline-block:last-child {
        margin-bottom: 0
    }
}

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1
}

.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    font-size: 18px;
    margin-left: -12px;
    margin-top: -19px
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width: 50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px
    }

    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -22px;
        font-size: 22px
    }

    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    border-radius: .25em;
    padding: 1em
}

.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.vertical-timeline-content h2 {
    font-weight: 400;
    margin-top: 4px
}

.vertical-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500
}

.vertical-date small {
    color: #FF6E00;
    font-weight: 400
}

.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff
}

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px
    }

    .vertical-timeline-content p {
        font-size: 13px
    }
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent transparent transparent #fff
    }

    .center-orientation .vertical-timeline-content .btn {
        float: left
    }

    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 2px;
        font-size: 14px
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent #fff transparent transparent
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
        float: right
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden
    }
}

.tabs-container .panel-body {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative
}

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

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

.tabs-container .nav-tabs > li.active > a {
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-bottom-color: transparent
}

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

.tabs-container .tab-pane .panel-body {
    border-top: none
}

.tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body {
    border-top: 1px solid #e7eaec
}

.tabs-container .nav-tabs > li a:hover {
    background: 0 0;
    border-color: transparent
}

.tabs-container .tabs-below > .nav-tabs, .tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs {
    border-bottom: 0
}

.tabs-container .tabs-left .panel-body {
    position: static;
    width: 80%;
    margin-left: 20%
}

.tabs-container .tabs-right .panel-body {
    width: 80%;
    margin-right: 20%
}

.tabs-container .pill-content > .pill-pane, .tabs-container .tab-content > .tab-pane {
    display: none
}

.tabs-container .pill-content > .active, .tabs-container .tab-content > .active {
    display: block
}

.tabs-container .tabs-below > .nav-tabs {
    border-top: 1px solid #e7eaec
}

.tabs-container .tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-container .tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-container .tabs-below > .nav-tabs > li > a:focus, .tabs-container .tabs-below > .nav-tabs > li > a:hover {
    border-top-color: #e7eaec;
    border-bottom-color: transparent
}

.tabs-container .tabs-left > .nav-tabs > li, .tabs-container .tabs-right > .nav-tabs > li {
    float: none
}

.tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-container .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px
}

.tabs-container .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tabs-container .tabs-left > .nav-tabs .active > a {
    border-color: #e7eaec transparent #e7eaec #e7eaec;
    *border-right-color: #fff
}

.tabs-container .tabs-left > .nav-tabs .active > a:focus, .tabs-container .tabs-left > .nav-tabs .active > a:hover {
    border-color: #e7eaec transparent #e7eaec #e7eaec;
    *border-right-color: #fff
}

.tabs-container .tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px
}

.tabs-container .tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-container .tabs-right > .nav-tabs .active > a {
    border-color: #e7eaec #e7eaec #e7eaec transparent;
    *border-left-color: #fff;
    z-index: 1
}

.tabs-container .tabs-right > .nav-tabs .active > a:focus, .tabs-container .tabs-right > .nav-tabs .active > a:hover {
    border-color: #e7eaec #e7eaec #e7eaec transparent;
    *border-left-color: #fff;
    z-index: 1
}

@media (max-width: 767px) {
    .tabs-container .nav-tabs > li {
        float: none !important
    }

    .tabs-container .nav-tabs > li.active > a {
        border-bottom: 1px solid #e7eaec !important;
        margin: 0
    }
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: #fff;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 5px
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #FF6E00;
    padding: 3px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px
}

.check-mail, .jvectormap-legend-cnt-h .jvectormap-legend-tick, .star-mail {
    width: 40px
}

.jvectormap-zoomin {
    top: 10px
}

.jvectormap-zoomout, .span11 {
    top: 30px
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) center no-repeat
}

.jvectormap-legend-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.jvectormap-legend-cnt {
    position: absolute
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0
}

.jvectormap-legend {
    background: #000;
    color: #fff;
    border-radius: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.jvectormap-legend-tick-text {
    font-size: 12px
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px
}

.slick-next:before, .slick-prev:before {
    color: #FF6E00 !important
}

.payment-card {
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #e7eaec
}

.payment-icon-big {
    font-size: 60px;
    color: #d1dade
}

.payments-method.panel-group .panel + .panel {
    margin-top: -1px
}

.payments-method .panel-heading {
    padding: 15px
}

.payments-method .panel {
    border-radius: 0
}

.payments-method .panel-heading h5 {
    margin-bottom: 5px
}

.payments-method .panel-heading i {
    font-size: 26px
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border-color: #e7eaec
}

.tour-tour .btn.btn-default {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    color: inherit
}

.tour-step-backdrop {
    z-index: 2101
}

.tour-backdrop {
    z-index: 2100;
    opacity: .7
}

.popover[class*=tour-] {
    z-index: 2100
}

body.tour-open .animated {
    animation-fill-mode: initial
}

.resizable-panels .ibox {
    clear: none;
    margin: 10px;
    float: left;
    overflow: hidden;
    min-height: 150px;
    min-width: 150px
}

.resizable-panels .ibox .ibox-content {
    height: calc(100% - 49px)
}

.ui-resizable-helper {
    background: rgba(211, 211, 211, .4)
}

.wizard > .content > .body {
    position: relative
}

.footer, .sidebard-panel {
    padding: 10px 20px;
    position: absolute
}

.sidebard-panel {
    width: 220px;
    background: #ebebed;
    right: 0
}

.sidebard-panel .feed-element {
    font-size: 12px;
    margin-top: 20px;
    padding-bottom: 0
}

.sidebard-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px
}

.media-body, .sidebard-panel p {
    font-size: 12px
}

.sidebard-panel .list-group {
    margin-bottom: 10px
}

.sidebard-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0
}

.sidebar-content .wrapper, .wrapper.sidebar-content {
    padding-right: 230px !important
}

.body-small .sidebar-content .wrapper, .body-small .wrapper.sidebar-content {
    padding-right: 20px !important
}

#right-sidebar {
    background-color: #fff;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    position: fixed;
    top: 60px;
    width: 260px !important;
    z-index: 1009;
    bottom: 0;
    right: -260px
}

#right-sidebar.sidebar-open {
    right: 0
}

#right-sidebar.sidebar-open.sidebar-top {
    top: 0;
    border-top: none
}

.sidebar-container ul.nav-tabs {
    border: none
}

.sidebar-container ul.nav-tabs.navs-4 li {
    width: 25%
}

.sidebar-container ul.nav-tabs.navs-3 li {
    width: 33.3333%
}

.sidebar-container ul.nav-tabs.navs-2 li {
    width: 50%
}

.sidebar-container ul.nav-tabs li {
    border: none
}

.sidebar-container ul.nav-tabs li a {
    border: none;
    padding: 12px 10px;
    margin: 0;
    border-radius: 0;
    background: #2f4050;
    color: #fff;
    text-align: center;
    border-right: 1px solid #334556
}

.sidebar-container ul.nav-tabs li.active a {
    border: none;
    background: #f9f9f9;
    color: #676a6c;
    font-weight: 700
}

.sidebar-container .nav-tabs > li.active > a:focus, .sidebar-container .nav-tabs > li.active > a:hover {
    border: none
}

.sidebar-container ul.sidebar-list {
    margin: 0;
    padding: 0
}

.sidebar-container ul.sidebar-list li {
    border-bottom: 1px solid #e7eaec;
    padding: 15px 20px;
    list-style: none;
    font-size: 12px
}

.sidebar-container .sidebar-message:nth-child(2n+2) {
    background: #f9f9f9
}

.sidebar-container ul.sidebar-list li a {
    text-decoration: none;
    color: inherit
}

.sidebar-container .sidebar-content {
    padding: 15px 20px;
    font-size: 12px
}

.sidebar-container .sidebar-title {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e7eaec
}

.sidebar-container .sidebar-title h3 {
    margin-bottom: 3px;
    padding-left: 2px
}

.sidebar-container .tab-content h4 {
    margin-bottom: 5px
}

.sidebar-container .sidebar-message {
    padding: 15px 20px
}

.sidebar-container .sidebar-message > a {
    text-decoration: none;
    color: inherit
}

.sidebar-container .sidebar-message > a > .pull-left {
    margin-right: 10px
}

.sidebar-container .sidebar-message .message-avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%
}

.full-width, video {
    width: 100% !important
}

.sidebar-container .setings-item {
    padding: 15px 20px;
    border-bottom: 1px solid #e7eaec
}

body {
    font-family: Microsoft YaHei, '宋体', Tahoma, Helvetica, Arial, "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #2f4050;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden
}

body, body.full-height-layout #page-wrapper, body.full-height-layout #wrapper, html {
    height: 100%
}

.clear {
    display: block;
    overflow: hidden;
    clear: both
}

a {
    cursor: pointer
}

a:focus, a:hover {
    text-decoration: none
}

.border-bottom {
    border-bottom: 1px solid #e7eaec !important
}

.folder-list li, .hr-line-solid, .timeline-item .date i {
    border-bottom: 1px solid #e7eaec
}

.font-bold {
    font-weight: 600
}

.font-noraml {
    font-weight: 400
}

.initialism, .text-uppercase {
    text-transform: uppercase
}

.b-r {
    border-right: 1px solid #e7eaec
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0
}

.note-editor, video {
    height: auto !important
}

.gallery > .row > div, .hr-line-solid {
    margin-bottom: 15px
}

.hr-line-solid {
    background-color: rgba(0, 0, 0, 0);
    border-style: solid !important;
    margin-top: 15px
}

.fancybox img {
    margin-bottom: 5px;
    width: 24%
}

.note-editor {
    min-height: 300px
}

.note-editor.fullscreen {
    z-index: 2050
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    outline: 0;
    position: relative
}

.modal-dialog {
    z-index: 2200
}

.modal-body {
    padding: 20px 30px 30px
}

.inmodal .modal-body {
    background: #f8fafb
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.inmodal .modal-title {
    font-size: 26px
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3
}

.modal-footer {
    margin-top: 0
}

#wrapper {
    width: 100%;
    overflow-x: hidden
}

.wrapper {
    padding: 0 20px
}

.wrapper-content {
    padding: 20px 10px 40px
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    position: relative !important
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 240px;
        min-height: 2002px
    }
}

.title-action {
    text-align: right;
    padding-top: 30px
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
    margin-top: 5px
}

ol.unstyled, ul.unstyled {
    list-style: none;
    margin-left: 0
}

.big-icon {
    font-size: 160px !important;
    color: #e5e6e7
}

.footer {
    background: #fff;
    border-top: 1px solid #e7eaec;
    bottom: 0;
    left: 0;
    right: 0
}

.footer.fixed, .footer.fixed_full {
    position: fixed;
    left: 0;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px solid #e7eaec;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.footer.fixed {
    margin-left: 220px
}

body.body-small.mini-navbar .footer.fixed, body.mini-navbar .footer.fixed {
    margin: 0 0 0 70px
}

body.canvas-menu .footer.fixed, body.mini-navbar.canvas-menu .footer.fixed {
    margin: 0 !important
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 220px
}

body.body-small .footer.fixed {
    margin-left: 0
}

.page-heading {
    border-top: 0;
    padding: 0 10px 20px
}

.panel-heading h1, .panel-heading h2 {
    margin-bottom: 5px
}

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

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    background-color: #F5F5F6;
    border-bottom-width: 1px
}

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

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

.table > thead > tr > th {
    border-bottom: 1px solid #DDD
}

.panel.blank-panel {
    background: 0 0;
    margin: 0
}

.blank-panel .panel-heading {
    padding-bottom: 0
}

.nav-tabs > li.active > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: 0 0;
    border-color: #ddd #ddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default
}

.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: 0 0;
    border-color: #ddd #ddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default
}

.nav.nav-tabs li {
    background: 0 0;
    border: none
}

.nav-tabs > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background-color: #e6e6e6;
    color: #676a6c
}

.ui-tab .tab-content {
    padding: 20px 0
}

.no-padding {
    padding: 0 !important
}

.no-borders {
    border: none !important
}

.border-left, .border-left-right, .timeline-item .content, .timeline-item .date i {
    border-left: 1px solid #e7eaec
}

.no-margins {
    margin: 0 !important
}

.no-top-border {
    border-top: 0 !important
}

.border-left, .border-left-right, .border-right {
    border-top: none;
    border-bottom: none
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px
}

.border-left-right {
    border-right: 1px solid #e7eaec
}

.border-left {
    border-right: none
}

.border-right {
    border-left: none;
    border-right: 1px solid #e7eaec
}

.link-block {
    font-size: 12px;
    padding: 10px
}

.nav.navbar-top-links .link-block a {
    font-size: 12px
}

.link-block a {
    font-size: 10px;
    color: inherit
}

body.mini-navbar .branding {
    display: none
}

img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%
}

.branding {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #FF6E00
}

.login-panel {
    margin-top: 25%
}

.icons-box h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.icons-box .infont a {
    color: #a6a8a9;
    padding: 10px;
    margin: 1px;
    display: block
}

.icons-box .infont a i {
    font-size: 25px;
    display: block;
    color: #676a6c
}

.ui-draggable .ibox-title {
    cursor: move
}

.breadcrumb {
    background-color: #fff;
    padding: 0;
    margin-bottom: 0
}

.breadcrumb > .active, .breadcrumb > li a {
    color: inherit
}

code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap
}

.ibox-content, .ibox-title {
    background-color: #fff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}

.ibox.collapsed .ibox-content {
    display: none
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078"
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077"
}

.ibox:after, .ibox:before {
    display: table
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px
}

.ibox-content {
    color: inherit;
    padding: 15px 20px 20px;
    border-width: 1px 0;
    clear: both
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #fff;
    padding: 10px 15px
}

table.table-mail tr td {
    padding: 12px
}

.table-mail .check-mail {
    padding-left: 20px
}

.table-mail .mail-date {
    padding-right: 20px
}

.unread td, .unread td a {
    font-weight: 600;
    color: inherit
}

.read td, .read td a {
    font-weight: 400;
    color: inherit
}

.unread td {
    background-color: #f9f8f8
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none
}

.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left
}

.ibox-title .label {
    float: left;
    margin-left: 4px
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4
}

.ibox-tools a.btn-primary {
    color: #fff
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px
}

.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0
}

.gray-bg {
    background-color: #f3f3f4
}

.white-bg {
    background-color: #fff
}

.navy-bg {
    background-color: #FF6E00;
    color: #fff
}

.blue-bg {
    background-color: #1c84c6;
    color: #fff
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}

.yellow-bg {
    background-color: #f8ac59;
    color: #fff
}

.red-bg {
    background-color: #ed5565;
    color: #fff
}

.black-bg {
    background-color: #262626
}

.panel-primary {
    border-color: #FF6E00
}

.panel-primary > .panel-heading {
    background-color: #FF6E00;
    border-color: #FF6E00
}

.panel-success {
    border-color: #1c84c6
}

.panel-success > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff
}

.panel-info {
    border-color: #23c6c8
}

.panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff
}

.panel-warning {
    border-color: #f8ac59
}

.panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff
}

.panel-danger {
    border-color: #ed5565
}

.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff
}

.progress-bar {
    background-color: #FF6E00
}

.progress-small {
    height: 10px;
    margin-top: 5px
}

.progress-small .progress-bar {
    height: 10px
}

.progress-mini, .progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0
}

.progress-mini {
    margin-top: 5px
}

.progress-bar-navy-light {
    background-color: #3dc7ab
}

.progress-bar-success {
    background-color: #1c84c6
}

.progress-bar-info {
    background-color: #23c6c8
}

.progress-bar-warning {
    background-color: #f8ac59
}

.progress-bar-danger {
    background-color: #ed5565
}

.panel-title {
    font-size: inherit
}

.jumbotron {
    border-radius: 6px;
    padding: 40px
}

.jumbotron h1 {
    margin-top: 0
}

.text-navy {
    color: #FF6E00
}

.text-primary {
    color: inherit
}

.text-success {
    color: #1c84c6
}

.text-info {
    color: #23c6c8
}

.text-warning {
    color: #f8ac59
}

.text-danger {
    color: #ed5565
}

.text-muted {
    color: #888
}

.text-white {
    color: #fff
}

.simple_tag {
    background-color: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    color: inherit;
    font-size: 10px;
    margin-top: 5px;
    padding: 5px 12px;
    display: inline-block
}

.ComposeEmail .navbar.navbar-static-top, .Dashboard_2 .navbar.navbar-static-top, .Dashboard_3 .navbar.navbar-static-top, .Dashboard_4_1 .navbar.navbar-static-top, .Dashboard_5 .navbar.navbar-static-top, .EmailView .navbar.navbar-static-top, .Inbox .navbar.navbar-static-top, .Metrics .navbar.navbar-static-top, .dashboards\.dashboard_2 nav.navbar, .dashboards\.dashboard_3 nav.navbar, .dashboards\.dashboard_4_1 nav.navbar, .dashboards\.dashboard_5 nav.navbar, .fh-column, .mailbox\.email_compose nav.navbar, .mailbox\.email_view nav.navbar, .mailbox\.inbox nav.navbar, .metrics nav.navbar, .metrics\.index nav.navbar {
    background: #fff
}

.img-shadow {
    -webkit-box-shadow: 0 0 3px 0 #919191;
    -moz-box-shadow: 0 0 3px 0 #919191;
    box-shadow: 0 0 3px 0 #919191
}

a.close-canvas-menu {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1011;
    color: #a7b1c2
}

.fh-breadcrumb, .fh-no-breadcrumb {
    margin: 0 -15px;
    position: relative
}

a.close-canvas-menu:hover {
    color: #fff
}

.close-canvas-menu {
    display: none
}

.canvas-menu .close-canvas-menu {
    display: block
}

.light-navbar .navbar.navbar-static-top {
    background-color: #fff
}

.full-height {
    height: 100%
}

.fh-breadcrumb {
    height: calc(100% - 196px)
}

.fh-no-breadcrumb {
    height: calc(100% - 99px)
}

.fh-column {
    height: 100%;
    width: 240px;
    float: left
}

.modal-backdrop {
    z-index: 2040 !important
}

.modal {
    z-index: 2050 !important
}

.spiner-example {
    height: 200px;
    padding-top: 70px
}

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

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

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

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

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

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

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

.p-w-xs {
    padding: 0 10px !important
}

.p-w-sm {
    padding: 0 15px !important
}

.p-w-m {
    padding: 0 20px !important
}

.p-w-md {
    padding: 0 25px !important
}

.p-w-lg {
    padding: 0 30px !important
}

.p-w-xl {
    padding: 0 40px !important
}

.m-xxs {
    margin: 2px 4px !important
}

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

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

.m {
    margin: 15px !important
}

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

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

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

.m-n {
    margin: 0 !important
}

.m-l-none {
    margin-left: 0
}

.m-l-xs {
    margin-left: 5px !important
}

.m-l-sm {
    margin-left: 10px !important
}

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

.m-l-md {
    margin-left: 20px !important
}

.m-l-lg {
    margin-left: 30px !important
}

.m-l-xl {
    margin-left: 40px !important
}

.m-l-n-xxs {
    margin-left: -1px !important
}

.m-l-n-xs {
    margin-left: -5px !important
}

.m-l-n-sm {
    margin-left: -10px !important
}

.m-l-n {
    margin-left: -15px !important
}

.m-l-n-md {
    margin-left: -20px !important
}

.m-l-n-lg {
    margin-left: -30px !important
}

.m-l-n-xl {
    margin-left: -40px !important
}

.m-t-none {
    margin-top: 0 !important
}

.m-t-xxs {
    margin-top: 1px !important
}

.m-t-xs {
    margin-top: 5px !important
}

.m-t-sm {
    margin-top: 10px !important
}

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

.m-t-md {
    margin-top: 20px !important
}

.m-t-lg {
    margin-top: 30px !important
}

.m-t-xl {
    margin-top: 40px !important
}

.m-t-n-xxs {
    margin-top: -1px !important
}

.m-t-n-xs {
    margin-top: -5px !important
}

.m-t-n-sm {
    margin-top: -10px !important
}

.m-t-n {
    margin-top: -15px !important
}

.m-t-n-md {
    margin-top: -20px !important
}

.m-t-n-lg {
    margin-top: -30px !important
}

.m-t-n-xl {
    margin-top: -40px !important
}

.m-r-none {
    margin-right: 0 !important
}

.m-r-xxs {
    margin-right: 1px !important
}

.m-r-xs {
    margin-right: 5px !important
}

.m-r-sm {
    margin-right: 10px !important
}

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

.m-r-md {
    margin-right: 20px !important
}

.m-r-lg {
    margin-right: 30px !important
}

.m-r-xl {
    margin-right: 40px !important
}

.m-r-n-xxs {
    margin-right: -1px !important
}

.m-r-n-xs {
    margin-right: -5px !important
}

.m-r-n-sm {
    margin-right: -10px !important
}

.m-r-n {
    margin-right: -15px !important
}

.m-r-n-md {
    margin-right: -20px !important
}

.m-r-n-lg {
    margin-right: -30px !important
}

.m-r-n-xl {
    margin-right: -40px !important
}

.m-b-none {
    margin-bottom: 0 !important
}

.m-b-xxs {
    margin-bottom: 1px !important
}

.m-b-xs {
    margin-bottom: 5px !important
}

.m-b-sm {
    margin-bottom: 10px !important
}

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

.m-b-md {
    margin-bottom: 20px !important
}

.m-b-lg {
    margin-bottom: 30px !important
}

.m-b-xl {
    margin-bottom: 40px !important
}

.m-b-n-xxs {
    margin-bottom: -1px !important
}

.m-b-n-xs {
    margin-bottom: -5px !important
}

.m-b-n-sm {
    margin-bottom: -10px !important
}

.m-b-n {
    margin-bottom: -15px !important
}

.m-b-n-md {
    margin-bottom: -20px !important
}

.m-b-n-lg {
    margin-bottom: -30px !important
}

.m-b-n-xl {
    margin-bottom: -40px !important
}

.space-15 {
    margin: 15px 0
}

.space-20 {
    margin: 20px 0
}

.space-25 {
    margin: 25px 0
}

.space-30 {
    margin: 30px 0
}

.fullscreen-ibox-mode .animated {
    animation: none
}

body.fullscreen-ibox-mode {
    overflow-y: hidden
}

.ibox.fullscreen {
    z-index: 2030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 0
}

.ibox.fullscreen .collapse-link {
    display: none
}

.ibox.fullscreen .ibox-content {
    min-height: calc(100% - 48px)
}

body.modal-open {
    padding-right: inherit !important
}

body.modal-open .animated {
    animation-fill-mode: initial;
    z-index: inherit
}

.block, body.mini-navbar.fixed-sidebar .profile-element {
    display: block !important
}

body.mini-navbar.fixed-sidebar .nav-header {
    padding: 33px 25px
}

body.mini-navbar.fixed-sidebar .logo-element {
    display: none
}

.fullscreen-video .animated {
    animation: none
}

.search-form {
    margin-top: 10px
}

.search-result h3 {
    margin-bottom: 0;
    color: #1E0FBE
}

.contact-box, .file {
    margin-bottom: 20px
}

.search-result .search-link {
    color: #006621
}

.search-result p {
    font-size: 12px;
    margin-top: 5px
}

.contact-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    padding: 20px
}

.contact-box > a {
    color: inherit
}

.contact-box.center-version {
    border: 1px solid #e7eaec;
    padding: 0
}

.contact-box.center-version > a {
    display: block;
    background-color: #fff;
    padding: 20px;
    text-align: center
}

.contact-box.center-version > a img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px
}

.contact-box.center-version address {
    margin-bottom: 0
}

.contact-box .contact-box-footer {
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #e7eaec;
    padding: 15px 20px
}

.invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(2), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(4) {
    text-align: right
}

.invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(2), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(4) {
    text-align: right
}

.invoice-total > tbody > tr > td {
    border: 0
}

.invoice-total > tbody > tr > td:first-child {
    text-align: right
}

.invoice-total > tbody > tr > td:last-child {
    border-bottom: 1px solid #DDD;
    text-align: right;
    width: 15%
}

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px
}

.lockscreen.middle-box {
    width: 200px;
    padding-top: 110px
}

.loginColumns, .passwordBox {
    margin: 0 auto;
    padding: 100px 20px 20px
}

.loginscreen.middle-box {
    width: 300px
}

.loginColumns {
    max-width: 800px
}

.passwordBox {
    max-width: 460px
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0
}

.client-link, .faq-question, .lock-word span, .project-title a {
    font-weight: 600
}

.middle-box h1 {
    font-size: 170px
}

.wrapper .middle-box {
    margin-top: 140px
}

.lock-word {
    z-index: 10;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -470px
}

.lock-word span {
    font-size: 100px;
    color: #e9e9e9;
    display: inline-block
}

.lock-word .first-word {
    margin-right: 160px
}

.dashboard-header {
    border-top: 0;
    padding: 20px
}

.dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px
}

.fist-item {
    border-top: none !important
}

.statistic-box {
    margin-top: 40px
}

.dashboard-header .list-group-item span.label {
    margin-right: 10px
}

.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0
}

ul.clear-list:first-child {
    border-top: none !important
}

.timeline-item .date {
    text-align: right;
    width: 110px;
    position: relative;
    padding-top: 30px
}

.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    background: #f8f8f8
}

.timeline-item .content {
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px
}

.timeline-item .content:hover {
    background: #f6f6f6
}

ul.notes li, ul.tag-list li {
    list-style: none
}

ul.notes li {
    margin: 10px 40px 50px 0;
    float: left
}

ul.notes li h4 {
    margin-top: 20px;
    font-size: 16px
}

ul.notes li div {
    position: relative;
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg)
}

ul.notes li div small {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px
}

ul.notes li div a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: inherit
}

.client-detail, .clients-list .tab-pane, .file, .message, .product-desc {
    position: relative
}

ul.notes li div p {
    font-size: 12px
}

ul.notes li:nth-child(even) div {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px
}

ul.notes li:nth-child(3n) div {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px
}

ul.notes li:nth-child(5n) div {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 210px;
    width: 210px;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px #212121;
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear
}

.file-box, body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px
}

ul.notes li div:focus, ul.notes li div:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    z-index: 5
}

.file-box {
    float: left
}

.file-manager {
    list-style: none;
    margin: 0;
    padding: 0
}

.file-manager h5 {
    text-transform: uppercase
}

.folder-list li {
    display: block
}

.folder-list li a {
    color: #666;
    display: block;
    padding: 5px 0
}

.folder-list li i {
    margin-right: 8px;
    color: #3d4d5d
}

.category-list li {
    display: block
}

.category-list li a {
    color: #666;
    display: block;
    padding: 5px 0
}

.category-list li i {
    margin-right: 8px;
    color: #3d4d5d
}

.category-list li a .text-navy {
    color: #FF6E00
}

.category-list li a .text-primary {
    color: #1c84c6
}

.category-list li a .text-info {
    color: #23c6c8
}

.category-list li a .text-danger {
    color: #EF5352
}

.category-list li a .text-warning {
    color: #F8AC59
}

.file-manager h5.tag-title {
    margin-top: 20px
}

.tag-list li {
    float: left
}

.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block
}

.file, .mail-box, .mail-box-header {
    background-color: #fff
}

.file {
    border: 1px solid #e7eaec;
    padding: 0;
    margin-right: 20px
}

.file-manager .hr-line-dashed {
    margin: 15px 0
}

.feed-element > .pull-left, .file-control, .profile-stats {
    margin-right: 10px
}

.file .icon, .file .image {
    height: 100px;
    overflow: hidden
}

.file .icon {
    padding: 15px 10px;
    text-align: center
}

.file-control {
    color: inherit;
    font-size: 11px
}

.file-control.active {
    text-decoration: underline
}

.file .icon i {
    font-size: 70px;
    color: #dadada
}

.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec
}

.file-name small {
    color: #676a6c
}

.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: .6em solid transparent;
    border-right: .6em solid #f1f1f1;
    border-bottom: .6em solid #f1f1f1;
    right: 0;
    bottom: 0
}

a.compose-mail {
    padding: 8px 10px
}

.mail-search {
    max-width: 300px
}

.profile-content {
    border-top: none !important
}

.profile-image {
    width: 120px;
    float: left
}

.profile-image img {
    width: 96px;
    height: 96px
}

.profile-info {
    margin-left: 120px
}

.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec
}

.feed-element {
    padding-bottom: 15px;
    margin-top: 15px;
    overflow: hidden
}

.feed-element:first-child {
    margin-top: 0
}

.feed-element .media, .social-comment {
    margin-top: 15px
}

.media-body {
    overflow: hidden
}

.dropdown-messages-box img.img-circle, .feed-element img.img-circle {
    width: 38px;
    height: 38px
}

.feed-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px
}

.feed-element .actions {
    margin-top: 10px
}

.feed-element .photos {
    margin: 10px 0
}

.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px
}

.file-list li {
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-bottom: 5px
}

.file-list li a {
    color: inherit
}

.file-list li a:hover {
    color: #FF6E00
}

.user-friends img {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
    margin-right: 5px
}

.mail-box {
    border: 1px solid #e7eaec;
    border-top: 0;
    padding: 0;
    margin-bottom: 20px
}

.mail-attachment, .mail-body, .mail-text {
    border-top: 1px solid #e7eaec
}

.mail-box-header {
    border: 1px solid #e7eaec;
    border-bottom: 0;
    padding: 30px 20px 20px
}

.mail-box-header h2 {
    margin-top: 0
}

.mailbox-content .tag-list li a {
    background: #fff
}

.mail-body {
    padding: 20px
}

.mail-text .note-toolbar {
    padding: 10px 15px
}

.mail-body .form-group {
    margin-bottom: 5px
}

.mail-text .note-editor .note-toolbar {
    background-color: #F9F8F8
}

.mail-attachment {
    padding: 20px;
    font-size: 12px
}

.mailbox-content {
    background: 0 0;
    border: none;
    padding: 10px
}

.mail-ontact {
    width: 23%
}

.project-actions, .project-people {
    text-align: right;
    vertical-align: middle
}

dd.project-people {
    text-align: left;
    margin-top: 5px
}

.project-people img {
    width: 32px;
    height: 32px
}

.project-title a {
    font-size: 14px;
    color: #676a6c
}

.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 10px;
    vertical-align: middle
}

.project-manager .tag-list li a {
    font-size: 10px;
    background-color: #fff;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block
}

.project-files li a {
    font-size: 11px;
    color: #676a6c;
    margin-left: 10px;
    line-height: 22px
}

.faq-item {
    padding: 20px;
    margin-bottom: 2px;
    background: #fff
}

.faq-question {
    font-size: 18px;
    color: #FF6E00;
    display: block
}

.faq-question:hover {
    color: #e66300
}

.faq-answer {
    margin-top: 10px;
    background: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    padding: 15px
}

.faq-item .tag-item {
    background: #f3f3f4;
    padding: 2px 6px;
    font-size: 10px;
    text-transform: uppercase
}

.message-input {
    height: 90px !important
}

.chat-avatar {
    white: 36px;
    height: 36px;
    float: left;
    margin-right: 10px
}

.chat-user-name {
    padding: 10px
}

.chat-user {
    padding: 8px 10px;
    border-bottom: 1px solid #e7eaec
}

.chat-user a {
    color: inherit
}

.chat-view {
    z-index: 20012
}

.chat-statistic, .chat-users {
    margin-left: -30px
}

@media (max-width: 992px) {
    .chat-statistic, .chat-users {
        margin-left: 0
    }
}

.chat-view .ibox-content {
    padding: 0
}

.chat-message, .message {
    padding: 10px 20px
}

.message-avatar {
    height: 48px;
    width: 48px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-top: 1px
}

.chat-discussion, .chat-users {
    height: 400px;
    overflow-y: auto
}

.clients-list, .landing-page .features-block, .landing-page .features-text {
    margin-top: 20px
}

.chat-discussion .chat-message.left .message-avatar {
    float: left;
    margin-right: 10px
}

.chat-discussion .chat-message.right .message-avatar {
    float: right;
    margin-left: 10px
}

.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    text-align: left;
    display: block;
    border-radius: 4px
}

.chat-discussion .chat-message.left .message-date {
    float: right
}

.chat-discussion .chat-message.right .message-date {
    float: left
}

.chat-discussion .chat-message.left .message {
    text-align: left;
    margin-left: 55px
}

.chat-discussion .chat-message.right .message {
    text-align: right;
    margin-right: 55px
}

.message-date {
    font-size: 10px;
    color: #888
}

.client-link, .client-link:hover {
    color: inherit
}

.message-content {
    display: block
}

.chat-discussion {
    background: #eee;
    padding: 15px
}

.chat-message-form .form-group {
    margin-bottom: 0
}

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

.jstree-default .jstree-icon.none {
    width: 0
}

.clients-list .tab-pane {
    height: 600px
}

.client-detail {
    height: 620px
}

.clients-list table tr td {
    height: 46px;
    vertical-align: middle;
    border: none
}

.client-avatar {
    width: 42px
}

.client-avatar img {
    width: 28px;
    height: 28px;
    border-radius: 50%
}

.contact-type {
    width: 20px;
    color: #c1c3c4
}

.client-status {
    text-align: left
}

.client-detail .vertical-timeline-content p {
    margin: 0
}

.client-detail .vertical-timeline-icon.gray-bg {
    color: #a7aaab
}

.clients-list .nav-tabs > li.active > a {
    border-bottom: 1px solid #fff
}

.clients-list .nav-tabs > li.active > a:focus, .clients-list .nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #fff
}

.blog h2 {
    font-weight: 700
}

.blog .btn, .blog h5 {
    margin: 0 0 5px
}

.article h1 {
    font-size: 48px;
    font-weight: 700;
    color: #2F4050
}

.article p {
    font-size: 15px;
    line-height: 26px
}

.article-title {
    text-align: center;
    margin: 40px 0 100px
}

.article .ibox-content {
    padding: 40px
}

.issue-tracker .btn-link {
    color: #FF6E00
}

table.issue-tracker tbody tr td {
    vertical-align: middle;
    height: 50px
}

.issue-info {
    width: 50%
}

.issue-info a {
    font-weight: 600;
    color: #676a6c
}

.issue-info small {
    display: block
}

.team-members {
    margin: 10px 0
}

.team-members img.img-circle {
    width: 42px;
    height: 42px;
    margin-bottom: 5px
}

.sortable-list {
    padding: 10px 0
}

.agile-list {
    list-style: none;
    margin: 0
}

.agile-list li {
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0 0 10px;
    padding: 10px;
    border-radius: 2px
}

.agile-list li:hover {
    cursor: pointer;
    background: #fff
}

.agile-list li.warning-element {
    border-left: 3px solid #f8ac59
}

.agile-list li.danger-element {
    border-left: 3px solid #ed5565
}

.agile-list li.info-element {
    border-left: 3px solid #1c84c6
}

.agile-list li.success-element {
    border-left: 3px solid #FF6E00
}

.ecommerce .note-editor, .product-box {
    border: 1px solid #e7eaec
}

.agile-detail {
    margin-top: 5px;
    font-size: 12px
}

ins {
    background-color: #c6ffc6;
    text-decoration: none
}

del {
    background-color: #ffc6c6
}

.cart-product-imitation, .product-imitation {
    background-color: #f8f8f9;
    text-align: center
}

.product-box {
    padding: 0
}

.product-box.active, .product-box:hover {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
    -moz-box-shadow: 0 3px 7px 0 #a8a8a8;
    box-shadow: 0 3px 7px 0 #a8a8a8
}

.product-imitation {
    padding: 90px 0;
    color: #bebec3;
    font-weight: 600
}

.cart-product-imitation {
    padding-top: 30px;
    height: 80px;
    width: 80px
}

.product-imitation.xl {
    padding: 120px 0
}

.product-desc {
    padding: 20px
}

.ecommerce .tag-list {
    padding: 0
}

.ecommerce .fa-star {
    color: #d1dade
}

.ecommerce .fa-star.active {
    color: #f8ac59
}

table.shoping-cart-table {
    margin-bottom: 0
}

table.shoping-cart-table tr td {
    border: none;
    text-align: right
}

.social-footer, .vote-item {
    border-top: 1px solid #e7eaec
}

table.shoping-cart-table tr td.desc, table.shoping-cart-table tr td:first-child {
    text-align: left
}

table.shoping-cart-table tr td:last-child {
    width: 80px
}

.product-name {
    font-size: 16px;
    font-weight: 600;
    color: #676a6c;
    display: block;
    margin: 2px 0 5px
}

.product-name:focus, .product-name:hover {
    color: #FF6E00
}

.product-price {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #FF6E00;
    padding: 6px 12px;
    position: absolute;
    top: -32px;
    right: 0
}

.product-detail .ibox-content {
    padding: 30px 30px 50px
}

.image-imitation {
    background-color: #f8f8f9;
    text-align: center;
    padding: 200px 0
}

.product-main-price small {
    font-size: 10px
}

.product-images {
    margin: 0 20px
}

.social-feed-separated .social-feed-box {
    margin-left: 62px
}

.social-feed-separated .social-avatar {
    float: left;
    padding: 0
}

.social-feed-separated .social-avatar img {
    width: 52px;
    height: 52px;
    border: 1px solid #e7eaec
}

.social-feed-separated .social-feed-box .social-avatar {
    padding: 15px 15px 0;
    float: none
}

.social-feed-box {
    border: 1px solid #e7eaec;
    background: #fff;
    margin-bottom: 15px
}

.article .social-feed-box {
    margin-bottom: 0;
    border-bottom: none
}

.article .social-feed-box:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #e7eaec
}

.article .social-feed-box p {
    font-size: 13px;
    line-height: 18px
}

.social-action {
    margin: 15px
}

.social-comment .social-comment, .vote-info, .vote-title {
    margin-left: 45px
}

.social-avatar {
    padding: 15px 15px 0
}

.social-avatar img {
    height: 40px;
    width: 40px;
    margin-right: 10px
}

.social-avatar .media-body a {
    font-size: 14px;
    display: block
}

.social-body {
    padding: 15px
}

.social-body img {
    margin-bottom: 10px
}

.social-footer {
    padding: 10px 15px;
    background: #f9f9f9
}

.social-footer .social-comment img {
    width: 32px;
    margin-right: 10px
}

.social-comment:first-child {
    margin-top: 0
}

.social-comment textarea {
    font-size: 12px
}

.vote-item {
    padding: 20px 25px;
    background: #fff
}

.vote-item:last-child {
    border-bottom: 1px solid #e7eaec
}

.vote-item:hover {
    background: #fbfbfb
}

.vote-actions {
    float: left;
    width: 30px;
    margin-right: 15px;
    text-align: center;
    font-weight: 600
}

.vote-actions a {
    color: #FF6E00;
    font-weight: 600
}

.vote-title {
    display: block;
    color: inherit;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 2px
}

.vote-title:focus, .vote-title:hover {
    color: inherit
}

.vote-info, .vote-info a {
    color: #b4b6b8;
    font-size: 12px
}

.vote-info a {
    margin-right: 10px
}

.vote-info a:hover {
    color: #FF6E00
}

.vote-icon {
    text-align: right;
    font-size: 38px;
    display: block;
    color: #e8e9ea
}

.vote-icon.active {
    color: #FF6E00
}

body.body-small .vote-icon {
    display: none
}

.lightBoxGallery {
    text-align: center
}

.lightBoxGallery img {
    margin: 5px
}

#small-chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100
}

#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px
}

.open-small-chat {
    height: 38px;
    width: 38px;
    display: block;
    background: #FF6E00;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

.open-small-chat:hover {
    color: #fff;
    background: #FF6E00
}

.small-chat-box {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 75px;
    background: #fff;
    border: 1px solid #e7eaec;
    width: 230px;
    height: 320px;
    border-radius: 4px
}

.small-chat-box.active, .small-chat-box.ng-small-chat {
    display: block
}

.body-small .small-chat-box {
    bottom: 70px;
    right: 20px
}

.small-chat-box .heading {
    background: #2f4050;
    padding: 8px 15px;
    font-weight: 700;
    color: #fff
}

.small-chat-box .chat-date {
    opacity: .6;
    font-size: 10px;
    font-weight: 400
}

.small-chat-box .content {
    padding: 15px
}

.small-chat-box .content .author-name {
    font-weight: 700;
    margin-bottom: 3px;
    font-size: 11px
}

.small-chat-box .content > div {
    padding-bottom: 20px
}

.small-chat-box .content .chat-message {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 14px;
    max-width: 80%;
    background: #f3f3f4;
    margin-bottom: 10px
}

.small-chat-box .content .chat-message.active {
    background: #FF6E00;
    color: #fff
}

.small-chat-box .content .left {
    text-align: left;
    clear: both
}

.small-chat-box .content .left .chat-message {
    float: left
}

.metismenu .arrow, .metismenu .plus-minus, .metismenu .plus-times, .small-chat-box .content .right .chat-message {
    float: right
}

.small-chat-box .content .right {
    text-align: right;
    clear: both
}

.small-chat-box .form-chat {
    padding: 10px
}

.metismenu .arrow {
    line-height: 1.42857
}

.metismenu .glyphicon.arrow:before {
    content: "\e079"
}

.metismenu .active > a > .glyphicon.arrow:before {
    content: "\e114"
}

.metismenu .fa.arrow:before {
    content: "\f104"
}

.metismenu .active > a > .fa.arrow:before {
    content: "\f107"
}

.metismenu .ion.arrow:before {
    content: "\f3d2"
}

.metismenu .active > a > .ion.arrow:before {
    content: "\f3d0"
}

.metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before {
    content: "\f067"
}

.metismenu .active > a > .fa.plus-times {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.metismenu .active > a > .fa.plus-minus:before {
    content: "\f068"
}

.metismenu .collapse {
    display: none
}

.metismenu .collapse.in {
    display: block
}

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

.sk-spinner-rotating-plane.sk-spinner {
    width: 30px;
    height: 30px;
    background-color: #FF6E00;
    margin: 0 auto;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto
}

.sk-spinner-double-bounce .sk-double-bounce1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #FF6E00;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #FF6E00;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-spinner-wave.sk-spinner {
    margin: 0 auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px
}

.sk-spinner-wave div {
    background-color: #FF6E00;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {
    0%, 100%, 40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-waveStretchDelay {
    0%, 100%, 40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.sk-spinner-wandering-cubes.sk-spinner {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    position: relative
}

.sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #FF6E00;
    left: 0;
    top: 0
}

.sk-spinner-wandering-cubes .sk-cube1 {
    -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
    animation: sk-wanderingCubeMove 1.8s infinite ease-in-out
}

.sk-spinner-wandering-cubes .sk-cube2 {
    -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
    animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
        transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
        transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.sk-spinner-pulse.sk-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #FF6E00;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.sk-spinner-chasing-dots.sk-spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {
    width: 60%;
    height: 60%;
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    background-color: #FF6E00
}

.sk-spinner-chasing-dots .sk-dot1 {
    top: 0;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-spinner-chasing-dots .sk-dot2 {
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

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

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

@-webkit-keyframes sk-chasingDotsBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-chasingDotsBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}

.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #FF6E00;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-threeBounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-threeBounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-spinner-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative
}

.sk-spinner-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-spinner-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 20%;
    background-color: #FF6E00;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-spinner-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-spinner-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-spinner-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-spinner-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-spinner-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-spinner-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-spinner-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-spinner-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-spinner-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-spinner-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-spinner-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-spinner-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-spinner-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-spinner-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-spinner-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-spinner-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-spinner-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-spinner-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-spinner-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-spinner-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-spinner-cube-grid.sk-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.sk-spinner-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #FF6E00;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-spinner-cube-grid .sk-cube:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-spinner-cube-grid .sk-cube:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-spinner-cube-grid .sk-cube:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-spinner-cube-grid .sk-cube:nth-child(4) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-spinner-cube-grid .sk-cube:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-spinner-cube-grid .sk-cube:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-spinner-cube-grid .sk-cube:nth-child(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-spinner-cube-grid .sk-cube:nth-child(8) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-spinner-cube-grid .sk-cube:nth-child(9) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 100%, 70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 100%, 70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.sk-spinner-wordpress.sk-spinner {
    background-color: #FF6E00;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    margin: 0 auto;
    -webkit-animation: sk-innerCircle 1s linear infinite;
    animation: sk-innerCircle 1s linear infinite
}

.sk-spinner-wordpress .sk-inner-circle {
    display: block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 8px;
    top: 5px;
    left: 5px
}

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

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

.sk-spinner-fading-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative
}

.sk-spinner-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-spinner-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #FF6E00;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-spinner-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-spinner-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-spinner-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-spinner-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-spinner-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-spinner-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-spinner-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-spinner-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-spinner-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-spinner-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-spinner-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-spinner-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 100%, 39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%, 100%, 39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.landing-page.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

.pace-inactive {
    display: none
}

body.landing-page {
    background: url(../img/shattered.png) #fff;
    color: #292f3f;
    font-family: Microsoft YaHei, '宋体', Tahoma, Helvetica, Arial, sans-serif
}

.landing-page span.navy {
    color: #FF6E00
}

.landing-page p.text-color {
    color: #676a6c
}

.landing-page a.navy-link {
    color: #FF6E00;
    text-decoration: none
}

.landing-page a.navy-link:hover {
    color: #e66300
}

.landing-page section p {
    color: #999;
    font-size: 14px
}

.landing-page address {
    font-size: 14px
}

.landing-page h1, .landing-page h2 {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 500
}

.landing-page .navy-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 0;
    border-bottom: 2px solid #FF6E00
}

.landing-page .navbar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200
}

.landing-page .navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0
}

.landing-page .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px
}

.landing-page .navbar-default {
    background-color: transparent;
    border-color: transparent;
    transition: all .3s ease-in-out 0s
}

.landing-page .navbar-default.navbar-scroll {
    background-color: #2f4050;
    border-color: #2f4050;
    padding: 15px 0
}

.landing-page .dinghuo, .landing-page .fenxiao, .landing-page .o2o, .landing-page .shop {
    background-color: #1e90ff;
    border-color: #2f4050
}




.landing-page .navbar-nav > li > a {
    padding-top: 25px;
    border-bottom: 6px solid transparent
}

.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
    background: 0 0;
    color: #fff;
    border-bottom: 6px solid #FF6E00
}

.landing-page .navbar-default .navbar-nav > li > a:focus, .landing-page .navbar-default .navbar-nav > li > a:hover {
    color: #FF6E00;
    background: inherit
}

.landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: 0 0;
    color: #fff
}

.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
    background: 0 0;
    color: inherit
}

.landing-page .navbar-default .navbar-brand {
    background-color: #FF6E00 !important;
    color: #fff;
    height: auto;
    display: block;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    font-weight: 700;
    transition: all .3s ease-in-out 0s
}

.landing-page .navbar-default .navbar-brand:focus, .landing-page .navbar-default .navbar-brand:hover {
    background-color: #e66300 !important;
    color: #fff
}


.landing-page .navbar-wrapper .navbar.navbar-scroll {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e7eaec;
    border-radius: 0
}




.landing-page .navbar-scroll .navbar-nav > li > a {
    padding: 38px 0 0;
    margin: 0 20px
}

.landing-page .navbar-fixed-top {
    border: none !important
}

.landing-page .navbar-fixed-top.navbar-scroll {
    border-bottom: 1px solid #2f4050 !important;
    border-bottom: 0 solid #2f4050 !important
}

.landing-page .navbar-fixed-top.navbar-scroll .navbar-collapse {
    border-color: #2f4050 !important
}

.landing-page .navbar-fixed-top.navbar-scroll .navbar-collapse.in {
    overflow-y: auto
}

.landing-page .navbar.navbar-scroll .navbar-brand {
    background-color: transparent !important;
    border-radius: 0;
    font-size: 12px;
    padding: 10px;
    height: auto
}

.landing-page .header-back {
    height: 470px;
    width: 100%;
    background-image: linear-gradient(-180deg, #172a62 0, #01a7cf 100%)
}

.landing-page .carousel {
    height: 470px
}

.landing-page .carousel-caption {
    z-index: 10;
    opacity: .91
}

.landing-page .carousel-caption:hover {
    opacity: 1
}

.landing-page .carousel .item {
    height: 470px;
    background-color: #777
}

.landing-page .carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 470px
}

.landing-page .carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.landing-page .carousel-fade .carousel-inner .active {
    opacity: 1
}

.landing-page .carousel-fade .carousel-inner .active.left, .landing-page .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.landing-page .carousel-fade .carousel-inner .next.left, .landing-page .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.landing-page .carousel-fade .carousel-control {
    z-index: 2
}

.landing-page .carousel-control {
    width: 6%
}

.landing-page .carousel-control.left, .landing-page .carousel-control.right {
    background: 0 0
}

.landing-page .carousel-inner {
    overflow: visible
}

.landing-page .carousel-inner .container {
    position: relative
}

.landing-page .carousel-caption {
    position: absolute;
    top: 100px;
    left: 0;
    bottom: auto;
    right: auto;
    text-align: left
}

.landing-page .carousel-caption.blank {
    top: 140px
}

.landing-page .carousel-image {
    position: absolute;
    right: 10px;
    top: 150px;
    opacity: .91
}

.landing-page .carousel-image:hover {
    opacity: 1
}

.landing-page .carousel-image-left {
    position: absolute;
    left: 10px;
    top: 150px;
    opacity: .91
}

.landing-page .carousel-image-left:hover {
    opacity: 1
}

.landing-page .carousel-indicators {
    padding-right: 60px
}

.landing-page .carousel-caption h1, .landing-page .carousel-caption h2 {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    text-shadow: none;
    line-height: 50px
}

.landing-page .carousel-caption p {
    font-weight: 700;
    text-transform: uppercase
}

.landing-page .caption-link {
    color: #fff;
    margin-left: 10px;
    text-transform: capitalize
}

.landing-page .services h2, .skin-name a, .skin-setttings .title {
    text-transform: uppercase
}

.landing-page .caption-link:hover {
    text-decoration: none;
    color: inherit
}

.landing-page .services {
    padding-top: 60px
}

.landing-page .services h2 {
    font-size: 20px;
    font-weight: 600;
    height: 56px;
    line-height: 56px
}

.landing-page .features small {
    color: #FF6E00;
    font-size: 18px
}

.landing-page .features h2 {
    font-size: 18px;
    margin-top: 5px
}

.landing-page .features-text-alone {
    margin: 40px 0
}

.landing-page .features-text-alone h1, .landing-page .features-text-alone h2 {
    font-weight: 200
}

.landing-page .features-icon {
    color: #FF6E00;
    font-size: 40px
}

.landing-page .navy-section {
    margin-top: 60px;
    background: #FF6E00;
    color: #fff;
    padding: 20px 0
}

.landing-page .navy-section h1, .landing-page .navy-section h2, .landing-page .navy-section h3, .landing-page .navy-section h4, .landing-page .navy-section h5, .landing-page .navy-section h6, .landing-page .navy-section p, .landing-page .navy-section span {
    color: #fff
}

.landing-page .gray1-section {
    background: #f1f5ff;
    margin-top: 60px
}

.landing-page .gray-section {
    background: #f4f4f4;
    margin-top: 60px
}

.landing-page .white-section {
    background: #fff;
    margin-top: 60px
}

.landing-page .blue-section {
    background-color: #3494bc;
    margin-top: 60px
}

.landing-page .blue-section h1, .landing-page .blue-section h2, .landing-page .blue-section h3, .landing-page .blue-section h4, .landing-page .blue-section h5, .landing-page .blue-section h6, .landing-page .blue-section p, .landing-page .blue-section span {
    color: #fff
}

.landing-page .yellow-section {
    background-color: #ff0;
    margin-top: 60px
}

.landing-page .yellow-section h1, .landing-page .yellow-section h2, .landing-page .yellow-section h3, .landing-page .yellow-section h4, .landing-page .yellow-section h5, .landing-page .yellow-section h6, .landing-page .yellow-section p, .landing-page .yellow-section span {
    color: #fff
}

.landing-page .green-section {
    background-color: #33d5bd;
    margin-top: 60px
}

.landing-page .green-section h1, .landing-page .green-section h2, .landing-page .green-section h3, .landing-page .green-section h4, .landing-page .green-section h5, .landing-page .green-section h6, .landing-page .green-section p, .landing-page .green-section span {
    color: #fff
}

.landing-page .team-member {
    text-align: center
}

.landing-page .team-member img {
    margin: auto
}

.landing-page .social-icon a {
    background: #FF6E00;
    color: #fff;
    padding: 4px 8px;
    height: 28px;
    width: 28px;
    display: block;
    border-radius: 50px
}

.landing-page .social-icon a:hover {
    background: #e66300
}

.landing-page .img-small {
    height: 88px;
    width: 88px
}

.landing-page .pricing-plan {
    margin: 20px 30px 0;
    border-radius: 4px
}

.landing-page .pricing-plan.selected {
    transform: scale(1.1);
    background: #f4f4f4
}

.landing-page .pricing-plan li {
    padding: 10px 16px;
    border-top: 1px solid #e7eaec;
    text-align: center;
    color: #aeaeae
}

.landing-page .pricing-plan .pricing-price span {
    font-weight: 700;
    color: #FF6E00
}

.landing-page li.pricing-desc {
    font-size: 13px;
    border-top: none;
    padding: 20px 16px
}

.landing-page li.pricing-title {
    background: #FF6E00;
    color: #fff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600
}

.landing-page .testimonials {
    padding-top: 80px;
    padding-bottom: 90px;
    background-color: #FF6E00;
    background-image: url(../img/avatar_all.png)
}

.landing-page .big-icon {
    font-size: 56px !important
}

.landing-page .features .big-icon {
    color: #00c1de !important
}

.landing-page .btn-danger.btn-outline:hover, .landing-page .btn-info.btn-outline:hover, .landing-page .btn-primary.btn-outline:hover, .landing-page .btn-success.btn-outline:hover, .landing-page .btn-warning.btn-outline:hover, .setings-item a, .spin-icon {
    color: #fff
}

.landing-page .contact {
    background-image: url(../img/word_map.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top: 60px
}

.landing-page section.timeline {
    padding-bottom: 30px
}

.landing-page section.comments {
    padding-bottom: 80px
}

.landing-page .comments-avatar {
    margin-top: 25px;
    margin-left: 22px
}

.landing-page .comments-avatar .commens-name {
    font-weight: 600;
    font-size: 14px
}

.landing-page .comments-avatar img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 10px
}

.landing-page .bubble {
    position: relative;
    height: 120px;
    padding: 20px;
    background: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-style: italic;
    font-size: 14px
}

.landing-page .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 14px 0;
    border-color: #FFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    left: 30px
}

.landing-page .btn-primary {
    background-color: #FF6E00;
    border-color: #FF6E00;
    color: #FFF
}

.landing-page .btn-primary.active, .landing-page .btn-primary:active, .landing-page .btn-primary:focus, .landing-page .btn-primary:hover {
    background-color: #e66300;
    border-color: #e66300;
    color: #FFF
}

.landing-page .open .dropdown-toggle.btn-primary {
    background-color: #e66300;
    border-color: #e66300;
    color: #FFF
}

.landing-page .btn-primary.active[disabled], .landing-page .btn-primary.disabled, .landing-page .btn-primary[disabled], .landing-page fieldset[disabled] .btn-primary {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

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

.landing-page .btn-primary.disabled.active, .landing-page .btn-primary.disabled:active, .landing-page .btn-primary.disabled:focus, .landing-page .btn-primary.disabled:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.landing-page .btn-primary[disabled]:active, .landing-page .btn-primary[disabled]:focus, .landing-page .btn-primary[disabled]:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.landing-page fieldset[disabled] .btn-primary.active, .landing-page fieldset[disabled] .btn-primary:active, .landing-page fieldset[disabled] .btn-primary:focus, .landing-page fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

@media (min-width: 768px) {
    .landing-page .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .landing-page .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
        border-radius: 4px
    }

    .landing-page .carousel-caption p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 1.5
    }

    .landing-page .featurette-heading {
        font-size: 50px
    }
}

@media (max-width: 992px) {
    .landing-page .carousel-image {
        display: none
    }

    #nav-menu-agent, #nav-menu-demo {
        display: none !important
    }
}

@media (max-width: 768px) {
    .landing-page .carousel-caption {
        left: 5%;
        top: 80px;
        padding: 20px 24px 20px 10px !important
    }

    .landing-page .carousel-caption.blank {
        left: 5%;
        top: 80px
    }

    .landing-page .carousel-caption h1, .landing-page .carousel-caption h2 {
        font-size: 28px
    }

    .landing-page .navbar.navbar-scroll .navbar-brand {
        margin-top: 6px
    }

    .landing-page .navbar-default {
        background-color: #2f4050;
        border-color: #fff;
        padding: 15px 0
    }

    .landing-page .navbar-default .navbar-nav > .active > a:focus {
        background: 0 0;
        color: inherit
    }



    .landing-page .navbar-wrapper .navbar {
        padding-top: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #e7eaec;
        border-radius: 0
    }


    .landing-page .navbar .navbar-brand {
        margin-top: 6px;
        border-radius: 5px;
        font-size: 12px;
        height: auto
    }

    .landing-page .navbar-wrapper .navbar {
        padding-left: 15px;
        padding-right: 5px
    }

    .landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
        color: #FF6E00 !important
    }

    .landing-page .navbar .navbar-header {
        display: block;
        float: none
    }

    .landing-page .navbar .navbar-header .navbar-toggle {
        background-color: transparent;
        padding: 9px 10px;
        border: none;
        height: 60px;
        line-height: 60px
    }

    .landing-page .navbar .navbar-header .navbar-toggle:hover {
        background-color: transparent
    }

    #contact, #index_timeline {
        display: none
    }
}

body.rtls .theme-config, body.rtls .timeline-item .date i {
    left: 0;
    right: auto
}

@media (min-width: 992px) {
    .landing-page .featurette-heading {
        margin-top: 120px
    }
}

body.rtls #page-wrapper {
    margin: 0 220px 0 0
}

body.rtls .nav-second-level li a {
    padding: 7px 35px 7px 10px
}

body.rtls .ibox-title h5 {
    float: right
}

body.rtls .pull-right {
    float: left !important
}

body.rtls .pull-left {
    float: right !important
}

body.rtls .ibox-tools, body.rtls .stat-percent {
    float: left
}

body.rtls .navbar-right {
    float: left !important
}

body.rtls .navbar-top-links li:last-child {
    margin-right: 0
}

body.rtls .minimalize-styl-2 {
    float: right;
    margin: 14px 20px 5px 5px
}

body.rtls .feed-element > .pull-left {
    margin-left: 10px;
    margin-right: 0
}

body.rtls .timeline-item .date {
    text-align: left
}

body.rtls .timeline-item .content {
    border-right: 1px solid #e7eaec;
    border-left: none
}

body.rtls .toast-close-button {
    float: left
}

body.rtls #toast-container > .toast:before {
    margin: auto -1.5em auto .5em
}

body.rtls #toast-container > div {
    padding: 15px 50px 15px 15px
}

body.rtls .center-orientation .vertical-timeline-icon i {
    margin-left: 0;
    margin-right: -12px
}

body.rtls .vertical-timeline-icon i {
    right: 50%;
    left: auto;
    margin-left: auto;
    margin-right: -12px
}

body.rtls .file-box, body.rtls ul.notes li {
    float: right
}

body.rtls .chat-statistic, body.rtls .chat-users {
    margin-right: -30px;
    margin-left: auto
}

body.rtls .dropdown-menu > li > a {
    text-align: right
}

.blue-skin, .default-skin, .setings-item.skin, .skin-setttings .title, .ultra-skin, .yellow-skin {
    text-align: center
}

body.rtls .b-r {
    border-left: 1px solid #e7eaec;
    border-right: none
}

body.rtls .dd-list .dd-list {
    padding-right: 30px;
    padding-left: 0
}

body.rtls .dd-item > button {
    float: right
}

body.rtls .theme-config-box {
    margin-left: -220px;
    margin-right: 0
}

body.rtls .theme-config-box.show {
    margin-left: 0;
    margin-right: 0
}

body.rtls .spin-icon {
    border-radius: 0 20px 20px 0;
    right: 0;
    left: auto
}

body.rtls .skin-setttings {
    margin-right: 40px;
    margin-left: 0;
    direction: ltr
}

body.rtls .footer.fixed {
    margin-right: 220px;
    margin-left: 0
}

body.body-small.mini-navbar .footer.fixed, body.rtls.mini-navbar .footer.fixed {
    margin: 0 70px 0 0
}

body.body-small.mini-navbar .footer.fixed, body.rtls.mini-navbar.fixed-sidebar .footer.fixed {
    margin: 0
}

body.rtls.top-navigation .navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width: 992px) {
    body.rtls .chat-statistic, body.rtls .chat-users {
        margin-right: 0
    }
}

.body-small.rtls.top-navigation .navbar-header {
    float: none
}

.body-small.rtls .navbar-header, .setings-item .switch {
    float: right
}

body.rtls.top-navigation #page-wrapper {
    margin: 0
}

body.rtls.mini-navbar #page-wrapper {
    margin: 0 70px 0 0
}

body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
    margin: 0
}

body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0
}

.body-small.rtls .navbar-fixed-top {
    margin-right: 0
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 20px
}

body.rtls .top-navigation #page-wrapper, body.rtls .top-navigation .footer.fixed, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper, body.rtls.top-navigation .footer.fixed {
    margin: 0
}

@media (max-width: 768px) {
    body.rtls .navbar-top-links li:last-child {
        margin-left: 20px
    }

    .body-small.rtls #page-wrapper {
        position: inherit;
        margin: 0;
        min-height: 1000px
    }

    .body-small.rtls .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px
    }

    .body-small.rtls.mini-navbar .navbar-static-side {
        display: block
    }

    .rtls.fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px
    }

    .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block
    }
}

.rtls .ltr-support {
    direction: ltr
}

.rtls.mini-navbar .nav-second-level, .rtls.mini-navbar li.active .nav-second-level {
    left: auto;
    right: 70px
}

.rtls #right-sidebar {
    left: -260px;
    right: auto
}

.rtls #right-sidebar.sidebar-open {
    left: 0
}

.theme-config {
    position: absolute;
    top: 90px;
    right: 0;
    overflow: hidden
}

.theme-config-box {
    margin-right: -220px;
    position: relative;
    z-index: 2000;
    transition-duration: .8s
}

.theme-config-box.show {
    margin-right: 0
}

.spin-icon {
    background: #FF6E00;
    position: absolute;
    padding: 7px 10px 7px 13px;
    border-radius: 20px 0 0 20px;
    font-size: 16px;
    top: 0;
    left: 0;
    width: 40px;
    cursor: pointer
}

.skin-setttings {
    width: 220px;
    margin-left: 40px;
    background: #f3f3f4
}

.skin-setttings .title {
    background: #efefef;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px
}

.setings-item {
    padding: 10px 30px
}

.default-skin {
    font-weight: 600;
    background: #283A49
}

.default-skin:hover {
    background: #1e2e3d
}

.blue-skin {
    font-weight: 600;
    background: url(../img/header-profile-skin-1.png)
}

.blue-skin:hover {
    background: #0d8ddb
}

.yellow-skin {
    font-weight: 600;
    background: url(../img/header-profile-skin-3.png) 0 100%
}

.yellow-skin:hover {
    background: #ce8735
}

.ultra-skin {
    padding: 20px 10px;
    font-weight: 600;
    background: url(../img/3.png)
}

.ultra-skin:hover {
    background: url(../img/4.png)
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 220px;
        min-height: 1200px
    }

    .navbar-static-side {
        z-index: 2001;
        position: absolute;
        width: 220px
    }

    .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
        margin-left: auto
    }
}

@media (max-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0;
        min-height: 1000px
    }

    .body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px
    }

    .body-small.mini-navbar .navbar-static-side {
        display: block
    }

    .lock-word, .navbar-form-custom {
        display: none
    }

    .navbar-header {
        display: inline;
        float: left
    }

    .sidebard-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100% !important
    }

    .sidebar-content .wrapper {
        padding-right: 0;
        z-index: 1
    }

    .fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px
    }

    .fixed-sidebar.body-small.mini-navbar .navbar-static-side, .ibox-tools {
        display: block
    }

    .ibox-tools {
        float: none;
        text-align: right
    }

    #testimonials div, .mobile_hide div, .team-intro-box div {
        display: none !important
    }

    .fixed-side {
        display: none
    }
}

@media (max-width: 350px) {
    .timeline-item .date {
        text-align: left;
        width: 110px;
        position: relative;
        padding-top: 30px
    }

    .timeline-item .date i {
        position: absolute;
        top: 0;
        left: 15px;
        padding: 5px;
        width: 30px;
        text-align: center;
        border: 1px solid #e7eaec;
        background: #f8f8f8
    }

    .timeline-item .content {
        border-left: none;
        border-top: 1px solid #e7eaec;
        padding-top: 10px;
        min-height: 100px
    }

    .nav.navbar-top-links li.dropdown {
        display: none
    }

    .ibox-tools {
        float: none;
        text-align: left;
        display: inline-block
    }
}

@media (max-width: 1000px) {
    .welcome-message {
        display: none
    }
}

@media print {
    nav.navbar-static-side {
        display: none
    }

    #page-wrapper {
        margin: 0
    }
}

.scroll-pagination {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 99;
    width: 20px;
    margin: 0;
    *margin-top: -50px;
    padding: 0;
    list-style-type: none;
    -webkit-transform: translate3d(200, -50%, 0);
    transform: translate3d(200, -50%, 0)
}




.scroll-pagination li {
    position: relative;
    width: 14px;
    height: 14px;
    margin: 7px 0
}

.scroll-pagination a {
    display: block;
    width: 100%;
    height: 100%
}

.scroll-pagination a .dot {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-indent: -9999em;
    border: 2px solid #aaa;
    background: 0 0
}

.scroll-pagination a .title {
    position: absolute;
    top: 0;
    right: 20px;
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
    color: #0a0a0a;
    opacity: 0;
    filter: alpha(opacity=0) \9;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.scroll-pagination a:hover .title {
    opacity: 1;
    filter: alpha(opacity=100) \9
}

.scroll-pagination .active a .dot {
    width: 12px;
    height: 12px;
    background: #e66300
}

.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popover-content {
    width: 100px
}

.bg-odd {
    background: #dce5ee !important;
    color: #FF6E00
}

.bg-even {
    background: #c5d4e7 !important;
    color: #FF6E00
}

.map-china {
    background: url(../img/main6.jpg) center top no-repeat;
    height: 575px;
    display: block;
    position: relative
}

.map-china > p {
    position: absolute
}

.map-china > .p1 {
    top: 180px;
    right: 58%
}

.map-china > .p2 {
    top: 110px;
    left: 58%
}

.map-china > .p3 {
    top: 355px;
    left: 56%
}

.sales-main {
    background: url(../img/bg-img.jpg) no-repeat;
    height: 626px;
    width: 100%
}

.sales-main h2 {
    font-size: 32px;
    line-height: 40px;
    color: #343F48;
    text-align: center;
    display: inline-block;
    width: 1200px;
    margin: 50px auto 0
}

.point-body h3, .sales-main h3 {
    font-size: 14px;
    font-weight: lighter;
    text-align: center
}

.sales-main h3 {
    line-height: 25px;
    color: #343F48;
    display: block;
    width: 1200px;
    margin-top: 20px
}

.sales-main-body {
    width: 1200px;
    margin: 0 auto
}

.sales-con ul li {
    height: 160px;
    display: inline-block
}

.sales-con .pic {
    background: url(../img/activity_icon.png) no-repeat;
    display: block;
    height: 88px;
    margin: 25px auto 15px;
    position: relative;
    width: 88px;
    z-index: 2
}

.sales-con ul li.s01 .pic {
    background-position: 0 0
}

.sales-con ul li.s02 .pic {
    background-position: 0 -100px
}

.sales-con ul li.s03 .pic {
    background-position: 0 -200px
}

.sales-con ul li.s04 .pic {
    background-position: 0 -300px
}

.sales-con ul li.s05 .pic {
    background-position: 0 -400px
}

.sales-con ul li.s06 .pic {
    background-position: 0 -500px
}

.sales-con ul li.s07 .pic {
    background-position: 0 -600px
}

.sales-con ul li.s08 .pic {
    background-position: 0 -700px
}

.sales-con ul li.s09 .pic {
    background-position: 0 -800px
}

.sales-con ul li.s10 .pic {
    background-position: 0 -900px
}

.sales-con ul li.s11 .pic {
    background-position: 0 -1000px
}

.sales-con ul li.s12 .pic {
    background-position: 0 -1100px
}

.sales-con dl {
    color: #636363;
    margin: 0 auto 20px;
    position: relative;
    width: 150px;
    z-index: 2;
    text-align: center
}

.sales-con dl dt {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: center;
    color: #3a3a3a
}

.sales-con ul li:nth-child(12), .sales-con ul li:nth-child(6) {
    margin-right: 0
}

.point-main {
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    height: 670px;
    width: 100%
}

.point-body {
    width: 1200px;
    margin: 0 auto
}

.point-body h2, .point-con-top {
    margin: 50px auto 0
}

.point-body h2 {
    font-size: 32px;
    line-height: 40px;
    color: #343F48;
    text-align: center;
    display: inline-block;
    width: 1200px
}

.point-body h3 {
    line-height: 20px;
    color: #343F48;
    display: block;
    width: 1200px
}

.point-con-top dl dd, .point-img span, .point-img02 span {
    font-size: 14px;
    line-height: 25px
}

.point-con-top dl {
    height: 138px;
    display: inline-block
}

.point-con-top dl dt {
    height: 138px;
    display: block;
    float: left;
    margin-right: 10px
}

.point-con-top dl dd {
    color: #666;
    height: 138px;
    display: table-cell;
    vertical-align: middle
}

.point-img {
    margin: 132px 0 40px
}

.point-img span {
    color: #666;
    text-align: center;
    display: block;
    margin-top: 15px
}

.point-img02 {
    margin: 0 0 40px
}

.point-img02 span {
    color: #666;
    text-align: center;
    display: block;
    margin-top: 15px
}

.white-hover:hover {
    background-color: #ffc599;
    animation: .2s ease 0s normal none 1 running orangeIn;
    opacity: 1
}

.function-content {
    display: block;
    margin-top: 40px;
    overflow: hidden
}

.function-content-list {
    width: 1200px;
    margin: 25px auto 0;
    overflow: hidden
}

.function-content ul {
    font-size: 0;
    *word-spacing: -1px;
    margin: -1px 0 0 -1px
}

.function-content ul li {
    font-size: 12px;
    vertical-align: top;
    letter-spacing: normal;
    display: inline-block;
    *display: inline;
    border-style: dotted;
    border-color: #fff;
    border-width: 1px 0 0 1px;
    *zoom: 1;
    position: relative
}

.function-content ul li:hover {
    background-color: #FFF;
    animation: .2s ease 0s normal none 1 running orangeIn;
    opacity: 1
}

.function-content ul li span {
    animation: .4s ease 0s normal none 1 running orangeOut;
    background-color: #FFF;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0
}

.banner, .function-content .pic, .function-content dl, .main-w, .relative {
    position: relative
}

.function-content ul li:hover span {
    animation: .2s ease 0s normal none 1 running orangeIn;
    opacity: 1
}

.function-content .pic {
    display: block;
    width: 108px;
    height: 108px;
    margin: 25px auto;
    z-index: 2
}

.function-content dl {
    color: #99A1A7;
    margin: 0 auto 20px;
    z-index: 2
}

.contact_box_nr_fg .ft_logo, .ft_li_pd, .ft_li_pd p, .function-content dt {
    margin-bottom: 10px
}

.function-content dt {
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

@keyframes orangeIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes orangeOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.8)
    }
}

.btn-line {
    background-color: transparent !important
}

* {
    margin: 0;
    padding: 0;
    word-break: break-all;
    font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.tc {
    text-align: center !important
}

.tl {
    text-align: left !important
}

.wp70 {
    width: 70%
}

.main-w, .wp100 {
    width: 100%
}

.mt0 {
    margin-top: 0 !important
}

.martb50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mgtp2, .mt20 {
    margin-top: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mglt5 {
    margin-left: 30px
}

.mglt6 {
    margin-left: 60px
}

.pdl6 {
    padding-left: 60px
}

.fz14 {
    font-size: 14px
}

.ft_li_pd h2, .fz16 {
    font-size: 16px !important
}

.fontSize24 {
    font-size: 24px
}

.main-w {
    text-align: center;
    margin: 0 auto
}

.dsblk {
    display: block
}

.greybg {
    background-color: #f3f3f3
}

.mgtp5 {
    margin-top: 50px
}

.mgbtm5 {
    margin-bottom: 50px
}

.pdd2l {
    padding-left: 20px
}

.txtalt {
    text-align: left;
    line-height: 30px
}

.c-fff {
    color: #fff
}

.pddtop {
    padding-top: 20px
}

.pddtop5 {
    padding-top: 50px
}

.pddbtm {
    padding-top: 20px
}

.banner-btn {
    position: absolute;
    left: 46%;
    bottom: 20px
}

.banner-btn .btn-contact {
    margin-bottom: 0 !important
}

.introduce {
    width: 1180px;
    padding-top: 5px;
    clear: both;
    margin: 0 auto
}

.introduce_left, .introduce_left_small {
    font-size: 24px;
    text-align: center;
    color: #353736;
    margin: 0 20px;
    padding: 10px 0 12px
}

.small-tit {
    text-align: center;
    width: 900px;
    color: #444;
    margin: 0 auto 40px;
    font-size: 16px;
    line-height: 30px
}

.small-tit a {
    color: #31cbe3;
    margin-left: 20px
}

.ruanjianjieshao {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center
}

.wrap {
    margin: 0 auto
}

.banner {
    width: 100%;
    height: 578px
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.middle {
    vertical-align: middle !important
}

.scale li:hover {
    box-shadow: 0 0 10px #d5d5d5;
    transform: scale(1.1);
    transition: .1s
}

.btn-more-news {
    padding: 0 24px;
    line-height: 48px;
    border: 1px solid #00c1de;
    color: #00c1de;
    display: inline-block;
    margin: 40px 0 0;
    letter-spacing: 2px;
    font-size: 20px
}

.mall_btns {
    text-align: center
}

.mall_btns a {
    margin: 50px 20px 50px 0
}

.col-f {
    color: #fff
}

.bbc_a {
    padding: 30px 0 60px
}

.bbc_c {
    background: #f8f8f8
}

.banner_b2b span, .banner_bbc span, .banner_mall span, .immediate-exper {
    position: absolute;
    bottom: 10px;
    left: 46%
}

.banner_b2b span, .banner_bbc span, .banner_mall span, .immediate-exper, .mall_btns a {
    padding: 14px 40px;
    display: inline-block;
    background: #e45050;
    font-style: normal;
    color: #fff;
    border-radius: 2px;
    font-size: 20px
}

.cont-options, .index-solutions {
    background: #525252
}

.introduce-wrap {
    display: none
}

.mrt60 {
    margin-top: 60px
}

.mrb50 {
    margin-bottom: 50px
}

.mrt40 {
    margin-top: 40px
}

.mar-z {
    margin: 10px 0 30px
}

.w100 {
    width: 100% !important
}

.index-solutions ul {
    width: 100%;
    height: 400px;
    color: #fff
}

.index-solutions ul li {
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden
}

.index-solutions ul li.kjds {
    background: url(../img/kjds.png) no-repeat;
    background-size: 100% 100%
}

.index-solutions ul li.ncds {
    background: url(../img/ncds.png) no-repeat;
    background-size: 100% 100%
}

.index-solutions ul li.lsds {
    background: url(../img/lsds.png) no-repeat;
    background-size: 100% 100%
}

.index-solutions ul li.xls {
    background: url(../img/xls.png) no-repeat;
    background-size: 100% 100%
}

.index-solutions ul li span {
    width: 64px;
    height: 64px;
    display: inline-block;
    padding-bottom: 20px
}

.index-solutions ul li span.icon1 {
    background: url(../img/index-solutions-icon1.png) no-repeat
}

.index-solutions ul li span.icon2 {
    background: url(../img/index-solutions-icon2.png) no-repeat
}

.index-solutions ul li span.icon3 {
    background: url(../img/index-solutions-icon3.png) no-repeat
}

.index-solutions ul li span.icon4 {
    background: url(../img/index-solutions-icon4.png) no-repeat
}

.index-solutions ul li span.icon5 {
    background: url(../img/index-solutions-icon5.png) no-repeat
}

.index-solutions ul li .overview b {
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin: auto
}

.index-solutions ul li h4 {
    font-size: 16px;
    margin-top: 24px
}

.index-solutions ul li .overview {
    height: 100%
}

.index-solutions ul li .table {
    width: 100%;
    height: 100%
}

.index-solutions ul li .detail {
    position: absolute;
    left: 0;
    bottom: -400px;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 0 14px;
    box-sizing: border-box;
    transition: .5s
}

.index-solutions ul li .detail i.mask-blue {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0, 193, 222, .4);
    position: absolute;
    left: 0;
    top: 0
}

.index-solutions ul li .detail div {
    position: relative;
    z-index: 2
}

.index-solutions ul li.active .overview {
    opacity: 0;
    display: none
}

.index-solutions ul li.active .detail {
    opacity: 1;
    bottom: 0
}

.index-solutions ul li .detail {
    opacity: 0
}

.index-solutions ul li .detail h4 {
    margin-top: 0;
    margin-bottom: 26px
}

.index-solutions ul li .detail p {
    color: #fff;
    text-align: left;
    font-size: 14px
}

.index-solutions ul li .detail a {
    line-height: 30px;
    display: inline-block;
    padding: 0 36px;
    background: #fff;
    margin-top: 24px;
    color: #292f3f
}

.team-intro-bg {
    background: rgba(255, 255, 255, .12);
    width: 100%;
    position: absolute;
    top: 470px
}

.team-intro-bg .team-intro-box li {
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    margin: 0 !important;
    background: rgba(255, 255, 255, .05)
}

.team-intro-bg .team-intro-box li:hover {
    background: rgba(255, 255, 255, .15);
    color: #fff
}

.team-intro-bg .team-intro-box li.odd {
    background: rgba(255, 255, 255, .1)
}

.team-intro-bg .team-intro-box li div {
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.team-intro-bg .team-intro-box li div b {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #f2f2f2
}

.team-intro-bg .team-intro-box li a i, .team-intro-bg .team-intro-box li p i {
    font-size: 34px;
    color: #f2f2f2
}

.team-intro-bg .team-intro-box li a {
    line-height: 40px;
    height: 40px;
    display: inline-block
}

.team-intro-bg .team-intro-box li a .team-intro-box-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

.team-intro-bg .team-intro-box li p {
    line-height: 40px;
    height: 40px;
    display: inline-block
}

.team-intro-bg .team-intro-box li p .team-intro-box-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

.intro-item-module {
    background: rgba(255, 255, 255, .12);
    width: 100%
}

.intro-item-module .intro-item-box li {
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    margin: 0 !important;
    color: #fff
}

.intro-item-module .intro-item-box li:hover {
    color: #fff
}

.intro-item-module .intro-item-box li.odd:hover {
    color: #fff
}

.intro-item-module .intro-item-box li div {
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.intro-item-module .intro-item-box li div b {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #f2f2f2
}

.intro-item-module .intro-item-box li a {
    line-height: 44px;
    height: 44px;
    display: inline-flex
}

.intro-item-module .intro-item-box li a i {
    font-size: 28px;
    color: #f2f2f2
}

.intro-item-module .intro-item-box li a b {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #f2f2f2
}

.intro-item-module .intro-item-box li a .intro-item-box-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

.intro-item-module.active {
    position: fixed !important;
    top: 75px !important;
    z-index: 99;
    background-color: #ff7d1a !important;
    bottom: auto !important
}

.intro-item-module .intro-item-box li, .intro-item-module .intro-item-box li.odd, .intro-item-module .intro-item-box li.odd:hover, .intro-item-module .intro-item-box li:hover {
    background: 0 0
}

.intro-item-module .intro-item-box li span {
    font-size: 14px
}

.intro-item-module .intro-item-box li strong {
    font-size: 16px
}

.intro-item-module .intro-item-box li.active span {
    color: #FFF
}

.intro-team-module {
    background: rgba(6, 187, 210, .8);
    background: #fff
}

.intro-team-module .intro-team-box li {
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    margin: 0 !important;
    background: #fff;
    color: #999
}

.intro-team-module .intro-team-box li:hover {
    background-color: #f2f2f2
}

.intro-team-module .intro-team-box li.odd {
    background-color: #fff
}

.intro-team-module .intro-team-box li.odd:hover {
    background-color: #f2f2f2
}

.intro-team-module .intro-team-box li div {
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    font-size: 12px;
    color: #999;
    line-height: 28px;
    margin-top: 20px
}

.intro-team-module .intro-team-box li div b {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #888
}

.intro-team-module .intro-team-box li a {
    line-height: 100px;
    height: 100px;
    display: inline-flex
}

.intro-team-module .intro-team-box li a i {
    font-size: 60px;
    color: #888;
    margin-right: 10px
}

.intro-team-module .intro-team-box li a b {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #888
}

.contact_box_nr_fg p, .ft_li_pd a {
    color: #cfd0d0 !important
}

.intro-team-module .intro-team-box li a .intro-team-box-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

@media (max-width: 768px) {
    #nav-menu-products {
        display: none
    }

    #nb_nodeboard {
        bottom: 56px !important
    }
}

.nb-icon-wrap {
    display: none !important
}

.contact_box {
    width: 100%;
    background: #323232;
    padding-bottom: 70px;
    margin-top: 50px;
    padding-top: 20px
}

.contact_box_nr {
    padding: 10px 0
}

.contact_boxw {
    width: auto !important;
    margin-bottom: 20px
}

.contact_box_nr_fg {
    width: 100%;
    margin-bottom: 20px
}

.contact_box_nr_fg p {
    font-size: 14px;
    padding: 10px 0
}

.ft_2wm, .ft_li_pd, .ft_li_pd p {
    padding-left: 20px
}

.ft_li_pd {
    width: 100%
}

.ft_li_pd p {
    width: 23.3333%;
    float: left;
    font-size: 14px !important
}

.ft_li_pd h2 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 5px
}

.ft_logo img {
    margin: 0 10px
}

.ft_2wm {
    margin-bottom: 10px
}

.ft_2wm p {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin: 20px;
    vertical-align: top
}

.z_erweima {
    width: 4rem
}

.foots-mar {
    margin-top: 10px
}

.weght {
    font-weight: 600
}

.mobile_footer {
    width: 100%;
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
    height: 56px;
    background: #2f4050
}

.mobile_footer a {
    display: block;
    width: 24.7%;
    border-right: 1px solid #5a6172;
    float: left;
    height: 56px;
    padding-top: 36px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-position: 50% 7px;
    background-repeat: no-repeat;
    background-size: 24px 22px
}

.mobile_footer a:last-child {
    border-right: 0
}

.mobile_footer a:nth-child(1) {
    background-image: url(../img/home.png)
}

.mobile_footer a:nth-child(2) {
    background-image: url(../img/tel.png)
}

.mobile_footer a:nth-child(3) {
    background-image: url(../img/intro.png)
}

.mobile_footer a:nth-child(4) {
    background-image: url(../img/back_top.png)
}

@media only screen and (min-width: 768px) {
    .footerw {
        padding-left: 26px !important;
        margin-top: 20px
    }

    .ft_logo img {
        padding-left: 10px
    }

    .footer3 a {
        width: 24.9%;
        font-size: 14px !important
    }

    .menu-container {
        height: 100px
    }

    .ft_li_pd p {
        width: 22%
    }

    .ft_2wm {
        margin-top: 35px;
        padding-left: 0
    }

    .menu-mobile {
        top: 18px;
        right: 20px
    }

    .menu-mobile img {
        width: 100%;
        height: 100%;
        top: 0
    }

    .logos {
        position: absolute;
        top: 20px;
        left: 20px
    }

    .top-3, .top-4 {
        margin-right: 30px
    }

    .logos div {
        width: 230px;
        height: 56px
    }
}

i.circle-bg.zerocons {
    width: 120px;
    height: 120px;
    font-size: 60px;
    line-height: 120px;
    color: #6495ed;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px;
    border: 1px solid #6495ed
}

.module1 li, .module1-white li {
    line-height: 1.6;
    float: left;
    text-align: center
}

.module1 li {
    position: relative;
    z-index: 1;
    height: 338px;
    overflow: hidden;
    transition: all .4s
}

.module1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.module1 .module1-text, .module1-white li {
    height: 338px;
    transition: all .4s;
    overflow: hidden
}

.module1 .module1-text {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #fff
}

.module1-white li, .module3 li, .module3 ul {
    position: relative;
    z-index: 1
}

.module1 .module1-text .zerocons {
    display: block;
    margin: 100px auto 15px;
    font-size: 78px;
    line-height: 1;
    transition: all .4s
}

.module1 .module1-text h3 {
    padding-top: 25px;
    font-size: 18px;
    color: #fff;
    transition: all .4s
}

.module1 .module1-text p {
    width: 100%;
    padding-top: 40px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    visibility: hidden
}

.module1 li:hover .module1-text {
    background: rgba(61, 186, 247, .8)
}

.module1 li:hover .module1-text .zerocons {
    margin-top: 40px
}

.module1 li:hover .module1-text h3 {
    padding-top: 0
}

.module1 li:hover .module1-text p {
    visibility: visible
}

.module1-white img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.module1-white .module1-text {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 338px;
    color: #999;
    overflow: hidden;
    transition: all .4s
}

.module1-white .module1-text .zerocons {
    display: block;
    margin: 100px auto 15px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    transition: all .4s
}

.module1-white .module1-text i {
    background-color: #f8355e;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    line-height: 110px !important;
    color: #fff
}

.module1-white .module1-text h3 {
    padding-top: 25px;
    font-size: 18px;
    color: #999;
    transition: all .4s
}

.module1-white .module1-text p {
    width: 100%;
    padding-top: 40px;
    margin: 0 auto;
    font-size: 14px;
    color: #999;
    visibility: hidden
}

.module1-white li:hover .module1-text {
    background: #fff
}

.module1-white li:hover .module1-text .zerocons {
    margin-top: 40px
}

.module1-white li:hover .module1-text h3 {
    padding-top: 0
}

.module1-white li:hover .module1-text p {
    visibility: visible
}

.module2 li .zc, .module2 li .zerocons {
    display: block;
    width: 74px;
    height: 74px;
    font-size: 30px;
    line-height: 74px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    border-radius: 50%
}

.module3 ul {
    overflow: hidden
}

.module3 li {
    opacity: .8;
    margin-bottom: 20px;
    padding-top: 42px !important;
    border-radius: 10px;
    text-align: center
}

.module3 li .icon-bg, .module3 li .zerocons {
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 0);
    display: block;
    left: 50%
}

.module3 li:hover {
    opacity: 1
}

.module3 li .icon-bg {
    top: 0;
    z-index: -1;
    width: 84px;
    height: 84px;
    opacity: .8
}

.module3 li .zerocons {
    top: 6px;
    width: 72px;
    height: 72px;
    font-size: 40px;
    line-height: 72px;
    color: #fff;
    text-align: center
}

.module3 li .text {
    height: 229px;
    border-radius: 10px
}

.module3 li .text h3 {
    position: relative;
    z-index: 1;
    padding: 50px 0 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff
}

.module3 li .text h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 22px;
    height: 1px;
    margin-left: -11px;
    background: #fff
}

.module3 li .text p {
    margin: 0 3px;
    font-size: 12px;
    color: #fff
}

.module4 li {
    text-align: center
}

.module4 li .zerocons {
    width: 80px;
    height: 80px;
    font-size: 35px;
    line-height: 80px;
    color: #fff;
    border-radius: 50%;
    display: block;
    margin: 15px auto
}

.module4 li h3 {
    font-size: 14px
}

.module5-1 .module5-img {
    width: 495px;
    height: 285px
}

.module5-1 .module5-img img {
    width: 495px;
    border-radius: 8px;
    box-shadow: 0 0 22px rgba(0, 0, 0, .1)
}

.module5-2 .module5-text {
    padding-top: 60px !important
}

.module5-2 .module5-img img {
    width: 600px
}

.module5-2 .module5-img .img {
    position: relative;
    z-index: 1
}

.module5-2 .module5-img .img dl {
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    color: #aaa;
    text-align: center
}

.module5-2 .module5-img .img dl dt {
    float: left;
    width: 160px
}

.module5-2 .module5-img .img dl dd {
    float: right;
    width: 320px
}

.module5 .module5-text {
    width: 480px;
    padding-top: 5px
}

.module5 .module5-text h3 {
    padding-bottom: 15px;
    font-size: 18px;
    color: #292f3f
}

.module5 .module5-text p {
    margin-bottom: 25px;
    line-height: 22px
}

.module5 .module5-tab span {
    float: left;
    width: 98px;
    height: 30px;
    margin: 24px 0 0 24px;
    line-height: 30px;
    color: #aaa;
    text-align: center;
    cursor: pointer;
    border: 1px solid #aaa;
    border-radius: 2px
}

.module5 .module5-tab span.active {
    color: #fff;
    background: #3dbaf7;
    border-color: #3dbaf7
}

.module6 li {
    position: relative;
    z-index: 1;
    width: 290px;
    height: 380px;
    margin: 0 0 16px 16px;
    overflow: hidden;
    cursor: pointer
}

.module6 li .text, .module6 li .text-bg {
    position: absolute;
    left: 0;
    top: 320px;
    height: 380px;
    transition: all .4s
}

.module6 li img {
    width: 290px;
    height: 380px
}

.module6 li .text-bg {
    width: 290px;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80)
}

.module6 li .text {
    width: 260px;
    padding: 0 25px
}

.module6 li .text h3 {
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    color: #fff
}

.module6 li .text p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-align: left;
    transition: all .4s
}

.module6 li .text .info {
    height: 125px;
    padding-top: 20px
}

.module6 li .text a {
    display: block;
    width: 106px;
    height: 26px;
    margin: 40px auto 0;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    transition: all .3s
}

.module6 li .text a:hover {
    background: rgba(255, 255, 255, .15)
}

.module6 li:hover .text, .module6 li:hover .text-bg {
    top: 0
}

.module6 li:hover .text h3 {
    padding-top: 30px
}

.tabchange {
    padding: 0
}

.tabchange-tab {
    width: 250px;
    padding: 30px 0;
    background: #120f0f
}

.tabchange-tab li {
    position: relative;
    z-index: 1;
    padding: 15px 0 15px 55px;
    margin: 0 15px;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #292727;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: background .2s
}

.tabchange-tab .active {
    padding: 15px 0 15px 70px;
    margin: 0;
    background: #e8373d;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabchange-tab li .zerocons {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 35px;
    opacity: .7;
    filter: alpha(opacity=70);
    line-height: 56px
}

.tabchange-tab .active .zerocons {
    left: 25px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabchange-tab li h3 {
    font-size: 18px;
    margin: 0;
    line-height: 28.8px
}

.tabchange-tab li p {
    font-size: 14px;
    opacity: .7;
    filter: alpha(opacity=70);
    line-height: 22px;
    color: #fff
}

.tabchange-content {
    padding-top: 40px
}

.tabchange-content .tabchange-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    color: #fff
}

.tabchange-content .tabchange-item {
    margin-left: 20px;
    background-color: #fff
}

.tabchange-content dl {
    padding-top: 20px
}

.tabchange-content dl dt {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #999
}

.tabchange-content dl dd {
    height: 90px;
    font-size: 14px;
    line-height: 24px;
    color: #aaa
}

.tabchange-content .btn {
    width: 140px;
    height: 36px;
    padding: 0;
    font-size: 16px;
    line-height: 36px;
    background: #e8373d;
    border: none
}

.tabchange-content .tabchange-case {
    padding-top: 30px;
    margin-top: 45px;
    border-top: 1px dashed #eee;
    border-top: 1px dashed rgba(255, 255, 255, .2)
}

.tabchange-content .tabchange-case h4 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #fff
}

.tabchange-content .tabchange-case li {
    float: left;
    width: 150px;
    height: 60px;
    margin-left: 25px;
    overflow: hidden;
    background: #fff;
    border-radius: 3px
}

.tabchange-content .tabchange-case li img {
    display: block;
    width: 120px;
    margin: -28px auto 0
}

.btn-w {
    line-height: 30px;
    display: inline-block;
    padding: 0 36px;
    background: #fff;
    margin-top: 24px;
    color: #292f3f
}

.activity-con li {
    margin-bottom: 20px !important
}

.activity-con span {
    display: block;
    width: 88px;
    height: 88px;
    margin: 25px auto 15px;
    border-radius: 5px
}

.activity-con span i {
    font-size: 44px;
    color: #fff
}

.cc-wrap {
    min-width: 1210px
}

.cc {
    width: 1210px;
    padding: 75px 0 80px;
    margin: 0 auto
}

.cc .content {
    padding-top: 65px
}

.cc .title {
    position: relative;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 40px;
    color: #292f3f;
    text-align: center
}

.cc .title span {
    padding-left: 15px;
    color: #ff5339
}

.cc .desc {
    width: 900px;
    padding-bottom: 50px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    text-align: center
}

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

.cc li {
    float: left;
    line-height: 24px;
    text-align: center
}

.cc li h3 {
    font-size: 16px;
    color: #292f3f
}

.cc li p {
    padding-top: 10px;
    font-size: 14px;
    color: #666
}

.cc .btn {
    display: inline-block;
    padding: 12px 50px;
    font-size: 16px;
    color: #666;
    border: 1px solid #bbc0ce;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cc .btn:hover {
    color: #fff;
    background: #2ea7e0;
    border-color: #2ea7e0
}

.module-3 {
    background: url(../img/module2-bg.png) center center no-repeat;
    background-size: cover
}

.module-3-tab {
    width: 399px;
    display: block;
    margin: 50px auto 0
}

.module-3-tab li {
    display: block;
    width: 133px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background: #464d5b;
    background: rgba(255, 255, 255, .1)
}

.module-3-tab li.active {
    background: #ff613a
}

.module-3-item {
    position: relative;
    z-index: 1;
    height: 376px;
    padding-top: 55px;
    color: #fff
}

.module-3-item img, .span00, .span01, .span010, .span011, .span16, .span8 {
    position: absolute
}

.module-3-item h3 {
    padding-top: 28px;
    font-size: 22px
}

.module-3-item h3 span {
    margin-left: 10px;
    font-size: 16px;
    vertical-align: bottom
}

.module-3-item ul {
    width: 690px;
    float: left;
    font-size: 14px;
    margin-top: 32px
}

.module-3-item ul li {
    width: 124px;
    line-height: 40px;
    margin-left: 14px;
    margin-bottom: 14px;
    border: 1px dashed #646971
}

.module-3-item img {
    top: 55px;
    right: -38px
}

.module-3-item .w664 {
    width: 688px
}

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

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

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

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

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

#newBridge #nbWebImLightContainer {
    width: 400px !important
}

.span00 {
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid rgba(0, 168, 255, .3);
    border-radius: 1px
}

.span1 {
    top: 50px;
    left: 130px;
    animation: o2osp1 2s linear infinite alternate
}

.span2 {
    top: 95px;
    left: 310px;
    animation: o2osp2 2s linear infinite alternate
}

.span3 {
    width: 10px;
    height: 10px;
    background-color: rgba(254, 197, 69, .3);
    top: 200px;
    left: 10px;
    border: 0;
    animation: o2osp3 2s linear infinite alternate
}

.span01, .span5 {
    background-color: rgba(255, 0, 0, .2)
}

.demo-sub .arrow, .span8 {
    border-left: 8px solid transparent
}

.juanquan1, .juanquan2, .o2oxiao6, .o2oxiao7, .span01, .span010, .span16 {
    border-radius: 50%
}

@keyframes o2osp1 {
    100% {
        top: 90px;
        left: 130px
    }
}

@keyframes o2osp2 {
    100% {
        top: 130px;
        left: 310px
    }
}

@keyframes o2osp3 {
    100% {
        top: 160px;
        left: 10px
    }
}

.span01 {
    display: block;
    width: 25px;
    height: 25px
}

.span4 {
    top: 50px;
    left: 330px;
    animation: o2osp4 2s linear infinite alternate
}

.span5 {
    width: 8px;
    height: 8px;
    top: 140px;
    left: 430px;
    animation: o2osp5 2s linear infinite alternate
}

.span6 {
    width: 50px;
    height: 50px;
    top: 70px;
    left: 169px;
    background-color: rgba(250, 168, 183, .2);
    z-index: 1;
    animation: o2osp66 2s linear infinite alternate
}

@keyframes o2osp66 {
    100% {
        top: 85px;
        left: 169px
    }
}

.span7 {
    width: 130px;
    height: 130px;
    top: 0;
    left: 185px;
    background-color: #ffefd8;
    z-index: 2
}

.span8 {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 16px solid rgba(255, 184, 25, .3);
    top: 80px;
    right: 129px;
    z-index: 2
}

@keyframes o2osp4 {
    100% {
        top: 0;
        left: 330px
    }
}

@keyframes o2osp5 {
    100% {
        top: 180px;
        left: 430px
    }
}

@keyframes o2osp6 {
    100% {
        top: 100px;
        left: 130px
    }
}

.span010 {
    display: block
}

.span11 {
    width: 20px;
    height: 20px;
    left: 10px;
    background-color: rgba(248, 231, 28, .3);
    animation: o2osp11 2s linear infinite alternate
}

@keyframes o2osp11 {
    100% {
        top: 70px;
        left: 10px
    }
}

.span12 {
    width: 10px;
    height: 10px;
    top: 70px;
    left: 480px;
    background-color: rgba(234, 97, 72, .3);
    animation: o2osp12 3s linear infinite alternate
}

.span13, .span15, .span16 {
    width: 8px;
    height: 8px
}

@keyframes o2osp12 {
    100% {
        top: 40px;
        left: 480px
    }
}

.span13 {
    top: 150px;
    left: 375px;
    background-color: rgba(214, 50, 70, .4);
    animation: o2osp13 2s linear infinite alternate
}

@keyframes o2osp13 {
    100% {
        top: 110px;
        left: 375px
    }
}

.span011 {
    border-radius: 1px
}

.span14 {
    width: 10px;
    height: 10px;
    top: -20px;
    left: 130px;
    border: 1px solid rgba(134, 151, 203, .3);
    animation: o2osp14 4s linear infinite alternate
}

@keyframes o2osp14 {
    100% {
        top: 50px;
        left: 130px
    }
}

.span15 {
    top: 210px;
    left: 440px;
    border: 1px solid rgba(255, 217, 71, .4);
    animation: o2osp15 2s linear infinite alternate
}

@keyframes o2osp15 {
    100% {
        top: 170px;
        left: 440px
    }
}

.span16 {
    top: 0;
    left: 200px;
    border: 1px solid rgba(237, 138, 26, .7)
}

.juanquan1, .juanquan2 {
    height: 180px;
    width: 180px;
    position: absolute
}

.juanquan1 {
    top: 5px;
    left: 0;
    transform: rotateZ(0);
    animation: juanquan01 6s ease infinite
}

@keyframes juanquan01 {
    100% {
        transform: rotateZ(360deg)
    }
}

.juanquan2 {
    top: 6px;
    left: 331px
}

.o2oxiao1 {
    height: 30px;
    width: 30px;
    z-index: 2;
    position: absolute;
    top: -13px;
    left: 73px
}

.o2oxiao2 {
    height: 47px;
    width: 47px;
    z-index: 2;
    position: absolute;
    top: 150px;
    left: 40px
}

.o2oxiao3 {
    height: 40px;
    width: 40px;
    z-index: 2;
    position: absolute;
    top: -6px;
    left: 24px
}

.o2oxiao5, .o2oxiao6 {
    top: 100px;
    position: absolute;
    z-index: 2
}

.o2oxiao4 {
    height: 30px;
    width: 30px;
    z-index: 2;
    position: absolute;
    bottom: 30px;
    left: -3px
}

.o2oxiao5 {
    height: 35px;
    width: 35px;
    right: -14px
}

.o2oxiao6 {
    height: 6px;
    width: 6px;
    left: -36px;
    border: 1px solid red
}

.o2oxiao7 {
    height: 10px;
    width: 10px;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 166px;
    border: 1px solid red
}

.jia0, .jia11, .jia12 {
    width: 105px;
    border-radius: 50%;
    bottom: 13px
}

.jia0 {
    height: 104px;
    position: absolute;
    left: 14px;
    animation: jia01 11s linear infinite
}

@keyframes jia01 {
    100% {
        transform: rotateZ(360deg)
    }
}

.jia11 {
    height: 104px;
    position: absolute;
    left: 182px;
    animation: jia1101 11s linear infinite
}

@keyframes jia1101 {
    100% {
        transform: rotateZ(360deg)
    }
}

.jia12 {
    height: 104px;
    position: absolute;
    left: 351px;
    animation: jia1201 11s linear infinite
}

.jia5, .jia6 {
    width: 20px;
    height: 20px;
    position: absolute
}

@keyframes jia1201 {
    100% {
        transform: rotateZ(360deg)
    }
}

.jia5 {
    top: 0;
    left: 75px
}

.jia6 {
    bottom: 10px;
    left: 0
}

#news-box .mx7 ul li dl, .last-bottom-mid-m, .mid-m-bottom, .tab-li-box {
    position: relative
}

.jia2 {
    left: 10px;
    bottom: 0
}

.jia3 {
    left: 90px;
    bottom: 20px
}

.jia4 {
    left: 80px;
    bottom: 80px
}

.jia1 {
    left: -10px;
    top: 50px
}

.flexibly-typesetting-last {
    width: 100%;
    min-width: 1200px
}

.flexibly-typesetting-last-inner {
    width: 1200px;
    margin: 0 auto
}

.flexibly-last-top {
    width: 100%;
    height: 298px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #707070;
    text-align: center
}

.flexibly-last-top div h4 {
    font-size: 34px;
    color: #3D3D3D;
    margin-bottom: 20px
}

.last-bottom-mid-l div, .last-bottom-top-two div {
    color: #445363;
    font-size: 18px;
    text-align: center
}

.flexibly-last-top div div {
    width: 820px
}

.flexibly-last-bottom {
    width: 100%;
    margin: 30px auto
}

.last-bottom-bot, .last-bottom-top {
    width: 1100px;
    height: 151px;
    margin: 0 auto;
    display: flex
}

.last-bottom-top-one {
    width: 142px;
    height: 151px
}

.last-bottom-top-two {
    width: 319px;
    height: 151px;
    display: flex;
    justify-content: center;
    align-items: center
}

.last-bottom-mid {
    width: 1100px;
    height: 320px;
    margin: 0 auto;
    padding: 13px 0;
    display: flex
}

.last-bottom-mid-l {
    width: 133px;
    height: 326px;
    display: flex;
    align-items: center;
    justify-content: center
}

.last-bottom-mid-l div {
    writing-mode: vertical-lr;
    writing-mode: tb-rl
}

.last-bottom-mid-m {
    width: 750px;
    height: 326px;
    background: url(../img/downarros.png) 54% no-repeat
}

.mid-m-top {
    width: 750px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6A7887;
    font-size: 18px
}

.mid-m-top-left {
    width: 72px;
    height: 68px;
    box-sizing: border-box;
    margin-left: 50px;
    margin-right: 70px;
    line-height: 30px
}

.mid-m-top-right {
    width: 72px;
    height: 43px
}

.mid-m-mid {
    width: 745px;
    height: 100px;
    padding: 5px;
    box-sizing: border-box
}

.mid-m-mid-inner {
    width: 100%;
    height: 100%;
    border: 1px solid #445363;
    border-radius: 10px;
    margin-left: 20px
}

.wap-title-wrapper {
    width: 800px;
    height: 42px;
    margin-top: 20px;
    margin-left: -20px;
    display: flex
}

.wap-title {
    width: 144px;
    height: 42px;
    line-height: 42px;
    margin-right: 16px;
    text-align: center;
    border-radius: 20px;
    background: #445363;
    font-size: 16px;
    color: #FFF
}

.data-syn-wrapper {
    width: 195px;
    height: 62px;
    padding-bottom: 5px;
    position: absolute;
    top: -20px;
    left: 40%
}

.data-syn {
    width: 195px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    background: #43A6FF;
    font-size: 18px;
    color: #FFF
}

.last-bottom-mid-r {
    width: 127px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 58px;
    font-size: 16px
}

.last-bottom-mid-r div {
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    text-align: center
}

.bbc-func-con {
    background: #f1f5ff;
    margin-top: 35px;
    margin-bottom: 60px
}

.bbc-func-tab li {
    float: none;
    display: block;
    width: 186px;
    height: 130px;
    padding: 20px 0;
    margin: 0 auto;
    color: #292f3f;
    cursor: pointer;
    background: #fff;
    text-align: center;
    font-size: 20px
}

.bbc-func-tab li .iconfont {
    font-size: 30px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    border-radius: 100%;
    border: 1px solid #FF6E00;
    text-align: center;
    background: #FF6E00;
    color: #fff
}

.bbc-func-tab li span {
    line-height: 40px
}

.bbc-func-tab li.active {
    background: #FF6E00;
    color: #FFF
}

.bbc-func-tab li.active .iconfont {
    background: #FFF;
    color: #FF6E00
}

.bbc-func-item {
    color: #4c4c4c;
    overflow: hidden;
    padding-top: 70px
}

.bbc-func-item .bbc-func-text {
    float: right
}

.bbc-func-item .bbc-func-text.w310 {
    width: 310px
}

.bbc-func-item .bbc-func-text.w420 {
    width: 420px
}

.bbc-func-item .bbc-func-text.w580 {
    width: 580px
}

.bbc-func-item h3 {
    padding: 25px 0 20px 5px;
    font-size: 22px;
    line-height: 35px;
    text-align: left
}

.bbc-func-item h3 span {
    font-size: 16px;
    vertical-align: bottom
}

.bbc-func-item li {
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    color: #292f3f;
    text-align: left
}

.bbc-func-item li.col-2 {
    width: 50%
}

.bbc-func-item li.col-4 {
    width: 25%
}

.bbc-func-item li .iconfont {
    color: #FF6E00
}

.col-2 {
    width: 50%;
    float: left
}

.footer-menu-list {
    list-style: none;
    text-align: center;
    margin-bottom: 5px
}

.footer-menu-list li {
    display: inline;
    padding: 0 7px 0 5px;
    border-right: 1px solid #757575
}

.footer-menu-list li:last-child {
    border-right: none
}

.footer-menu-list li a:hover {
    text-decoration: underline;
    transition: all .3s
}

#news-box .mx7 {
    padding-top: 40px;
    margin: 0 auto;
    text-align: center
}

#news-box .mx7 h1 {
    font-size: 23px;
    color: #343434;
    margin-bottom: 19px
}

#news-box .mx7 p {
    color: #868585;
    font-size: 14px;
    margin-bottom: 76px
}

#news-box .mx7 ul li {
    text-align: left
}

#news-box .mx7 ul li:last-child {
    margin: 0
}

#news-box .mx7 ul li h2 {
    margin-bottom: 27px;
    font-size: 18px;
    color: #343434;
    text-align: left;
    line-height: 13px
}

#news-box .mx7 ul li h2 ins {
    display: inline-block;
    width: 4px;
    height: 13px;
    background: #FF6E00;
    margin-right: 15px
}

#news-box .mx7 ul li dl {
    margin-bottom: 8px;
    overflow: hidden
}

#news-box .mx7 ul li dl dt a img {
    transition: .5s
}

#news-box .mx7 ul li dl dt a img:hover {
    transform: scale(1.1, 1.1)
}

#news-box .mx7 ul li dl dd {
    text-align: left;
    position: absolute;
    font-size: 14px;
    height: 46px;
    padding: 13px 24px 15px 18px;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#news-box .mx7 ul li p {
    padding: 8px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0
}

#news-box .mx7 ul li:hover > a, #news-box .mx7 ul li > a {
    font-size: 14px;
    line-height: 28px;
    margin-top: 5px;
    text-align: center
}

#news-box .mx7 ul li p a {
    color: #1A1A1A
}

#news-box .mx7 ul li p a:hover {
    color: #FF6E00
}

#news-box .mx7 ul li > a {
    display: inline-block;
    width: 100px;
    height: 28px;
    border: 1px solid #A0A0A0;
    color: #A0A0A0
}

#news-box .mx7 ul li:hover > a {
    border-color: #FF6E00;
    color: #FF6E00
}

.href {
    transition-timing-function: linear
}

.href:hover {
    animation: myfirst 2s;
    animation-iteration-count: infinite
}

@keyframes myfirst {
    0% {
        background: #fff;
        color: #FF6E00;
        box-shadow: 1px 1px 10px 1px rgba(9, 247, 255, .58)
    }
    25% {
        background: #fff;
        color: #FF6E00;
        box-shadow: 1px 1px 20px 2px rgba(9, 247, 255, .58)
    }
    50% {
        background: #fff;
        color: #FF6E00;
        box-shadow: 1px 1px 30px 3px rgba(9, 247, 255, .4)
    }
    75% {
        background: #fff;
        color: #FF6E00;
        box-shadow: 1px 1px 20px 5px rgba(9, 247, 255, .58)
    }
    100% {
        background: #fff;
        color: #FF6E00;
        box-shadow: 1px 1px 10px 3px rgba(9, 247, 255, .58)
    }
}

.shiyong {
    background: #1C88FC !important
}

.shiyong:hover {
    border: 1px solid #1C88FC !important;
    background: 0 0 !important;
    color: #1C88FC !important
}

.datail_btn {
    position: absolute;
    bottom: 34px;
    left: 21px
}

.table-box {
    padding-left: 410px;
    margin: 0 auto;
    background: url(../img/yewu_bg.jpg) no-repeat #2b6a96;
    height: 508px
}

.table-box ul {
    height: 118px
}

.table-box ul li {
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #FF6E00;
    float: left;
    width: 33.3%;
    height: 117px;
    line-height: 20px
}

.table-box ul li label {
    margin-top: 30px;
    margin-bottom: 13px;
    max-width: 100%
}

.table-box ul li label i {
    font-size: 34px !important
}

.table-box ul li p {
    font-size: 15px;
    color: #fff;
    margin-top: 16px
}

.table-box ul li:hover, .table-box > ul > li.active {
    background: #FF6E00
}

.table-box > ul > li > p {
    margin-top: 0
}

.table-box .table {
    display: block;
    height: 302px;
    padding: 10px 34px 45px 53px
}

.table-box .table ul li {
    float: left;
    cursor: pointer;
    width: 144px;
    height: 144px;
    overflow: hidden;
    transition: .6s;
    transition-timing-function: linear;
    margin: 14px 10px;
    border: 1px solid transparent
}

.table-box .table ul li .ico {
    width: 144px;
    height: 144px;
    transition: .6s;
    transition-timing-function: linear;
    margin-top: 30px;
    margin-bottom: 13px
}

.table-box .table ul li:hover {
    border: 1px solid #fff;
    border-radius: 50%
}

.table-box .table ul li:hover .ico {
    display: none
}

.table-box .table ul li:hover .text {
    transform: scale(1, 1)
}

.table-box .table ul li .text {
    transform: scale(0, 1);
    width: 138px;
    height: 138px;
    transition: .6s;
    transition-timing-function: linear;
    padding: 17px 18px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin: 2px 0 0 2px;
    font-size: 12px;
    overflow: hidden;
    color: #000
}

.table-box .table ul li .text h3 {
    font-size: 16px;
    color: #FF6E00;
    margin-bottom: 13px;
    line-height: 16px
}

.tab-contents-box {
    height: 504px;
    overflow: hidden;
    width: 100%
}

.tab-li-box ul li {
    transition: .6s;
    text-align: center
}

.tab-li-box ul li:hover {
    margin-top: -10px
}

.tab-li-box ul li img {
    margin-bottom: 20px
}

.tab-li-box ul li p {
    margin: 0 0 10px
}

.tab-li-box ul li:last-child {
    margin-right: 0
}

.jiantou {
    transition: .6s;
    position: absolute;
    width: 240px;
    height: 10px;
    bottom: -167px;
    left: 0;
    padding-left: 18px
}

.tab-contents-item {
    float: left;
    margin: 0 auto;
    padding-top: 39px;
    transition: 1.6s;
    position: absolute
}

.tab-contents-item ul li div {
    float: left;
    position: relative;
    height: 200px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 15px;
    margin: 0 0 30px;
    padding: 10px
}

.tab-contents-item ul li div h1 img, .tab-contents-item ul li div h2 img {
    margin-left: 17px
}

.tab-contents-item ul li div:last-child, .tab-contents-item ul li div:nth-of-type(3) {
    margin-right: 0
}

.tab-contents-item ul li div h1 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.tab-contents-item ul li div h2 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.tab-contents-item ul li div a {
    display: none;
    border-radius: 5px;
    background: #FF6E00;
    color: #fff;
    text-align: center;
    line-height: 23px;
    position: absolute;
    bottom: 16px;
    left: 25px;
    padding: 4px
}

.tab-contents-item ul li div:hover {
    border-color: #FF6E00
}

.tab-contents-item ul li div:hover a {
    display: block
}

.top-banner {
    height: 150px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%
}

.bg-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9)
}

.top-banner .container {
    position: relative;
    padding-top: 10px
}

.top-banner h1 {
    color: #FF6E00;
    font-weight: 700;
    line-height: inherit
}

.top-banner h2 {
    font-weight: 700
}

.top-banner span {
    font-size: 12px;
    color: #999
}

.top-banner .btn-close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.paotui_intro_box {
    margin-top: 30px;
    min-width: 1200px;
    height: 440px;
    background: url(../img/paotui_intro_bg.png) center 33px no-repeat #F3F3F3
}

.graph_item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    line-height: 24px
}

.shop_graph {
    margin-top: -190px;
    margin-left: -530px
}

.res_graph {
    margin-top: 70px;
    margin-left: -530px
}

.full_time_staff {
    margin-top: -190px;
    margin-left: 330px
}

.part_time_person {
    margin-top: 70px;
    margin-left: 330px
}

.graph_item h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #ff700c
}

.core-func .core-func-list {
    margin-top: 30px
}

.core-func .core-func-list .list-item {
    height: 140px;
    margin-bottom: 30px
}

.core-func .core-func-list .list-item .item-pic {
    border: 1px solid #2ba5f0;
    border-radius: 10px;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    padding: 25px
}

.core-func .core-func-list .list-item h3 {
    color: #666;
    padding: 15px 0;
    font-weight: 400
}

.app-box {
    width: 1200px;
    margin: 0 auto
}

.app-box ul {
    width: 956px;
    height: 450px;
    margin: 0 auto;
    text-align: center;
    background: url(../img/app_fm.png) center no-repeat
}

.app-box ul li {
    color: #CEF2FF;
    position: relative;
    left: 5px
}

.app-box ul li:nth-of-type(1) {
    top: 120px
}

.app-box ul li:nth-of-type(2) {
    top: 220px
}

.app-box ul li p {
    width: 100%;
    height: 28px;
    font-size: 14px
}

.app-box ul li p:nth-of-type(1) {
    font-size: 18px
}

.app-box ul li p span {
    float: left;
    display: inline-block;
    text-align: right;
    width: 180px;
    clear: left;
    color: #fff
}

.app-box ul li p em {
    float: right;
    display: inline-block;
    text-align: left;
    width: 190px;
    font-style: normal;
    color: #fff
}

.mode-compare {
    width: 1073px;
    margin: 0 auto;
    padding: 18px 11px 11px;
    background: #53D2FF
}

.mode-compare table {
    border-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.mode-compare table tr td {
    text-align: center;
    background: #fff;
    font-size: 14px;
    border: 1px solid #53d2ff
}

.mode-compare table tr:first-child td {
    background: #53d2ff;
    font-size: 20px;
    color: #fff;
    border: none
}

.mode-compare table tr td:first-child {
    width: 175px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.mode-compare table tr td:nth-of-type(2) {
    width: 466px
}

.mode-compare table tr td:last-child {
    width: 434px
}

.mode-compare table tr td span {
    display: block;
    color: #53d2ff
}

.mode-compare table tr td em {
    color: #53d2ff
}

.shopfunc-box {
    margin: 0 auto
}

.shopfunc-box dl {
    float: left;
    padding: 33px 21px 15px 22px;
    text-align: center
}

.shopfunc-box dl dt {
    height: 76px;
    text-align: center
}

.shopfunc-box dl dt img {
    height: 100%;
    display: inline-block
}

.shopfunc-box dl dd:nth-of-type(1) {
    font-size: 18px;
    padding: 18px 0 17px
}

.shopfunc-box dl dd:nth-of-type(2) {
    text-align: left
}

.shopfunc-box dl:hover {
    border-color: transparent;
    box-shadow: 1px 1px 34px 1px rgba(0, 0, 0, .3)
}

.shopfunc-box::after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 200%;
    height: 200%;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    color: #e5e5e5;
    transform-origin: 0 0;
    transform: scale(.5, .5)
}

.shopfunc-box dl {
    border: 0 solid #E2E2E2;
    position: relative;
    width: 20%;
    min-height: 250px;
    max-height: 250px
}

.shopfunc-box dl::after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 200%;
    height: 200%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    transform-origin: 0 0;
    transform: scale(.5, .5)
}

.ss-icon-bg {
    width: 76px;
    height: 76px;
    font-size: 40px;
    line-height: 76px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    background: #d9e4e8;
    color: #ff5353
}

.ss-icon-bg.icon-xiangyingshi:before {
    padding-top: 3px
}

.standard-shop-product {
    padding: 0 0 30px;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../img/shop-standard.jpg);
    background-size: cover
}

.standard-shop-product .standard ul {
    margin-left: -30px
}

.standard-shop-product .standard ul li {
    float: left;
    width: 360px;
    height: 330px;
    margin-left: 30px;
    margin-bottom: 30px;
    background: #fff;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 2px
}

.standard-shop-product .standard ul li .shop-info {
    padding: 20px;
    text-align: center
}

.standard-shop-product .standard ul li .shop-info .sta-ico {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.standard-shop-product .standard ul li .shop-info .sta-ico i {
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    width: 65px;
    height: 65px
}

.standard-shop-product .standard ul li .shop-info .title {
    font-size: 28px;
    color: #292f3f;
    line-height: 30px;
    display: block;
    height: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: 400
}

.standard-shop-product .standard ul li .shop-info .description {
    font-size: 15px;
    color: #888;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 20px
}

.standard-shop-product .standard ul li .shop-info .btn {
    display: inline-block;
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    margin: 0 5px;
    padding: 0;
    background: 0 0;
    border-radius: 20px;
    border: 1px solid #666;
    color: #666
}

.standard-shop-product .standard ul li .shop-info .sta-ico span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    display: inline-flex
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg1 i {
    color: #518be3
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg2 i {
    color: #7275f4
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg7 i {
    color: #FF9354
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg8 i {
    color: #F6516F
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg3 i {
    color: #ff7673
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg4 i {
    color: #fcc849
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg5 i {
    color: #ffa51c
}

.standard-shop-product .standard ul li .shop-info .sta-ico span.bg6 i {
    color: #77c5ee
}

.standard-shop-product .standard ul li .shop-info .sta-ico span i {
    font-size: 46px
}

.standard-shop-product .standard ul li .shop-info .btn-detail:hover {
    background: #666;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg01 {
    border: 1px solid #12af74;
    color: #12af74
}

.standard-shop-product .standard ul li .shop-info .btn-reg01:hover {
    background: #12af74;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg02 {
    border: 1px solid #3080de;
    color: #3080de
}

.standard-shop-product .standard ul li .shop-info .btn-reg02:hover {
    background: #3080de;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg03 {
    border: 1px solid #ff7cac;
    color: #ff7cac
}

.standard-shop-product .standard ul li .shop-info .btn-reg03:hover {
    background: #ff7cac;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg04 {
    border: 1px solid #7784d9;
    color: #7784d9
}

.standard-shop-product .standard ul li .shop-info .btn-reg04:hover {
    background: #7784d9;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg05 {
    border: 1px solid #ff5656;
    color: #ff5656
}

.standard-shop-product .standard ul li .shop-info .btn-reg05:hover {
    background: #ff5656;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg06 {
    border: 1px solid #f5a500;
    color: #f5a500
}

.standard-shop-product .standard ul li .shop-info .btn-reg06:hover {
    background: #f5a500;
    color: #fff
}

.standard-shop-product .standard ul li .shop-info .btn-reg:hover {
    background: #e5004f;
    color: #fff
}

.standard-shop-product .standard ul li:hover {
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, .5)
}

.standard-shop-product .standard ul li:hover .shop-info .sta-ico {
    margin-top: 10px;
    margin-bottom: 10px
}

.ddservice .ss-core .pro-list {
    float: left;
    text-align: center;
    box-sizing: border-box;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid #ededed
}

.ddservice .ss-core .pro-list .pro-img {
    font-size: 0;
    height: 220px;
    position: relative
}

.ddservice .ss-core .pro-list .pro-img em {
    display: block;
    overflow: hidden
}

.ddservice .ss-core .pro-list .pro-img i {
    display: block;
    width: 213px;
    height: 200px;
    position: absolute;
    top: 110px;
    left: 70px
}

.ddservice .ss-core .pro-list .pro-img img {
    width: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.ddservice .ss-core .pro-list .pro-txt {
    padding-top: 80px
}

.ddservice .ss-core .pro-list .pro-nam {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 24px
}

.ddservice .ss-core .pro-list .pro-spe {
    display: block;
    margin-bottom: 10px
}

.ddservice .ss-core .pro-list .pro-spe em {
    display: inline-block;
    padding: 1px 5px;
    border: 1px solid #ddd;
    margin: 0 3px 5px;
    color: #666;
    border-radius: 2px;
    font-style: normal !important
}

.ddservice .ss-core .pro-list .pro-det {
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #666
}

.ddservice .ss-core .pro-list .btn a {
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    margin: 5px 5px 30px;
    border-radius: 20px;
    padding: 5px 10px;
    width: 80px;
    border: 1px solid #31b987;
    color: #31b987
}

.ddservice .ss-core .pro-list .btn a:hover {
    background: #31b987;
    color: #fff
}

.ddservice .ss-core .pro-list .btn .test-btn02 {
    border: 1px solid #6690e4;
    color: #6690e4
}

.ddservice .ss-core .pro-list .btn .test-btn02:hover {
    background: #6690e4;
    color: #fff
}

.ddservice .ss-core .pro-list .btn .test-btn03 {
    border: 1px solid #8767c6;
    color: #8767c6
}

.ddservice .ss-core .pro-list .btn .test-btn03:hover {
    background: #8767c6;
    color: #fff
}

.ddservice .ss-core .pro-list .btn .test-btn04 {
    border: 1px solid #d36c99;
    color: #d36c99
}

.ddservice .ss-core .pro-list .btn .test-btn04:hover {
    background: #d36c99;
    color: #fff
}

.ddservice .ss-core .pro-list:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.ddservice .ss-core .pro-list:hover .pro-img em img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.ss-listbox-1 .row .row-con {
    width: 1200px;
    margin: 40px auto 0
}

.ss-listbox-1 .row .row-con ul {
    margin-left: -1%
}

.ss-listbox-1 .row .row-con ul .item {
    width: 19%;
    float: left;
    margin-left: 1%;
    text-align: center
}

.ss-listbox-1 .row .row-con ul .item .item-up {
    height: 135px;
    line-height: 135px;
    text-align: center;
    font-size: 0
}

.ss-listbox-1 .row .row-con ul .item .item-up i {
    vertical-align: middle;
    display: inline-block
}

.ss-listbox-1 .row .row-con ul .item .up01 {
    background: #fff3d9
}

.ss-listbox-1 .row .row-con ul .item .up02 {
    background: #cdffe1
}

.ss-listbox-1 .row .row-con ul .item .up03 {
    background: #ece3ff
}

.ss-listbox-1 .row .row-con ul .item .up04 {
    background: #ffdbdb
}

.ss-listbox-1 .row .row-con ul .item .up05 {
    background: #dfeaff
}

.ss-listbox-1 .row .row-con ul .item .up06 {
    background: #d9cdff
}

.ss-listbox-1 .row .row-con ul .item .item-down {
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
    box-sizing: border-box;
    padding: 10px 23px;
    min-height: 175px
}

.ss-listbox-1 .row .row-con ul .item .desc {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}

.ss-listbox-1 .row .row-con ul .item .desc b {
    font-size: 16px;
    padding-bottom: 10px;
    display: block
}

.ss-listbox-1 .row .row-con ul .item .desc .info {
    line-height: 28px;
    overflow: hidden;
    color: #666;
    font-size: 13px
}

.ss-listbox-1 .row .row-con ul .item:hover .desc {
    margin-top: -10px
}

.o2o-feature {
    background: #FFF
}

.o2o-feature .title {
    font-size: 38px;
    color: #fff;
    text-align: center;
    padding-top: 100px
}

.o2o-feature .title p {
    font-size: 18px;
    color: #c5c5c5;
    margin-top: 10px
}

.o2o-feature .o2o-feature-box {
    height: 602px;
    position: relative
}

.o2o-feature ul li {
    position: absolute;
    width: 235px;
    height: 235px;
    line-height: 22px;
    cursor: pointer
}

.o2o-feature ul li p {
    font-size: 18px;
    text-align: center;
    padding-top: 106px;
    font-weight: 700;
    color: #fff
}

.o2o-feature ul li span {
    font-size: 14px;
    display: none;
    width: 143px;
    margin: 0 auto;
    padding-top: 73px
}

.o2o-feature ul li:hover p {
    display: none
}

.o2o-feature ul li:hover span {
    display: block
}

.o2o-feature ul.row_1 .a_1 {
    left: 125px;
    color: #FFF;
    background: url(../img/lan_bg.png) left top no-repeat
}

.o2o-feature ul.row_1 .a_2, .o2o-feature ul.row_1 .a_3 {
    background: url(../img/bai_bg.png) left top no-repeat;
    color: #FFF
}

.o2o-feature ul.row_1 .a_2 {
    left: 364px
}

.o2o-feature ul.row_1 .a_3 {
    left: 602px
}

.o2o-feature ul.row_1 .a_4 {
    left: 840px;
    color: #FFF;
    background: url(../img/lan_bg.png) left top no-repeat
}

.o2o-feature ul.row_2 .a_1, .o2o-feature ul.row_2 .a_2 {
    background: url(../img/bai_bg.png) left top no-repeat;
    top: 123px;
    color: #FFF
}

.o2o-feature ul.row_2 .a_1 {
    left: 7px
}

.o2o-feature ul.row_2 .a_2 {
    left: 244px
}

.o2o-feature ul.row_2 .a_3 {
    left: 483px;
    top: 123px;
    color: #FFF;
    background: url(../img/lan_bg.png) left top no-repeat
}

.o2o-feature ul.row_2 .a_4, .o2o-feature ul.row_2 .a_5 {
    top: 123px;
    background: url(../img/bai_bg.png) left top no-repeat;
    color: #FFF
}

.o2o-feature ul.row_2 .a_4 {
    left: 721px
}

.o2o-feature ul.row_2 .a_5 {
    left: 958px
}

.o2o-feature ul.row_3 .a_1 {
    left: 125px;
    top: 244px;
    color: #FFF;
    background: url(../img/lan_bg.png) left top no-repeat
}

.o2o-feature ul.row_3 .a_2, .o2o-feature ul.row_3 .a_3, .o2o-feature ul.row_3 .a_4, .o2o-feature ul.row_4 .a_1 {
    color: #FFF;
    background: url(../img/bai_bg.png) left top no-repeat
}

.o2o-feature ul.row_3 .a_2 {
    left: 364px;
    top: 244px
}

.o2o-feature ul.row_3 .a_3 {
    left: 602px;
    top: 244px
}

.o2o-feature ul.row_3 .a_4 {
    left: 839px;
    top: 244px
}

.o2o-feature ul.row_4 .a_1 {
    left: 245px;
    top: 367px
}

.o2o-feature ul.row_4 .a_2, .o2o-feature ul.row_4 .a_3 {
    color: #FFF;
    background: url(../img/lan_bg.png) left top no-repeat
}

.o2o-feature ul.row_4 .a_2 {
    left: 484px;
    top: 367px
}

.o2o-feature ul.row_4 .a_3 {
    left: 722px;
    top: 367px
}

.advantage-section .advantage {
    margin-top: 30px;
    text-align: center
}

.advantage-section .advantage .advantage-con .item {
    float: left;
    background: #fff;
    border: 1px solid #e4e4e4;
    height: 238px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.demo-sub, .index-intro-box, .index-intro-box .items .item .product-max .con {
    padding-top: 20px
}

.advantage-section .advantage .advantage-con .item .item-img {
    width: 80px;
    height: 70px;
    font-size: 0;
    margin: 20px auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.advantage-section .advantage .advantage-con .item .item-img img {
    width: 100%;
    height: 100%
}

.advantage-section .advantage .advantage-con .item .item-txt {
    font-size: 18px
}

.advantage-section .advantage .advantage-con .item .item-des {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    margin: 8px
}

.advantage-section .advantage .advantage-con .item:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1)
}

.advantage-section .advantage .advantage-con .item:hover .item-img {
    margin: 30px auto 20px
}

.index-intro-box {
    padding-bottom: 0;
    height: 500px;
    text-align: center
}

.index-intro-box .items {
    display: inline-block
}

.index-intro-box .items .item {
    position: relative;
    width: 100%;
    height: 445px;
    background: #FFF;
    box-shadow: 0 10px 30px 0 #131e341a;
    border-radius: 0 0 2px 2px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    transition: all ease .3s;
    padding: 0
}

.index-intro-box .items .item:hover {
    height: 485px;
    transform: translateY(-20px)
}

.index-intro-box .items .item:hover .bot {
    display: block;
    background: linear-gradient(90deg, #FF6E00, #ff6e00);
    border-radius: 0 0 2px 2px;
    animation: kf3-left .5s
}

.index-intro-box .items .item:hover .bot:hover {
    opacity: .9
}

.index-intro-box .items .item:hover .bot .text {
    color: #fff
}

.index-intro-box .items .item:hover .bot .text:before {
    border: 1px solid #fff;
    border-left: 0;
    border-bottom: 0
}

.index-intro-box .items .item:hover .bot:hover .text:before {
    right: -20px
}

.index-intro-box .items .item:last-child {
    margin-right: 0
}

.index-intro-box .items .item .product-min {
    text-align: left
}

.index-intro-box .items .item .top {
    height: 90px;
    width: 100%
}

.index-intro-box .items .item:nth-child(1) .top {
    background: url(../img/bg1.jpg) center top no-repeat;
    background-size: cover
}

.index-intro-box .items .item:nth-child(2) .top {
    background: url(../img/bg2.jpg) center top no-repeat;
    background-size: cover
}

.index-intro-box .items .item:nth-child(3) .top {
    background: url(../img/bg3.jpg) center top no-repeat;
    background-size: cover
}

.index-intro-box .items .item:nth-child(4) .top {
    background: url(../img/bg4.jpg) center top no-repeat;
    background-size: cover
}

.index-intro-box .items .item .top h3 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding: 4px 0 10px 25px;
    margin-top: 0
}

.index-intro-box .items .item .top h3:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 3px;
    background: linear-gradient(90deg, #FF6E00, #ff6e00);
    bottom: -4px;
    left: 27px
}

.index-intro-box .items .item .con {
    padding: 30px 0 0 25px
}

.index-intro-box .items .item .con .dl {
    padding-bottom: 25px
}

.index-intro-box .items .item .con .dt {
    line-height: 25px
}

.index-intro-box .items .item .con .dt a {
    font-size: 16px;
    font-weight: 700;
    color: #292f3f
}

.index-intro-box .items .item .con .dl a:hover {
    color: #FF6E00
}

.index-intro-box .items .item .con .dt .tag {
    color: #FF6E00;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #FF6E00;
    border-radius: 2px;
    padding: 2px;
    margin-left: 3px;
    font-style: normal
}

.index-intro-box .items .item .con .dd {
    font-size: 14px;
    color: #888;
    margin-top: 8px
}

.index-intro-box .items .item .bot {
    text-align: left;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    animation: all 1s;
    display: none
}

.index-intro-box .items .item .bot a {
    display: block;
    overflow: hidden;
    margin-left: 25px;
    position: relative
}

.index-intro-box .items .item .bot .text {
    color: #FF6E00;
    font-size: 14px;
    display: inline-block
}

.index-intro-box .items .item .bot a:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    right: 22px;
    display: inline-block;
    transform: rotate(45deg);
    top: 21px;
    border: 1px solid #fff;
    border-left: 0;
    border-bottom: 0
}

.index-intro-box .items .item .product-max {
    width: 307px;
    height: 488px;
    z-index: 2;
    position: relative;
    box-shadow: 0 20px 49px 0 rgba(0, 0, 0, .1);
    opacity: 0;
    background-color: #fff
}

.index-intro-box .items .item:nth-child(1) .product-max .top {
    width: 100%;
    height: 100px;
    background: url(../img/1.png) no-repeat
}

.index-intro-box .items .item:nth-child(2) .product-max .top {
    width: 100%;
    height: 100px;
    background: url(../img/2.png) no-repeat
}

.index-intro-box .items .item:nth-child(3) .product-max .top {
    width: 100%;
    height: 100px;
    background: url(../img/3.png) no-repeat
}

.index-intro-box .items .item:nth-child(4) .product-max .top {
    width: 100%;
    height: 100px;
    background: url(../img/4.png) no-repeat
}

.index-intro-box .items .item .product-max .con .hover {
    background: url(../img/hover-big.png) no-repeat
}

.index-intro-box .items .item .product-max .bot {
    margin-top: 20px
}

@keyframes kf3-left {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.demo-account-box {
    float: left;
    margin: 19px 0 0
}

.demo-account-box .ebtn {
    width: 100px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin: 0 10px;
    box-sizing: border-box
}

.demo-account-box .bg {
    background: 0 0;
    color: #FF6E00;
    margin: 0;
    width: 140px;
    position: relative;
    text-indent: 25px;
    box-sizing: border-box
}

.demo-account-box .ebtn {
    color: #FFF;
    border: 1px solid #FFF
}

.demo-account-box.ys .ebtn {
    background: #fff;
    color: #FF6E00;
    border: 0
}

.demo-account-box .bg:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    left: 12px;
    top: 5px;
    background: url(../img/hotline_w_icon.png) center no-repeat
}

.navbar-scroll .demo-account-box .ebtn {
    color: #FFF;
    border: 1px solid #FFF;
    background: linear-gradient(90deg, #FF6E00, #ff6e00)
}

.navbar-scroll .demo-account-box.ys .ebtn {
    background: linear-gradient(90deg, #FF6E00, #ff6e00);
    color: #FFF;
    border: 0
}

.navbar-scroll .demo-account-box .bg:after {
    background: url(../img/hotline_w_icon.png) center no-repeat
}

.demo-sub {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2
}

.ys:hover .demo-sub {
    display: block
}

.demo-sub .arrow {
    position: absolute;
    right: 40px;
    top: 10px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #FF6E00
}

.demo-sub .inner {
    width: 800px;
    height: 530px;
    text-align: center;
    background: #fff;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 5px 20px 0 #31333533;
    border-radius: 20px;
    border: 1px solid #FF6E00
}

.demo-sub .title {
    font-size: 18px;
    color: #000;
    margin: 25px 0;
    font-weight: 700
}

.demo-sub .subtitle {
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden
}

.demo-sub .subtitle span {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    padding-bottom: 8px;
    cursor: pointer
}

.demo-sub .tab-div .on {
    color: #FF6E00;
    border-bottom: 2px solid #FF6E00
}

.demo-sub .demo-table-wp {
    display: inline-block;
    width: 730px;
    transition: .5s all
}

.demo-sub .demo-table-wp.item-2 {
    margin-left: 100px
}

.demo-sub .demo-table-wp.on {
    margin-left: -835px
}

.demo-sub .demo-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center
}

.demo-sub .demo-table tr td {
    border: 1px solid #eaeefb
}

.demo-sub .demo-table tr th {
    color: #888;
    border: 1px solid #eaeefb
}

.demo-sub .demo-table tr:nth-child(n+1) td:last-child a {
    color: #FF6E00
}

.demo-sub .demo-table td, .demo-sub .demo-table th {
    padding: 5px 14px;
    text-align: center
}

.demo-sub .demo-table td a {
    color: #666
}

.demo-sub .demo-table td a:hover, .demo-sub .qrcode-list li:hover p {
    color: #FF6E00
}

.demo-sub .qrcode-list {
    padding-top: 25px;
    width: 100%;
    text-align: center
}

.demo-sub .qrcode-list li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-right: 48px
}

.demo-sub .qrcode-list li img {
    width: 105px;
    height: 105px;
    transition: .3s all
}

.demo-sub .qrcode-list li:hover img {
    transform: scale(1.3) translateY(-10px)
}

#newBridge #nbwlMessageContainer {
    height: 300px !important
}

#newBridge #nbWebImLightContainer {
    border: 1px solid #FF6E00 !important
}

#newBridge #nbwlStatusBar, #newBridge .nb-webim-light-toolbar-send {
    background-color: #FF6E00 !important
}

.nb-webim-light-status-message-container img, .zoom img {
    width: 160px !important;
    height: 185px !important
}

input {
    border: none;
    outline: 0
}

.fixed-side {
    position: fixed;
    right: 6px;
    top: 150px;
    width: 72px;
    z-index: 999
}

.fixed-side .interaction .inter {
    width: 70px;
    height: 70px;
    border: 1px solid #fa6c00;
    margin-bottom: 10px;
    border-radius: 2px;
    text-align: center;
    background: #fff;
    float: right
}

.fixed-side .interaction .inter:hover {
    border-color: #fa6c00
}

.fixed-side .interaction .inter.active {
    background: #FF6E00
}

.fixed-side .interaction .inter span {
    width: 40px;
    height: 44px;
    display: inline-block;
    vertical-align: top;
    transition: all .5s
}

.fixed-side .interaction .inter:hover span {
    transform: rotate(360deg)
}

.fixed-side .interaction .inter p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #292f3f
}

.fixed-side .inter {
    position: relative;
    transition: all .5s;
    cursor: pointer
}

.fixed-side .inter.tel span {
    background: url(../img/1.png) center no-repeat
}

.fixed-side .inter.online span {
    background: url(../img/2.png) center no-repeat
}

.fixed-side .inter.qq span i {
    font-size: 28px;
    margin-top: 0;
    padding-top: 0;
    color: #FF6E00
}

.fixed-side .inter.wechat span {
    background: url(../img/3.png) center no-repeat
}

.fixed-side .inter.phone span {
    background: url(../img/4.png) center no-repeat
}

.fixed-side .inter.back-top span {
    background: url(../img/5.png) center no-repeat
}

.fixed-side .inter.agent-hand span {
    background: url(../img/6.png) center no-repeat
}

.fixed-side .inter.active {
    background: #fa6c00
}

.fixed-side .inter.active p, .fixed-side .inter:hover p {
    color: #fff
}

.fixed-side .inter:hover {
    background: #FF6E00
}

.fixed-side .inter.online:hover span {
    background: url(../img/online.png) center no-repeat
}

.fixed-side .inter.qq:hover span i {
    color: #fff
}

.fixed-side .inter.wechat:hover span {
    background: url(../img/wechat.png) center no-repeat
}

.fixed-side .inter.phone:hover span {
    background: url(../img/phone.png) center no-repeat
}

.fixed-side .inter.back-top:hover span {
    background: url(../img/back-top.png) center no-repeat
}

.fixed-side .inter.agent-hand:hover span {
    background: url(../img/hand.png) center no-repeat
}

.fixed-side .inter .contact-det {
    width: 232px;
    background: url(../img/tel.png) 180px center no-repeat #FF6E00
}

.fixed-side .inter .contact-det h3 {
    font-size: 14px;
    margin-bottom: 5px
}

.fixed-side .inter .contact-det b {
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 12px;
    height: 12px
}

.fixed-side .inter .contact-det strong {
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 16px;
    height: 16px
}

.fixed-side .inter.tel:hover {
    width: 232px
}

.fixed-side .inter.tel:hover .contact-det {
    display: block
}

.fixed-side .inter.tel:hover .tel-btn {
    display: none
}

.fixed-side .inter.wechat .code-det {
    width: 186px;
    height: 230px;
    box-sizing: border-box;
    background: #FF6E00;
    border-radius: 2px;
    padding: 14px;
    position: absolute;
    left: 100px;
    top: -48px;
    transition: all .5s;
    border: 1px solid #fa6c00
}

.fixed-side .inter.wechat .code-det img {
    width: 158px
}

.fixed-side .inter.wechat .code-det p {
    font-size: 14px;
    color: #fff;
    margin-top: 2px
}

.fixed-side .inter.wechat .code-det span {
    width: 20px;
    height: 30px;
    display: inline-block;
    background: url(../img/trangle.png) no-repeat;
    position: absolute;
    top: 75px;
    right: -20px
}

.fixed-side .inter.wechat:hover .code-det {
    left: -208px
}

.fixed-side .inter .contact-det, .fixed-side .inter.phone .phone-det {
    text-align: left;
    box-sizing: border-box;
    height: 70px;
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    padding: 16px 24px;
    transition: 1s;
    display: none
}

.fixed-side .inter.phone:hover {
    width: 318px
}

.fixed-side .inter.phone:hover .phone-btn {
    display: none
}

.fixed-side .inter.phone:hover .phone-det {
    display: block
}

.fixed-side .inter.phone .phone-det {
    background: url(../img/phone.png) 260px center no-repeat #FF6E00;
    width: 318px
}

.fixed-side .inter.phone .phone-det input {
    width: 162px;
    line-height: 40px;
    height: 40px;
    border: none;
    background: #fff;
    text-indent: 6px
}

.fixed-side .inter.phone .phone-det a {
    width: 72px;
    line-height: 38px;
    height: 38px;
    border: 1px solid #fa6c00;
    border-left: none;
    background: #FF6E00;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.inter.online a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.user-infor .login-name, .zt-all .s1 li p {
    white-space: nowrap;
    text-overflow: ellipsis
}

.cb:after {
    display: block;
    content: "";
    clear: both
}

.lf {
    float: left
}

.pic_shadow li {
    float: left;
    position: relative;
    border-right: 1px solid #ebebeb;
    background: #fff
}

.pic_shadow li:last-child {
    border-right: 0
}

.block-col-4 li {
    width: 300px;
    border-right: 1px solid #ebebeb;
    float: left
}

.block-col-4 li:last-child {
    width: 299px;
    border-right: 0
}

.product_menu figcaption, .product_menu figure, .product_menu h1, .product_menu h2, .product_menu h3, .product_menu h4, .product_menu h5, .product_menu h6 {
    font-size: 100%;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: 0
}

.product_menu li {
    float: left
}

.product_menu a {
    display: inline-block
}

.product_menu .drop-main-menu-wrap {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 30px 0 3px;
    top: 75px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .08);
    display: none;
    z-index: 1000
}

.product_menu .dropdown-list li {
    width: 100%;
    height: 72px;
    float: left;
    margin-right: 60px;
    margin-bottom: 0
}

.product_menu .dropdown-list li._pub_benefit_ a, .product_menu .dropdown-list li._pub_benefit_ a:hover {
    height: 40px;
    padding: 6px
}

.product_menu .dropdown-list li a {
    display: block;
    border-radius: 10px;
    padding: 0 0 0 10px;
    position: relative
}

.product_menu .dropdown-list li a span {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
    line-height: 40px;
    padding-top: 3px
}

.product_menu .dropdown-list li a span.bg1 {
    background: #518be3
}

.product_menu .dropdown-list li a span.bg2 {
    background: #7275f4
}

.product_menu .dropdown-list li a span.bg7 {
    background: #FF9354
}

.product_menu .dropdown-list li a span.bg8 {
    background: #F6516F
}

.product_menu .dropdown-list li a span.bg3 {
    background: #ff7673
}

.product_menu .dropdown-list li a span.bg4 {
    background: #fcc849
}

.product_menu .dropdown-list li a span.bg5 {
    background: #ffa51c
}

.product_menu .dropdown-list li a span.bg6 {
    background: #77c5ee
}

.drop-main-menu-wrap .right-list .box-wrap .box:hover, .product_menu .dropdown-list li a:hover {
    background: #f5f5f5
}

.product_menu .dropdown-list li a span i {
    font-size: 30px;
    color: #fff
}

.product_menu .dropdown-list li a h3, .product_menu .dropdown-list li a p {
    margin-left: 50px
}

.product_menu .dropdown-list li a h3 {
    font-size: 16px;
    color: #333;
    height: 22px;
    line-height: 22px
}

.product_menu .dropdown-list li a p {
    font-size: 14px;
    color: #999;
    line-height: 30px
}

.drop-main-menu-wrap .right-list .box-wrap .box {
    width: 233px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    height: 85px;
    line-height: 85px;
    float: left
}

.drop-main-menu-wrap .right-list .box-wrap .box i {
    font-size: 35px;
    margin: 0 30px;
    display: inline-block;
    vertical-align: bottom
}

.drop-main-menu-wrap .right-list .box-wrap .box span {
    font-size: 16px;
    color: #333
}

.drop-main-menu-wrap .right-list .box-wrap .box img {
    margin: 25px auto
}

.slideCons_ a {
    z-index: 9;
    display: none
}

.sbanner .banner-tab .item span {
    line-height: 20px;
    float: left
}

.product_menuziti {
    background-color: #fff;
    position: absolute;
    left: 133px;
    top: 0;
    width: 30px;
    height: 18px;
    border-radius: 3px
}

.icon-vip {
    color: #ffdf13;
    position: absolute;
    font-size: 40px;
    top: -9px;
    left: -8px
}

a.item .icon-yundinghuo {
    background: #518BE3
}

a.item .icon-quanyuankaidian1 {
    background: #FF9354
}

a.item .icon-caigoushangpin {
    background: #7275F4
}

a.item .icon-yunshangcheng {
    background: #FF7673
}

a.item .icon-shequdian {
    background: #FFB11C
}

a.item .icon-dianpu_ {
    background: #FCC849
}

a.item .icon-headquarter {
    background: #F6516F
}

a.item .icon-jiejuefangan {
    background: #77C5EE
}

.video ul li {
    border-top: 1px solid #ebebeb
}

.banner-tab a:nth-child(1) {
    padding: 16px 0 !important;
    height: 38px !important
}

.banner-tab a:nth-child(1) span {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 24px !important;
    font-weight: 300;
    font-size: 14px;
    color: #777;
    padding-top: 0;
    height: 38px
}

.banner-tab a:nth-child(1) span p {
    font-size: 16px;
    line-height: 38px
}

.index .down .box {
    width: 155px;
    height: 180px;
    text-align: center;
    font-weight: 400;
    position: relative
}

.index .down .box i {
    font-size: 90px;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 16px
}

.resource ul {
    background: #f5f5f5
}

.practice ul li {
    float: left;
    padding: 30px;
    text-align: center
}

.practice ul li:last-child {
    padding-right: 31px
}

.more_case aside h3 {
    font-size: 18px;
    color: #333;
    margin: 16px 0 11px
}

.more_case aside ul li {
    margin-right: 73px;
    padding: 30px;
    width: 290px;
    background: #fff
}

.more_case aside ul li:last-child {
    margin-right: 0
}

.more_case aside ul li p {
    height: 75px
}

.swiper-container-rtl .academy .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    transform: rotateZ(180deg)
}

.payment .s1 article {
    padding: 60px 0 60px 60px;
    width: 1135px;
    margin: 0 auto 40px
}

.payment .s1 article img {
    float: left;
    margin: 0 135px
}

.payment .s1 article aside p {
    line-height: 25px;
    font-weight: 100;
    text-align: left
}

.payment .s1 article img:last-child {
    margin-bottom: 20px
}

.product_menu .dropdown-list li a span.free_ {
    font-weight: 300;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 55px;
    top: 0;
    width: 40px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    display: block;
    background-image: linear-gradient(135deg, #F23673 0, #FF9466 100%);
    border-radius: 3px
}

.product_menu .dropdown-list li a span.free_1, .product_menu .dropdown-list li a span.free_2 {
    font-weight: 600;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 36px;
    font-size: 13px;
    height: 19px;
    line-height: 20px;
    color: #ffdf13;
    display: block;
    border-radius: 3px;
    background-color: #f31f46;
    top: 0
}

.product_menu .dropdown-list li a span.free_1 {
    left: 54px
}

.product_menu .dropdown-list li a span.free_2 {
    left: 72px
}

.product_menu li h3 {
    position: relative
}

.product_menu .dropdown-list li a span.free_02 {
    left: 70px
}

.dropdown-list ul {
    height: 100%;
    float: left
}

.cborder .banner-tab .beijing1 {
    background-color: rgba(255, 255, 255, .8)
}

@media screen and (min-width: 765px) and (max-width: 1200px) {
    body {
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif
    }

    .product_menu .menu {
        padding: 30px 10px
    }

    .product_menu .product_menu_logo img {
        width: 101px;
        height: 35px
    }

    .product_menuziti {
        background-color: #fff;
        position: absolute;
        left: 146px;
        top: 0;
        width: 33px;
        height: 19px;
        border-radius: 3px
    }

    .icon-vip {
        font-size: 39px;
        color: #ffdf13
    }

    .c {
        margin: 0 auto;
        border: 1px solid transparent
    }

    .resource ul li {
        width: 239px;
        height: 290px;
        margin-right: 15px
    }

    .resource ul li:last-child {
        width: 230px
    }

    .resource ul li i {
        margin: 40px auto 25px
    }

    .news .news-block p {
        line-height: 25px;
        font-size: 14px
    }

    .ydh-p2 table td, .ysc-p2 table td {
        min-width: 100px;
        width: 21%;
        font-size: 13px;
        padding: 15px;
        line-height: normal
    }

    .ydh-p2 table .td1, .ysc-p2 table .td1 {
        width: 200px
    }

    .about .s1 ul li p, .online_retail .card-area .card-item .card .card-content.content-first p, .zt-all .s2 li .name {
        font-size: 14px
    }

    .case_eg aside ul li p {
        line-height: normal;
        width: 90px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden
    }

    .case_eg aside h3 {
        margin: 10px 0 15px
    }

    .more_case aside ul li {
        width: 254px;
        margin-right: 26px
    }

    .more_case aside ul li img {
        width: 100%
    }

    .pro-center .s4 LI A {
        width: 220px !important
    }

    .contact .s1 ul li {
        width: 246px
    }

    .product_menu .drop-main-menu-wrap {
        padding: 0;
        width: 100%
    }

    .product_menu .dropdown-list {
        margin-left: 0;
        width: 100%;
        margin-top: 20px
    }

    .product_menu .dropdown-list li {
        margin-right: 5px
    }

    .product_menu .dropdown-list li a h3, .product_menu .dropdown-list li a p {
        margin-left: 65px
    }

    .four-zn img {
        width: 100%
    }

    .slide .tu img {
        right: 8px;
        width: 53%;
        top: 100px
    }

    .zixun .login-after a {
        top: -14px
    }
}

.chanpinhot, .chanpinhot1 {
    position: absolute;
    top: -23px;
    width: 63px
}

.product_menu .dropdown-list li a span.free_03 {
    left: 146px;
    background: url(../img/dingzhitubiao2_ddecbf6.png) center no-repeat;
    background-size: cover
}

.chanpinhot {
    background: url(../img/chanpinhot_9644b4c.png) center no-repeat;
    background-size: 100% 100%;
    left: 121px;
    height: 54px
}

.chanpinhot1 {
    background: url(../img/chanpinhot_9644b4c.png) center no-repeat;
    background-size: 100% 100%;
    left: 64px;
    height: 63px
}

.productCon .proCon li {
    width: 320px
}

@media (max-width: 768px) {
    .product_menu .dropdown-list li {
        height: 50px
    }
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: zerocons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

[class*=" zc-"]:before, [class^=zc-]:before {
    font-family: zc;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

a.current-open:after {
    content: "\e64e";
    font-family: zerocons;
    font-size: 17px;
    vertical-align: 0;
    padding-left: 5px;
    font-weight: 700
}