/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{font-family:'FontAwesome';src:url('/content/dam/honor/global/other/common/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/content/dam/honor/global/other/common/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/content/dam/honor/global/other/common/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/content/dam/honor/global/other/common/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/content/dam/honor/global/other/common/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/content/dam/honor/global/other/common/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: 'bignoodletitlingregular';
  src: url("/content/dam/honor/global/other/common/fonts/big_noodle_titling-webfont.eot");
  src: url("/content/dam/honor/global/other/common/fonts/big_noodle_titling-webfont.eot?#iefix") format("embedded-opentype"), url("/content/dam/honor/global/other/common/fonts/big_noodle_titling-webfont.woff2") format("woff2"), url("/content/dam/honor/global/other/common/fonts/big_noodle_titling-webfont.woff") format("woff"), url("/content/dam/honor/global/other/common/fonts/big_noodle_titling-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lunaregular';
  src: url("/content/dam/honor/global/other/common/fonts/luna-webfont.eot");
  src: url("/content/dam/honor/global/other/common/fonts/luna-webfont.eot?#iefix") format("embedded-opentype"), url("/content/dam/honor/global/other/common/fonts/luna-webfont.woff2") format("woff2"), url("/content/dam/honor/global/other/common/fonts/luna-webfont.woff") format("woff"), url("/content/dam/honor/global/other/common/fonts/luna-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura_t_lightregular';
  src: url("/content/dam/honor/global/other/common/fonts/ufonts.com_futura-t-light-webfont.eot");
  src: url("/content/dam/honor/global/other/common/fonts/ufonts.com_futura-t-light-webfont.eot?#iefix") format("embedded-opentype"), url("/content/dam/honor/global/other/common/fonts/ufonts.com_futura-t-light-webfont.woff2") format("woff2"), url("/content/dam/honor/global/other/common/fonts/ufonts.com_futura-t-light-webfont.woff") format("woff"), url("/content/dam/honor/global/other/common/fonts/ufonts.com_futura-t-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dead_island';
  src: url("/content/dam/honor/global/other/common/fonts/dead-island.eot");
  src: url("/content/dam/honor/global/other/common/fonts/dead-island.eot?#iefix") format("embedded-opentype"), url("/content/dam/honor/global/other/common/fonts/dead-island.woff2") format("woff2"), url("/content/dam/honor/global/other/common/fonts/dead-island.woff") format("woff"), url("/content/dam/honor/global/other/common/fonts/dead-island.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open sans';
  src: url("/content/dam/honor/global/other/common/fonts/opensans-webfont.eot");
  src: url("/content/dam/honor/global/other/common/fonts/opensans-webfont.eot?#iefix") format("embedded-opentype"), url("/content/dam/honor/global/other/common/fonts/opensans-webfont.woff2") format("woff2"), url("/content/dam/honor/global/other/common/fonts/opensans-webfont.woff") format("woff"), url("/content/dam/honor/global/other/common/fonts/opensans-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Century_Gothic';
  src: url("/content/dam/honor/global/other/common/fonts/Century_Gothic.eot");
  src: url("/content/dam/honor/global/other/common/fonts/Century_Gothic.eot?#iefix") format("embedded-opentype"), url("/content/dam/honor/global/other/common/fonts/Century_Gothic.woff2") format("woff2"), url("/content/dam/honor/global/other/common/fonts/Century_Gothic.woff") format("woff"), url("/content/dam/honor/global/other/common/fonts/Century_Gothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*@2017.11.22*/
@font-face{
    font-family: 'AmpleSoftLight';
    src: url("/content/dam/honor/global/other/common/fonts/AmpleSoft_Light.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'AmpleSoftMed';
    src: url("/content/dam/honor/global/other/common/fonts/AmpleSoft_Med.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'DINPro';
    src: url("/content/dam/honor/global/other/common/fonts/DINPro-Regular_13937.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'BignoodletitlingIndia';
    src: url("/content/dam/honor/global/other/common/fonts/big_noodle_titling_oblique.ttf");
    font-weight: normal;
    font-style: normal;
}
/*@2017.12.07*/
@font-face{
    font-family: 'Helvetica-Black-SemiBold';
    src: url("/content/dam/honor/global/other/common/fonts/Helvetica-Black-SemiBold.ttf");
    font-weight: normal;
    font-style: normal;
}/*! normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0.6em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=dbf730c7bd0e542fca82)
 * Config saved to config.json and https://gist.github.com/dbf730c7bd0e542fca82
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;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{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !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:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;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,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}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,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}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}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{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-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{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-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@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}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small: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 footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:5px;padding-right:5px}@media (min-width:768px){.container{width:730px}}@media (min-width:992px){.container{width:950px}}@media (min-width:1200px){.container{width:1150px}}.container-fluid{margin-right:auto;margin-left:auto;}.row{margin-left:-5px;margin-right:-5px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:5px;padding-right:5px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 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[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.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"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.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"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;min-height:32px}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;min-height:38px}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,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 .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,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 .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,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:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-5px;margin-right:-5px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:5px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.333333px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;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:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{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:1.42857143;color:#777;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 solid;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{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-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>.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,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-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="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{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-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{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:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{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:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{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:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.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:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:5px;padding-left:5px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-5px;margin-left:-5px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 5px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-5px}}.navbar-toggle{position:relative;float:right;margin-right:5px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -5px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-5px;margin-right:-5px;padding:10px 5px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.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-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:5px;margin-right:5px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-5px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{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:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;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:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{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:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{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:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{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:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.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:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{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}.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}.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:20px 0;list-style:none;text-align:center}.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:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{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}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-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{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-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-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.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 td:first-child,.panel>.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 td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th: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 th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.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 td:last-child,.panel>.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 td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th: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 th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.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 td:first-child,.panel>.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 td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.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 td:last-child,.panel>.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 td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.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 th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.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,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-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 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.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{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-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,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;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;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.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-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{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,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,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,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,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>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-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%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,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,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;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;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;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.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}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}/*!
 * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
 * Copyright 2012-2014 Arnold Daniels
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */

.container-smooth{max-width:1170px}@media (min-width:1px){.container-smooth{width:auto}}.btn-labeled{padding-top:0;padding-bottom:0}.btn-label{position:relative;background:0 0;background:rgba(0,0,0,.15);display:inline-block;padding:6px 12px;left:-12px;border-radius:3px 0 0 3px}.btn-label.btn-label-right{left:auto;right:-12px;border-radius:0 3px 3px 0}.btn-lg .btn-label{padding:10px 16px;left:-16px;border-radius:5px 0 0 5px}.btn-lg .btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 5px 5px 0}.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}.nav-tabs-bottom{border-bottom:0;border-top:1px solid #ddd}.nav-tabs-bottom>li{margin-bottom:0;margin-top:-1px}.nav-tabs-bottom>li>a{border-radius:0 0 4px 4px}.nav-tabs-bottom>li>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li.active>a:focus{border:1px solid #ddd;border-top-color:transparent}.nav-tabs-left{border-bottom:0;border-right:1px solid #ddd}.nav-tabs-left>li{margin-bottom:0;margin-right:-1px;float:none}.nav-tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;margin-bottom:2px}.nav-tabs-left>li>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li.active>a:focus{border:1px solid #ddd;border-right-color:transparent}.row>.nav-tabs-left{padding-right:0;padding-left:15px;margin-right:-1px;position:relative;z-index:1}.row>.nav-tabs-left+.tab-content{border-left:1px solid #ddd}.nav-tabs-right{border-bottom:0;border-left:1px solid #ddd}.nav-tabs-right>li{margin-bottom:0;margin-left:-1px;float:none}.nav-tabs-right>li>a{border-radius:0 4px 4px 0;margin-left:0;margin-bottom:2px}.nav-tabs-right>li>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li.active>a:focus{border:1px solid #ddd;border-left-color:transparent}.row>.nav-tabs-right{padding-left:0;padding-right:15px}.navmenu,.navbar-offcanvas{width:300px;height:auto;border-width:1px;border-style:solid;border-radius:4px}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{position:fixed;z-index:1030;top:0;bottom:0;overflow-y:auto;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}@media (min-width:768px){.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-offcanvas .navmenu-brand{display:none}}.navmenu-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:10px 0}.navmenu-brand:hover,.navmenu-brand:focus{text-decoration:none}.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#f8f8f8;border-color:#e7e7e7}.navmenu-default .navmenu-brand,.navbar-default .navbar-offcanvas .navmenu-brand{color:#777}.navmenu-default .navmenu-brand:hover,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:focus{color:#5e5e5e;background-color:transparent}.navmenu-default .navmenu-text,.navbar-default .navbar-offcanvas .navmenu-text{color:#777}.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navmenu-default .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navmenu-default .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navmenu-default .navmenu-nav>.dropdown>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}.navmenu-default .navmenu-nav.dropdown-menu,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#e7e7e7}.navmenu-default .navmenu-nav.dropdown-menu>.divider,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#f8f8f8}.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#d7d7d7}.navmenu-default .navmenu-nav>li>a,.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#777}.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#333;background-color:transparent}.navmenu-default .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navmenu-default .navmenu-nav>.disabled>a,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-default .navmenu-nav>.disabled>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-default .navmenu-nav>.disabled>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navmenu-inverse,.navbar-inverse .navbar-offcanvas{background-color:#222;border-color:#080808}.navmenu-inverse .navmenu-brand,.navbar-inverse .navbar-offcanvas .navmenu-brand{color:#999}.navmenu-inverse .navmenu-brand:hover,.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,.navmenu-inverse .navmenu-brand:focus,.navbar-inverse .navbar-offcanvas .navmenu-brand:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-text,.navbar-inverse .navbar-offcanvas .navmenu-text{color:#999}.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.open>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-inverse .navmenu-nav>.open>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-inverse .navmenu-nav>.open>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#080808;color:#fff}.navmenu-inverse .navmenu-nav>.open>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-inverse .navmenu-nav>.open>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-inverse .navmenu-nav>.open>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.dropdown>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navmenu-inverse .navmenu-nav.dropdown-menu,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#080808}.navmenu-inverse .navmenu-nav.dropdown-menu>.divider,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#222}.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#000}.navmenu-inverse .navmenu-nav>li>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a{color:#999}.navmenu-inverse .navmenu-nav>li>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-inverse .navmenu-nav>li>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-nav>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-inverse .navmenu-nav>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-inverse .navmenu-nav>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#fff;background-color:#080808}.navmenu-inverse .navmenu-nav>.disabled>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-inverse .navmenu-nav>.disabled>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-inverse .navmenu-nav>.disabled>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#444;background-color:transparent}.alert-fixed-top,.alert-fixed-bottom{position:fixed;width:100%;z-index:1035;border-radius:0;margin:0;left:0}@media (min-width:992px){.alert-fixed-top,.alert-fixed-bottom{width:992px;left:50%;margin-left:-496px}}.alert-fixed-top{top:0;border-width:0 0 1px}@media (min-width:992px){.alert-fixed-top{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-width:0 1px 1px}}.alert-fixed-bottom{bottom:0;border-width:1px 0 0}@media (min-width:992px){.alert-fixed-bottom{border-top-right-radius:4px;border-top-left-radius:4px;border-width:1px 1px 0}}.offcanvas{display:none}.offcanvas.in{display:block}@media (max-width:767px){.offcanvas-xs{display:none}.offcanvas-xs.in{display:block}}@media (max-width:991px){.offcanvas-sm{display:none}.offcanvas-sm.in{display:block}}@media (max-width:1199px){.offcanvas-md{display:none}.offcanvas-md.in{display:block}}.offcanvas-lg{display:none}.offcanvas-lg.in{display:block}.canvas-sliding{-webkit-transition:top .35s,left .35s,bottom .35s,right .35s;transition:top .35s,left .35s,bottom .35s,right .35s}.offcanvas-clone{height:0!important;width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:auto!important;bottom:0!important;right:0!important;opacity:0!important}.table.rowlink td:not(.rowlink-skip),.table .rowlink td:not(.rowlink-skip){cursor:pointer}.table.rowlink td:not(.rowlink-skip) a,.table .rowlink td:not(.rowlink-skip) a{color:inherit;font:inherit;text-decoration:inherit}.table-hover.rowlink tr:hover td,.table-hover .rowlink tr:hover td{background-color:#cfcfcf}.btn-file{overflow:hidden;position:relative;vertical-align:middle}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}.fileinput{margin-bottom:9px;display:inline-block}.fileinput .form-control{padding-top:7px;padding-bottom:5px;display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text}.fileinput .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center}.fileinput .thumbnail>img{max-height:100%}.fileinput .btn{vertical-align:middle}.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none}.fileinput-inline .fileinput-controls{display:inline}.fileinput-filename{vertical-align:middle;display:inline-block;overflow:hidden}.form-control .fileinput-filename{vertical-align:bottom}.fileinput.input-group{display:table}.fileinput.input-group>*{position:relative;z-index:2}.fileinput.input-group>.btn-file{z-index:1}.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0}.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0}.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0}.form-group.has-warning .fileinput .fileinput-preview{color:#8a6d3b}.form-group.has-warning .fileinput .thumbnail{border-color:#faebcc}.form-group.has-error .fileinput .fileinput-preview{color:#a94442}.form-group.has-error .fileinput .thumbnail{border-color:#ebccd1}.form-group.has-success .fileinput .fileinput-preview{color:#3c763d}.form-group.has-success .fileinput .thumbnail{border-color:#d6e9c6}.input-group-addon:not(:first-child){border-left:0}/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.7
Create your own skin at http://designer.videojs.com
*/.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(font/vjs.eot);src:url(font/vjs.eot?#iefix) format('embedded-opentype'),url(font/vjs.woff) format('woff'),url(font/vjs.ttf) format('truetype'),url(font/vjs.svg#icomoon) format('svg');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}.vjs-default-skin.vjs-error .vjs-control-bar{display:none}.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content{width:4em;left:-2em;list-style:none}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em;left:4.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{height:0;width:0}.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing{border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content{height:2.9em;width:10em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.2)}.vjs-default-skin .vjs-load-progress div{background:#787878;background:rgba(255,255,255,.1)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control{display:none}.vjs-default-skin.vjs-live .vjs-live-display{display:block}.vjs-default-skin .vjs-live-display{display:none;font-size:1em;line-height:3em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-error .vjs-big-play-button{display:none}.vjs-error-display{display:none}.vjs-error .vjs-error-display{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.vjs-error .vjs-error-display:before{content:'X';font-family:Arial;font-size:4em;color:#666;line-height:1;text-shadow:.05em .05em .1em #000;text-align:center;vertical-align:middle;position:absolute;left:0;top:50%;margin-top:-.5em;width:100%}.vjs-error-display div{position:absolute;bottom:1em;right:0;left:0;font-size:1.4em;text-align:center;padding:3px;background:#000;background:rgba(0,0,0,.5)}.vjs-error-display a,.vjs-error-display a:visited{color:#F4A460}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75}.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner{display:block;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-error .vjs-loading-spinner{display:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing{display:block}.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu{display:none}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-chapters-button:before{content:"\e00c"}.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content{width:24em;left:-12em}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-has-started .vjs-poster{display:none}.video-js.vjs-audio.vjs-has-started .vjs-poster{display:block}.video-js.vjs-controls-disabled .vjs-poster{display:none}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{position:absolute;top:0;left:0;bottom:3em;right:0;pointer-events:none}.vjs-caption-settings{position:relative;top:1em;background-color:#000;opacity:.75;color:#FFF;margin:0 auto;padding:.5em;height:15em;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.vjs-hidden{display:none!important}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:2em;color:#ccc;background-color:#333;font-size:1.8em;font-family:Arial,sans-serif;text-align:center;width:30em;height:15em;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#F4A460}/*
Theme Name: Honor
Theme URI:
Author: the Honor team
Author URI:
Description: Honor Theme
Version: 1.3
License:
License URI:
Tags: honor2
Text Domain: honor2

This theme private for Honor team
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */

/*@import url(http://fonts.233.wiki/css?family=Open+Sans:300italic,300);*/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 17, ../sass/main.scss */
html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 21, ../sass/main.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
/* line 32, ../sass/main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, ../sass/main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 46, ../sass/main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 59, ../sass/main.scss */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 67, ../sass/main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 77, ../sass/main.scss */
textarea {
  resize: vertical;
}


/* $font-futuraL: 'futura_t_lightregular'; */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 9, ../sass/global/_helper.scss */
.ir, .icon {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 17, ../sass/global/_helper.scss */
/* .ir:before, .icon:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
} */

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 28, ../sass/global/_helper.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 37, ../sass/global/_helper.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 54, ../sass/global/_helper.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 67, ../sass/global/_helper.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 84, ../sass/global/_helper.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 91, ../sass/global/_helper.scss */
.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 100, ../sass/global/_helper.scss */
.clearfix {
  *zoom: 1;
}

/* jQuery UI - v1.10.3 - 2013-06-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
/* line 8, ../sass/global/_jquery-ui.scss */
.ui-helper-hidden {
  display: none;
}

/* line 12, ../sass/global/_jquery-ui.scss */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 23, ../sass/global/_jquery-ui.scss */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 35, ../sass/global/_jquery-ui.scss */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

/* line 41, ../sass/global/_jquery-ui.scss */
.ui-helper-clearfix:after {
  clear: both;
}

/* line 45, ../sass/global/_jquery-ui.scss */
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

/* line 50, ../sass/global/_jquery-ui.scss */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* line 60, ../sass/global/_jquery-ui.scss */
.ui-front {
  z-index: 999;
}

/* Interaction Cues
----------------------------------*/
/* line 66, ../sass/global/_jquery-ui.scss */
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
/* line 74, ../sass/global/_jquery-ui.scss */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 85, ../sass/global/_jquery-ui.scss */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 93, ../sass/global/_jquery-ui.scss */
.ui-resizable {
  position: relative;
}

/* line 97, ../sass/global/_jquery-ui.scss */
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

/* line 104, ../sass/global/_jquery-ui.scss */
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

/* line 108, ../sass/global/_jquery-ui.scss */
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

/* line 116, ../sass/global/_jquery-ui.scss */
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

/* line 124, ../sass/global/_jquery-ui.scss */
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

/* line 132, ../sass/global/_jquery-ui.scss */
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

/* line 140, ../sass/global/_jquery-ui.scss */
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

/* line 148, ../sass/global/_jquery-ui.scss */
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

/* line 156, ../sass/global/_jquery-ui.scss */
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

/* line 164, ../sass/global/_jquery-ui.scss */
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/* line 172, ../sass/global/_jquery-ui.scss */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/* line 178, ../sass/global/_jquery-ui.scss */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}

/* line 188, ../sass/global/_jquery-ui.scss */
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

/* line 192, ../sass/global/_jquery-ui.scss */
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

/* line 196, ../sass/global/_jquery-ui.scss */
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

/* line 200, ../sass/global/_jquery-ui.scss */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

/* line 207, ../sass/global/_jquery-ui.scss */
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/* line 213, ../sass/global/_jquery-ui.scss */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/* line 220, ../sass/global/_jquery-ui.scss */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}

/* line 237, ../sass/global/_jquery-ui.scss */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
/* line 242, ../sass/global/_jquery-ui.scss */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
/* line 247, ../sass/global/_jquery-ui.scss */
button.ui-button-icon-only {
  width: 2.4em;
}

/* line 251, ../sass/global/_jquery-ui.scss */
.ui-button-icons-only {
  width: 3.4em;
}

/* line 255, ../sass/global/_jquery-ui.scss */
button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
/* line 260, ../sass/global/_jquery-ui.scss */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

/* line 265, ../sass/global/_jquery-ui.scss */
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

/* line 270, ../sass/global/_jquery-ui.scss */
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

/* line 276, ../sass/global/_jquery-ui.scss */
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

/* line 281, ../sass/global/_jquery-ui.scss */
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

/* line 285, ../sass/global/_jquery-ui.scss */
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
/* line 291, ../sass/global/_jquery-ui.scss */
input.ui-button {
  padding: .4em 1em;
}

/* button icon element(s) */
/* line 301, ../sass/global/_jquery-ui.scss */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

/* line 307, ../sass/global/_jquery-ui.scss */
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

/* line 314, ../sass/global/_jquery-ui.scss */
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

/* line 320, ../sass/global/_jquery-ui.scss */
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

/* button sets */
/* line 325, ../sass/global/_jquery-ui.scss */
.ui-buttonset {
  margin-right: 7px;
}

/* line 329, ../sass/global/_jquery-ui.scss */
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
/* line 338, ../sass/global/_jquery-ui.scss */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 343, ../sass/global/_jquery-ui.scss */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

/* line 349, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

/* line 355, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

/* line 363, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

/* line 367, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

/* line 371, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

/* line 375, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

/* line 379, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

/* line 384, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

/* line 393, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

/* line 399, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

/* line 404, ../sass/global/_jquery-ui.scss */
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

/* line 409, ../sass/global/_jquery-ui.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

/* line 413, ../sass/global/_jquery-ui.scss */
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

/* line 420, ../sass/global/_jquery-ui.scss */
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

/* line 427, ../sass/global/_jquery-ui.scss */
.ui-datepicker td {
  border: 0;
  padding: 1px;
}

/* line 433, ../sass/global/_jquery-ui.scss */
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

/* line 440, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* line 449, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/* line 458, ../sass/global/_jquery-ui.scss */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
/* line 463, ../sass/global/_jquery-ui.scss */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* line 467, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

/* line 471, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

/* line 476, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

/* line 480, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

/* line 484, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

/* line 489, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

/* line 493, ../sass/global/_jquery-ui.scss */
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

/* line 497, ../sass/global/_jquery-ui.scss */
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
/* line 504, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl {
  direction: rtl;
}

/* line 508, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

/* line 513, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

/* line 518, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

/* line 523, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

/* line 528, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

/* line 532, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

/* line 537, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

/* line 542, ../sass/global/_jquery-ui.scss */
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* line 547, ../sass/global/_jquery-ui.scss */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  outline: 0;
}

/* line 555, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

/* line 560, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 569, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

/* line 579, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

/* line 587, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

/* line 595, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

/* line 599, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

/* line 604, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

/* line 612, ../sass/global/_jquery-ui.scss */
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/* line 616, ../sass/global/_jquery-ui.scss */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

/* line 624, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

/* line 629, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
/*  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}

/* line 637, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

/* line 645, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}

/* line 656, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

/* line 661, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}

/* line 667, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
/* line 672, ../sass/global/_jquery-ui.scss */
.ui-menu-icons {
  position: relative;
}

/* line 676, ../sass/global/_jquery-ui.scss */
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
/* line 682, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}

/* right-aligned */
/* line 689, ../sass/global/_jquery-ui.scss */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

/* line 694, ../sass/global/_jquery-ui.scss */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

/* line 700, ../sass/global/_jquery-ui.scss */
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

/* line 705, ../sass/global/_jquery-ui.scss */
.ui-progressbar .ui-progressbar-overlay {
/*  background: url("images/animated-overlay.gif");*/
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

/* line 712, ../sass/global/_jquery-ui.scss */
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/* line 716, ../sass/global/_jquery-ui.scss */
.ui-slider {
  position: relative;
  text-align: left;
}

/* line 721, ../sass/global/_jquery-ui.scss */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

/* line 729, ../sass/global/_jquery-ui.scss */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
/* line 741, ../sass/global/_jquery-ui.scss */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* line 745, ../sass/global/_jquery-ui.scss */
.ui-slider-horizontal {
  height: .8em;
}

/* line 749, ../sass/global/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

/* line 754, ../sass/global/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

/* line 759, ../sass/global/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

/* line 763, ../sass/global/_jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* line 767, ../sass/global/_jquery-ui.scss */
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

/* line 772, ../sass/global/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

/* line 778, ../sass/global/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

/* line 783, ../sass/global/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

/* line 787, ../sass/global/_jquery-ui.scss */
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* line 791, ../sass/global/_jquery-ui.scss */
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

/* line 799, ../sass/global/_jquery-ui.scss */
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

/* line 810, ../sass/global/_jquery-ui.scss */
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to overide default borders */
/* line 825, ../sass/global/_jquery-ui.scss */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertical centre icon */
/* line 832, ../sass/global/_jquery-ui.scss */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

/* line 839, ../sass/global/_jquery-ui.scss */
.ui-spinner-up {
  top: 0;
}

/* line 843, ../sass/global/_jquery-ui.scss */
.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
/* line 848, ../sass/global/_jquery-ui.scss */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

/* line 853, ../sass/global/_jquery-ui.scss */
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

/* line 859, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

/* line 864, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

/* line 875, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

/* line 881, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

/* line 888, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

/* line 893, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

/* line 897, ../sass/global/_jquery-ui.scss */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/* line 904, ../sass/global/_jquery-ui.scss */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

/* line 913, ../sass/global/_jquery-ui.scss */
body .ui-tooltip {
  border-width: 2px;
}

/* CUSTOM */
/* line 920, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-title {
  display: none;
}

/* line 924, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  height: 1px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 25000;
}

/* line 933, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-titlebar-close {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -120px -60px;
  background-repeat: none;
  width: 43px;
  height: 44px;
  padding: 0;
  margin: 0;
}

/* line 939, ../sass/global/_jquery-ui.scss */
.ui-dialog .ui-dialog-titlebar-close:hover {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -120px -120px;
  background-repeat: none;
  width: 43px;
  height: 44px;
}

/* line 945, ../sass/global/_jquery-ui.scss */
.ui-dialog .select-wrapper select {
  z-index: 200040;
}

/* line 949, ../sass/global/_jquery-ui.scss */
.ui-widget-overlay {
/*  background: url("/uk/global/wp-content/themes/honor/images/modal-overlay.png") 0 0 repeat;*/
}

/* line 953, ../sass/global/_jquery-ui.scss */
.modal-style-1 {
  background: none;
}
/* line 955, ../sass/global/_jquery-ui.scss */
.modal-style-1 .ui-dialog-content {
  padding: 0;
  margin: 0;
}
/* line 959, ../sass/global/_jquery-ui.scss */
.modal-style-1 .ui-dialog-titlebar {
  top: 0;
  right: 0;
}
/* line 963, ../sass/global/_jquery-ui.scss */
.modal-style-1 .modal-wrapper {
/*  background: url(/uk/global/wp-content/themes/honor/images/modal-style-1-top.png) top left no-repeat;*/
  width: 661px;
  padding: 11px 0 0 0;
  margin: 12px 0 0 0;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
}
/* line 970, ../sass/global/_jquery-ui.scss */
.modal-style-1 .modal-container {
/*  background: url(/uk/global/wp-content/themes/honor/images/modal-style-1.png) bottom left no-repeat;*/
  padding: 0 0 30px 0;
}

/* Fades and background-images don't work well together in IE6, drop the image */
/* line 977, ../sass/global/_jquery-ui.scss */
* html .ui-tooltip {
  background-image: none;
}

/* line 981, ../sass/global/_jquery-ui.scss */
body .ui-tooltip {
  border-width: 2px;
}

/*
** ICON
** Please use icon- as your CSS class prefix
*/
/* line 5, ../sass/global/_icon.scss */
/* .icon {
  text-decoration: none;
  display: block;
} */

/*
** BUTTONS
** Please use btn- as your CSS class prefix
*/
/* line 5, ../sass/global/_button.scss */
.btn {
  text-decoration: none;
  display: block;
}

/* line 1, ../sass/global/_form.scss */
.standard-form-style .desc {
  text-align: left;
  color: #fff;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style a.link:link, .standard-form-style a.link:active, .standard-form-style a.link:visited {
  color: #fff;
  text-decoration: underline;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style a.link:hover {
  text-decoration: none;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style .form-item {
  margin: 0 0 6px 0;
  text-align: left;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style .form-item p {
  color: #fff;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style .form-item label {
  float: left;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style .form-item .input-text {
  float: left;
}
/* line 1, ../sass/global/_form.scss */
.standard-form-style .form-item .textarea {
  float: left;
}

/* line 1, ../sass/global/_form.scss */
label {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}
/* line 1, ../sass/global/_form.scss */
label.label-1 {
  width: 78px;
  padding: 6px 10px 0 0;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

/* line 1, ../sass/global/_form.scss */
.input-file {
  float: left;
  margin: 0;
  position: relative;
}
/* line 1, ../sass/global/_form.scss */
.input-file input {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 341px;
  height: 23px;
}
/* line 1, ../sass/global/_form.scss */
.input-file span {
  position: absolute;
  width: 248px;
  height: 23px;
  line-height: 23px;
  color: #444;
  display: block;
  top: 0;
  left: 10px;
}
/* line 1, ../sass/global/_form.scss */
.input-file.input-file-1 {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -60px 0px;
  background-repeat: none;
  width: 340px;
  height: 23px;
}
/* line 1, ../sass/global/_form.scss */
.input-file.input-file-1 span {
  position: absolute;
  width: 248px;
  height: 23px;
  line-height: 23px;
  color: #444;
  display: block;
  top: 0;
  left: 10px;
}

/* line 1, ../sass/global/_form.scss */
.input-text {
  position: relative;
}
/* line 1, ../sass/global/_form.scss */
.input-text input {
  font-family: Arial, Helvetica, sans-serif;
}
/* line 1, ../sass/global/_form.scss */
.input-text.input-text-1 {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -390px 0px;
  background-repeat: none;
  width: 210px;
  height: 30px;
}
/* line 1, ../sass/global/_form.scss */
.input-text.input-text-1 input {
  background: none;
  border: none;
  width: 192px;
  position: absolute;
  top: 5px;
  left: 9px;
  height: 16px;
  font-size: 13px;
  color: #444;
  line-height: 1em;
}

/* line 1, ../sass/global/_form.scss */
.textarea {
  color: #444;
  position: relative;
}
/* line 1, ../sass/global/_form.scss */
.textarea textarea {
  resize: none;
  background: none;
  overflow: auto;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
}
/* line 1, ../sass/global/_form.scss */
.textarea.textarea-1 {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: 0px -180px;
  background-repeat: none;
  width: 207px;
  height: 81px;
}
/* line 1, ../sass/global/_form.scss */
.textarea.textarea-1 textarea {
  width: 192px;
  color: #444;
  height: 68px;
  position: absolute;
  top: 8px;
  left: 8px;
}

/* line 1, ../sass/global/_form.scss */
.checkbox-wrapper {
  border: medium none;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
/* line 1, ../sass/global/_form.scss */
.checkbox-wrapper .input-checkbox {
  border: medium none;
  cursor: pointer;
  height: 21px;
  margin: 3px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  width: 26px;
  z-index: 0;
  float: left;
  margin-right: 10px;
}
/* line 1, ../sass/global/_form.scss */
.checkbox-wrapper.checkbox-1 {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -810px 0px;
  background-repeat: none;
  width: 17px;
  height: 17px;
}
/* line 1, ../sass/global/_form.scss */
.checkbox-wrapper.checkbox-1.checked {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -810px -30px;
  background-repeat: none;
  width: 17px;
  height: 17px;
}

/* line 1, ../sass/global/_form.scss */
.radio-wrapper {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -690px 0px;
  background-repeat: none;
  width: 28px;
  height: 28px;
  border: medium none;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
/* line 1, ../sass/global/_form.scss */
.radio-wrapper .input-radio {
  border: medium none;
  cursor: pointer;
  height: 21px;
  margin: 3px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  width: 26px;
  z-index: 0;
  float: left;
  margin-right: 10px;
}
/* line 1, ../sass/global/_form.scss */
.radio-wrapper.radio-selected {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -690px -30px;
  background-repeat: none;
  width: 28px;
  height: 28px;
}
/* line 1, ../sass/global/_form.scss */
.radio-wrapper.radio-1 {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -1080px 0px;
  background-repeat: none;
  width: 16px;
  height: 16px;
}
/* line 1, ../sass/global/_form.scss */
.radio-wrapper.radio-1.radio-selected {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -1080px -30px;
  background-repeat: none;
  width: 16px;
  height: 16px;
}

/* line 1, ../sass/global/_form.scss */
.select-wrapper {
  border: none;
  float: left;
  margin-right: 0;
  position: relative;
  z-index: 20;
}
/* line 1, ../sass/global/_form.scss */
.select-wrapper select {
  cursor: pointer;
  opacity: 0;
  position: relative;
  z-index: 10;
  filter: alpha(opacity=0);
}
/* line 1, ../sass/global/_form.scss */
.select-wrapper span {
  color: #000;
  font-size: 13px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  z-index: 20;
}
/* line 1, ../sass/global/_form.scss */
.select-wrapper.select-1 {
  /* background-image: url(/uk/global/wp-content/themes/honor/images/ui.png); */
  background-position: -600px 0px;
  background-repeat: none;
  width: 208px;
  height: 30px;
}
/* line 1, ../sass/global/_form.scss */
.select-wrapper.select-1 span {
  left: 11px;
  top: 7px;
  color: #444;
}
/* line 1, ../sass/global/_form.scss */
.select-wrapper.select-1 select {
  width: 208px;
  height: 30px;
}

/* line 1, ../sass/global/_modal.scss */
.modal-backdrop {
  /*background-color: transparent;*/
}

@media only screen and (max-width: 767px) {
  /* line 5, ../sass/global/_modal.scss */
  #video-dialog {
    padding: 0 !important;
  }
}
/* line 10, ../sass/global/_modal.scss */
#video-dialog .modal-dialog {
  width: 76%;
}
@media only screen and (max-width: 767px) {
  /* line 10, ../sass/global/_modal.scss */
  #video-dialog .modal-dialog {
    width: auto;
  }
}
/* line 16, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
/* line 21, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content .modal-header {
  text-align: right;
  border: none;
  padding: 0;
}
/* line 27, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content .modal-body {
  padding: 0;
}
/* line 31, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content .close-video-btn {
  background: #ed1b24;
  font-size: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  padding: 10px 20px 0 20px;
  line-height: 15px;
  display: inline-block;
  height: 30px;
}

/*
** MISC
*/
/*
** HEADER
*/
/* line 4, ../sass/global/_header.scss */
nav {
  background: #00b3e0 !important;
  border-right: 5px solid #0096bb !important;
}
@media only screen and (min-width: 768px) {
  /* line 4, ../sass/global/_header.scss */
  nav {
    width: 65px !important;
    height: 100% !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block !important;
    overflow: visible !important;
  }
}
/* line 19, ../sass/global/_header.scss */
nav .sidebar-nav {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  /* line 19, ../sass/global/_header.scss */
  nav .sidebar-nav {
    padding-top: 0;
  }
}
/* line 27, ../sass/global/_header.scss */
nav .sidebar-nav li a {
  display: block;
  background: url(/content/dam/honor/global/other/common/img/loop-line.png) left top repeat-x;
  padding: 12px 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
/* line 36, ../sass/global/_header.scss */
nav .sidebar-nav li a .fa {
  font-size: 32px;
}
/* line 37, ../sass/global/_header.scss */
nav .sidebar-nav li a .txt {
  padding-top: 10px;
  font-size: 16px;
  line-height: 16px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  display: block;
}
nav .sidebar-nav li a .menu-image-title {
  padding-top: 10px;
  font-size: 16px;
  line-height: 16px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  display: block;
}
nav .sidebar-nav li .mobile-nav-second .menu-image-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}

/* line 45, ../sass/global/_header.scss */
nav .sidebar-nav li a .icon-connect {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 23px;
  height: 18px;
  background: url(/content/dam/honor/global/other/common/img/icon-connect.png) no-repeat;
}
@media only screen and (max-width: 767px) {
  /* line 27, ../sass/global/_header.scss */
  nav .sidebar-nav li a {
    text-align: left;
    padding: 15px 0 15px 10px;
  }
  /* line 57, ../sass/global/_header.scss */
  nav .sidebar-nav li a .txt {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
  }
   nav .sidebar-nav li a .menu-image-title {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
  }
}

/* line 67, ../sass/global/_header.scss */
nav .sidebar-nav li:last-child {
  background: url(/content/dam/honor/global/other/common/img/loop-line.png) left bottom repeat-x;
}
@media only screen and (max-width: 767px) {
  /* line 70, ../sass/global/_header.scss */
  nav .sidebar-nav li:first-child {
    background: none;
  }
}
/* line 76, ../sass/global/_header.scss */
nav .social {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  /* line 76, ../sass/global/_header.scss */
  nav .social {
    text-align: center;
  }
}
/* line 85, ../sass/global/_header.scss */
nav .social li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 10px;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}
/* line 93, ../sass/global/_header.scss */
nav .social li a:hover {
  opacity: 0.9;
}
/* line 97, ../sass/global/_header.scss */
nav .social li a.have-hover {
  position: relative;
}
/* line 99, ../sass/global/_header.scss */
nav .social li a.have-hover .hover-panel {
  padding: 10px;
  background: #fff;
  position: absolute;
  display: block;
  left: 65px;
  top: 0;
  z-index: 999;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  display: none;
}
/* line 109, ../sass/global/_header.scss */
nav .social li a.have-hover .hover-panel .arrow {
  width: 10px;
  height: 20px;
/*  background: url(/uk/global/wp-content/themes/honor/images/zh/global/arrow-left.png) no-repeat;*/
  position: absolute;
  display: block;
  left: -10px;
  top: 10px;
}
/* line 117, ../sass/global/_header.scss */
nav .social li a.have-hover:hover {
  background: #089fc4;
}
/* line 119, ../sass/global/_header.scss */
nav .social li a.have-hover:hover .hover-panel {
  display: block;
}
@media only screen and (max-width: 767px) {
  /* line 117, ../sass/global/_header.scss */
  nav .social li a.have-hover:hover {
    background: none;
  }
  /* line 123, ../sass/global/_header.scss */
  nav .social li a.have-hover:hover .hover-panel {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  /* line 84, ../sass/global/_header.scss */
  nav .social li {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding: 0 20px;
  }
  /* line 134, ../sass/global/_header.scss */
  nav .social li a {
    font-size: 24px;
  }
}

/* line 143, ../sass/global/_header.scss */
header {
  width: 100%;
  height: 85px;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 98;
}
@media only screen and (max-width: 767px) {
  /* line 143, ../sass/global/_header.scss */
  header {
    background-color: #00b5e2;
    overflow: hidden;
    margin: 0;
    position: relative;
    height: 50px;
  }
}
/* line 157, ../sass/global/_header.scss */
header .navbar-toggle {
  position: absolute;
  display: block;
  left: 0px;
  top: 0;
  margin: 0;
  padding: 0;
  border: none;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 24px;
}
/* line 167, ../sass/global/_header.scss */
header .highlight {
  width: 2px;
  height: 50px;
  background: url("/content/dam/honor/global/other/common/img/bg-border-right-toggle-menu.png") repeat-y;
  position: absolute;
  display: block;
  left: 50px;
  top: 0;
}
/* line 174, ../sass/global/_header.scss */
header .logo {
  position: absolute;
  display: block;
  width: 20%;
  top: 18px;
}
/* line 176, ../sass/global/_header.scss */
header .logo .blue-logo {
  display: none;
}
/* line 177, ../sass/global/_header.scss */
header .logo .white-logo {
  display: block;
}
/* line 178, ../sass/global/_header.scss */
header .logo .visible {
  display: block;
}
/* line 180, ../sass/global/_header.scss */
header .logo img {
  width: 102px;
  height: 36px;
}
/* line 186, ../sass/global/_header.scss */
header .mb-logo {
  width: 85px;
  height: 33px;/*21改33*/
  background: url(/content/dam/honor/global/other/common/img/logo-wap1.png) no-repeat;
  position: absolute;
  display: block;
  left: 70px;
  top: 12px;
}
/* line 193, ../sass/global/_header.scss */
header .right-section {
  position: absolute;
  display: block;
  top: 40px;
  right: 30px;
}
@media only screen and (max-width: 767px) {
  /* line 193, ../sass/global/_header.scss */
  header .right-section {
    right: 10px;
    top: 0px;
  }
}
/* line 200, ../sass/global/_header.scss */
header .right-section a {
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}
/* line 202, ../sass/global/_header.scss */
header .right-section a:hover {
  opacity: 0.9;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}
/* line 208, ../sass/global/_header.scss */
header .sign_in, header .your-cart, header .search {
  font-size: 18px;
  line-height: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  float: left;
  margin-right: 18px;
}
@media only screen and (max-width: 767px) {
  /* line 208, ../sass/global/_header.scss */
  header .sign_in, header .your-cart, header .search {
    margin-right: 0px;
  }
}
/* line 220, ../sass/global/_header.scss */
header .sign_in:last-child, header .your-cart:last-child, header .search:last-child {
  margin-right: 0;
}
/* line 223, ../sass/global/_header.scss */
header .sign_in .fa, header .your-cart .fa, header .search .fa {
  font-size: 16px;
  vertical-align: middle;
  padding-right: 8px;
}
@media only screen and (max-width: 767px) {
  /* line 223, ../sass/global/_header.scss */
  header .sign_in .fa, header .your-cart .fa, header .search .fa {
    font-size: 24px;
    line-height: 50px;
  }
}
/* line 234, ../sass/global/_header.scss */
header .sign_in a, header .your-cart a, header .search a {
  font-size: 18px;
  line-height: 18px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  /* line 240, ../sass/global/_header.scss */
  header .sign_in a .txt, header .your-cart a .txt, header .search a .txt {
    display: none;
  }
}
/* line 243, ../sass/global/_header.scss */
header .sign_in a .ico, header .your-cart a .ico, header .search a .ico {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: url(/content/dam/honor/global/other/common/img/ico-login.png) no-repeat;
}
/* line 253, ../sass/global/_header.scss */
header .your-cart {
  display: none;
}
/* line 255, ../sass/global/_header.scss */
header .your-cart a .ico {
  background: url(/content/dam/honor/global/other/common/img/ico-cart.png) no-repeat;
}
/* line 258, ../sass/global/_header.scss */
header .search {
  display: none;
}
/* line 260, ../sass/global/_header.scss */
header .search a .ico {
  background: url(/content/dam/honor/global/other/common/img/ico-search.png) no-repeat;
}
/* line 264, ../sass/global/_header.scss */
header.affix {
  height: 70px;
  position: fixed;
  background: #fff;
  z-index: 999;
}
/* line 270, ../sass/global/_header.scss */
header.affix .logo {
  top: 20px;
}
/* line 272, ../sass/global/_header.scss */
header.affix .logo .blue-logo {
  display: block;
}
/* line 273, ../sass/global/_header.scss */
header.affix .logo .white-logo {
  display: none;
}
/* line 275, ../sass/global/_header.scss */
header.affix .logo img {
  width: 102px;
  height: 36px;
}
/* line 280, ../sass/global/_header.scss */
header.affix .right-section {
  top: 27px;
}
/* line 283, ../sass/global/_header.scss */
header.affix .right-section .sign_in a, header.affix .right-section .your-cart a, header.affix .right-section .search a {
  color: #777;
}
/* line 288, ../sass/global/_header.scss */
header.affix .right-section .your-cart a {
  color: #777;
}
/* line 293, ../sass/global/_header.scss */
header.affix .right-section .search a {
  color: #777;
}
@media only screen and (max-width: 767px) {
  /* line 264, ../sass/global/_header.scss */
  header.affix {
    position: relative;
  }
}
/* line 306, ../sass/global/_header.scss */
header.grey-header .sign_in a, header.grey-header .your-cart a, header.grey-header .search a {
  color: #777;
}
/* line 311, ../sass/global/_header.scss */
header.grey-header .your-cart a {
  color: #777;
}
/* line 316, ../sass/global/_header.scss */
header.grey-header .search a {
  color: #777;
}
@media only screen and (max-width: 767px) {
  /* line 322, ../sass/global/_header.scss */
  header.grey-header .sign_in a, header.grey-header .your-cart a, header.grey-header .search a {
    color: #fff;
  }
  /* line 323, ../sass/global/_header.scss */
  header.grey-header .your-cart a {
    color: #fff;
  }
  /* line 324, ../sass/global/_header.scss */
  header.grey-header .search a {
    color: #fff;
  }
}

/*
** FOOTER
*/
/* line 5, ../sass/global/_footer.scss */
footer .footer {
  padding-top: 70px;
  padding-left: 100px;
}
/* line 9, ../sass/global/_footer.scss */
footer .footer .txt {
  font-size: 26px;
  font-family: "bignoodletitlingregular";
  color: #cccccc;
  line-height: 70px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  /* line 5, ../sass/global/_footer.scss */
  footer .footer {
    padding-left: 0;
    text-align: center;
    /* background: url(/uk/global/wp-content/themes/honor/images/global/footer-mb-mask.jpg) left top no-repeat #139ed1;
    background-size: 100%; */
    background: #139ed1;
    padding-top: 40px;
    /* margin-top: 30px; */
  }
  /* line 27, ../sass/global/_footer.scss */
  footer .footer .social li {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    text-align: center;
    padding: 0 25px;
  }
  /* line 33, ../sass/global/_footer.scss */
  footer .footer .social li a {
    font-size: 24px;
    color: #fff;
  }
}

/* line 1, ../sass/global/_global.scss */
body {
  color: black;
  width: 100%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  position: relative;
  overflow-x: hidden;
}

/* line 11, ../sass/global/_global.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 17, ../sass/global/_global.scss */
a {
  color: #0d79ac;
}
/* line 20, ../sass/global/_global.scss */
a.pink-btn, a.white-btn, a.blue-btn {
  background: url("/content/dam/honor/global/other/common/img/btn.png") no-repeat;
  width: 174px;
  height: 43px;
  display: inline-block;
  margin-right: -4px;
  font-family: "bignoodletitlingregular";
  font-size: 19px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}
/* line 33, ../sass/global/_global.scss */
a.pink-btn .fa, a.white-btn .fa, a.blue-btn .fa {
  font-size: 20px;
}
/* line 35, ../sass/global/_global.scss */
a.pink-btn:hover, a.white-btn:hover, a.blue-btn:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")";
  filter: alpha(opacity=90);
  zoom: 1;
}
/* line 39, ../sass/global/_global.scss */
a.white-btn, a.blue-btn {
  background: none;
  width: auto;
  border: 2px solid #fff;
  padding: 0 60px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}
/* line 47, ../sass/global/_global.scss */
a.blue-btn {
  border: 2px solid #00b3e0;
  color: #00b3e0;
}

/* line 54, ../sass/global/_global.scss */
a:link, a:visited, a:active {
  text-decoration: none;
}

/* line 58, ../sass/global/_global.scss */
a:hover {
  -moz-transition: color 500ms ease 0s;
  -webkit-transition: color 500ms ease 0s;
}

/* line 63, ../sass/global/_global.scss */
a:focus, button:focus, textarea:focus, input:focus {
  outline: none;
}

/* line 67, ../sass/global/_global.scss */
:focus {
  outline: none;
}

/* line 71, ../sass/global/_global.scss */
::-moz-focus-inner {
  border: 0;
}

/* line 75, ../sass/global/_global.scss */
textarea:focus, input:focus {
  outline: none;
}

/* line 79, ../sass/global/_global.scss */
input, textarea {
  font-family: Arial, Helvetica, sans-serif;
}

/* line 83, ../sass/global/_global.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* line 89, ../sass/global/_global.scss */
ul, ol {
  list-style: none;
}

/* line 93, ../sass/global/_global.scss */
img.full-size {
  width: 100%;
}

/*
** PAGE
*/
/* line 98, ../sass/global/_global.scss */
.page {
  margin: 0 auto;
  width: 100%;
}

/* line 102, ../sass/global/_global.scss */
.no-wrapp {
  padding-right: 0;
  padding-left: 0;
}

/* line 107, ../sass/global/_global.scss */
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* line 112, ../sass/global/_global.scss */
.check-screen {
  position: absolute;
  display: block;
  left: -100%;
  top: -100%;
}

/* centered columns styles */
/* line 117, ../sass/global/_global.scss */
.row-centered {
  text-align: center;
}

/* line 120, ../sass/global/_global.scss */
.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

/* line 1, ../sass/page/_home.scss */
#top-banner {
  position: relative;
  overflow: hidden;
}
/* line 6, ../sass/page/_home.scss */
#top-banner .topbannerSlider .slider-item-c {
  position: relative;
}
/* line 9, ../sass/page/_home.scss */
#top-banner .topbannerSlider .slider-item-c .big-photo-c {
  width: 100%;
}
/* line 14, ../sass/page/_home.scss */
#top-banner .bx-viewport {
  z-index: 0;
}
/* line 16, ../sass/page/_home.scss */
#top-banner .bx-pager {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 12px;
  text-align: center;
  z-index: 1;
  display: none;

}
@media only screen and (max-width: 767px) {
  /* line 16, ../sass/page/_home.scss */
  #top-banner .bx-pager {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 16, ../sass/page/_home.scss */
  #top-banner .bx-pager {
    display: block;
  }
}
/* line 30, ../sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  margin-left: 18px;
}
/* line 36, ../sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item:first-child {
  margin-left: 0;
}
div#top-banner{z-index:1;margin-top:-2%;}
/* line 38, ../sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  width: 7px;
  height: 7px;
  background: none;
  border: 1px solid #fefefe;
  border-radius: 100px 100px 100px 100px;
  -moz-border-radius: 100px 100px 100px 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  text-indent: -9999px;
}
/* line 47, ../sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item .bx-pager-link.active {
  background: #fefefe;
}
/* line 54, ../sass/page/_home.scss */
#top-banner .bx-controls-direction {
  margin: 0 auto;
}
/* line 57, ../sass/page/_home.scss */
#top-banner .bx-controls-direction .bx-prev {
  width: 21px;
  height: 42px;
  background: url(/content/dam/honor/global/other/common/img/icon-arrow-left.png) no-repeat;
  position: absolute;
  display: block;
  left: 95px;
  top: 45%;
  text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
  /* line 57, ../sass/page/_home.scss */
  #top-banner .bx-controls-direction .bx-prev {
    background-image: url(/content/dam/honor/global/other/common/img/icon-arrow-left-mobile.png);
    left: 15px;
  }
}
/* line 68, ../sass/page/_home.scss */
#top-banner .bx-controls-direction .bx-next {
  width: 21px;
  height: 42px;
  background: url(/content/dam/honor/global/other/common/img/icon-arrow-right.png) no-repeat;
  position: absolute;
  display: block;
  top: 45%;
  right: 15px;
  text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
  /* line 68, ../sass/page/_home.scss */
  #top-banner .bx-controls-direction .bx-next {
    background-image: url(/content/dam/honor/global/other/common/img/icon-arrow-right-mobile.png);
  }
}
#top-banner .bx-controls-direction .bx-prev-end {
  position: absolute;
  left: 95px;
  top: 40%;
  width: 60px;
  height: 60px;
  z-index: 20;
  background: #000;
  opacity: .3;
  -moz-opacity: .3;
  filter: Alpha(opacity=30);
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
/* line 80, ../sass/page/_home.scss */
#top-banner .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  z-index: 98;
}
/* line 84, ../sass/page/_home.scss */
#top-banner .banner-mask img {
  width: 100%;
}
/* line 87, ../sass/page/_home.scss */
#top-banner .align-center-section {
  width: 100%;
  text-align: center;
  position: absolute;
  display: block;
  left: 0;
  bottom: 80px;
  z-index: 98;
}
/* line 93, ../sass/page/_home.scss */
#top-banner .align-center-section .scroll-down-btn {
  width: 78px;
  height: 78px;
  background: url(/content/dam/honor/global/other/common/img/scroll-down-btn.png) no-repeat;
  display: inline-block;
}

/* line 102, ../sass/page/_home.scss */
#wrap-features-product {
  position: relative;
}
/* line 105, ../sass/page/_home.scss */
#wrap-features-product .features-heading {
  margin-top:10%;
  width: 50%;
  float: left;
}
@media only screen and (max-width: 767px) {
  /* line 105, ../sass/page/_home.scss */
  #wrap-features-product .features-heading {
    width: 100%;
    float: none;
  }
}
/* line 113, ../sass/page/_home.scss */
#wrap-features-product .features-heading .title {
  font-family: "bignoodletitlingregular";
  font-size: 60px;
  color: #333333;
  text-transform: uppercase;
  line-height: 50px;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  /* line 113, ../sass/page/_home.scss */
  #wrap-features-product .features-heading .title {
    text-align: center;
    font-size: 40px;
    margin-top: 20px;
  }
}
/* line 127, ../sass/page/_home.scss */
#wrap-features-product .features-heading .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  color: #666666;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {
  /* line 127, ../sass/page/_home.scss */
  #wrap-features-product .features-heading .desc {
    text-align: center;
  }
}
/* line 139, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .features-list {
  width: 50%;
  float: left;
}
/* line 143, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .features-list ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
/* line 148, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .features-list ul li {
  float: left;
}
/* line 151, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .features-list ul li a {
  display: block;
  padding-right: 50px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 151, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-list ul li a {
    padding-right: 0;
    width: 75px;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 151, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-list ul li a {
    padding-right: 25px;
  }
}
/* line 165, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .features-list ul li a .name {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  font-family: "bignoodletitlingregular";
  font-size: 16px;
  color: #444444;
  max-width: 60px;
}
@media only screen and (max-width: 767px) {
  /* line 165, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-list ul li a .name {
    max-width: 100%;
    width: 100%;
  }
}
/* line 184, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .lnk-learn-more {
  margin-top: 45px;
  display: inline-block;
  border: 2px solid #ebebeb;
  background-color: #fff;
  width: auto;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #01b4e1;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "bignoodletitlingregular";
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}
/* line 200, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .lnk-learn-more:hover {
  opacity: 0.7;
}
/* line 205, ../sass/page/_home.scss */
#wrap-features-product .wrap-info .features-img {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  /* line 208, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-img img {
    width: 100%;
  }
}

/* line 218, ../sass/page/_home.scss */
#story-block {
  position: relative;
  color: #fff;
  margin-top: 0px;
}
/* line 223, ../sass/page/_home.scss */
#story-block .skew-block {
  width: 100%;
  height: 60px;
  -ms-transform: skewY(-3deg);
  /* IE 9 */
  -webkit-transform: skewY(-3deg);
  /* Safari */
  transform: skewY(-3deg);
  /* Standard syntax */
  -sand-transform: skewY(-3deg);
  /* IE 8 */
  background: url("/content/dam/honor/global/other/common/img/bg-block.png") repeat;
}
/* line 233, ../sass/page/_home.scss */
#story-block .inner {
  background: url("/content/dam/honor/global/other/common/img/bg-block.png") repeat;
  position: relative;
}
@media only screen and (max-width: 767px) {
  /* line 233, ../sass/page/_home.scss */
  #story-block .inner {
    margin-top: -20px;
  }
}
/* line 240, ../sass/page/_home.scss */
#story-block .inner .block-photo {
  margin-top: -60px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 240, ../sass/page/_home.scss */
  #story-block .inner .block-photo {
    margin-top: -55px;
  }
}
/* line 247, ../sass/page/_home.scss */
#story-block .inner .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: -2px;
  z-index: 98;
}
@media only screen and (max-width: 767px) {
  /* line 247, ../sass/page/_home.scss */
  #story-block .inner .banner-mask {
    position: absolute;
    display: block;
    left: 0;
    bottom: -4px;
  }
}
/* line 254, ../sass/page/_home.scss */
#story-block .inner .banner-mask img {
  width: 100%;
}
/* line 257, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .slider-story-block {
  overflow: hidden;
  margin: 0;
}
/* line 261, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .slider-story-block .item {
  position: relative;
}
/* line 264, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info {
  position: absolute;
  bottom: 30px;
  left: 15px;
}
/* line 269, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info .name {
  font-family: "bignoodletitlingregular";
  font-size: 25px;
  text-transform: uppercase;
  color: #fff;
  display: block;
}
/* line 276, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info .title {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-top: 8px;
}
/* line 285, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .slider-story-block .item img {
  width: 100%;
}
/* line 290, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .bx-controls {
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
/* line 297, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager {
  overflow: hidden;
}
/* line 300, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager .bx-pager-item {
  padding: 0 5px;
  display: inline-block;
}
/* line 304, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  opacity: 0.6;
  background-color: #fff;
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -99999px;
  border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
}
/* line 313, ../sass/page/_home.scss */
#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  opacity: 1;
}
/* line 323, ../sass/page/_home.scss */
#story-block .block-txt {
  padding-top: 30%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 323, ../sass/page/_home.scss */
  #story-block .block-txt {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 323, ../sass/page/_home.scss */
  #story-block .block-txt {
    padding-top: 10px;
  }
}
/* line 335, ../sass/page/_home.scss */
#story-block .block-txt .block-title {
  font-family: "lunaregular";
  font-size: 20px;
  text-shadow: 1px 3px 1px #0a7d99;
}
/* line 340, ../sass/page/_home.scss */
#story-block .block-txt .block-desc {
  max-width: 235px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin: 22px auto;
}
@media only screen and (max-width: 767px) {
  /* line 347, ../sass/page/_home.scss */
  #story-block .block-txt .pink-btn, #story-block .block-txt a.white-btn, #story-block .block-txt a.blue-btn {
    margin-bottom: 35px;
  }
}
/* line 354, ../sass/page/_home.scss */
#story-block .col-wrapper {
  float: right;
  margin-top: -72px;
}
/* line 358, ../sass/page/_home.scss */
#story-block .col-wrapper > div {
  float: left;
  position: relative;
}
/* line 362, ../sass/page/_home.scss */
#story-block .col-wrapper > div > img {
  width: 100%;
}
/* line 366, ../sass/page/_home.scss */
#story-block .col-wrapper .name-wrapper {
  left: 30px;
  position: absolute;
}
/* line 370, ../sass/page/_home.scss */
#story-block .col-wrapper .name-wrapper .name {
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
/* line 376, ../sass/page/_home.scss */
#story-block .col-wrapper .name-wrapper .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
}
/* line 381, ../sass/page/_home.scss */
#story-block .col-wrapper .img-1 {
  margin-right: -3.37%;
  margin-top: 24px;
  width: 36.7%;
}
/* line 386, ../sass/page/_home.scss */
#story-block .col-wrapper .img-1 .name-wrapper {
  bottom: 35px;
}
/* line 390, ../sass/page/_home.scss */
#story-block .col-wrapper .img-2 {
  margin-right: -7.4%;
  margin-top: 12px;
  width: 37.87%;
}
/* line 395, ../sass/page/_home.scss */
#story-block .col-wrapper .img-2 .name-wrapper {
  top: 50px;
}
/* line 399, ../sass/page/_home.scss */
#story-block .col-wrapper .img-3 {
  width: 36.2%;
}
/* line 401, ../sass/page/_home.scss */
#story-block .col-wrapper .img-3 .name-wrapper {
  bottom: 56px;
}

/* line 409, ../sass/page/_home.scss */
#wrap-introducing-plank {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 500px;
  padding-left: 65px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 409, ../sass/page/_home.scss */
  #wrap-introducing-plank {
    padding: 0 0 30px 0;
    height: auto;
    background: url(/content/dam/honor/global/other/common/img/footer-mb-mask.jpg) bottom left no-repeat;
    background-size: 100%;
  }
}
/* line 423, ../sass/page/_home.scss */
#wrap-introducing-plank .title {
  font-family: "bignoodletitlingregular";
  font-size: 32px;
  text-transform: uppercase;
  color: #333333;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
/* line 433, ../sass/page/_home.scss */
#wrap-introducing-plank .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  color: #333333;
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
}
/* line 442, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid {
  width: 995px;
  position: relative;
  margin: 75px auto 0;
}
/* line 447, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1, #wrap-introducing-plank .diamond-grid .dg-2, #wrap-introducing-plank .diamond-grid .dg-3 {
  position: relative;
  float: left;
}
/* line 451, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c, #wrap-introducing-plank .diamond-grid .dg-2 .img-c, #wrap-introducing-plank .diamond-grid .dg-3 .img-c {
  position: absolute;
}
/* line 454, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c > img, #wrap-introducing-plank .diamond-grid .dg-2 .img-c > img, #wrap-introducing-plank .diamond-grid .dg-3 .img-c > img {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
}
/* line 462, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
/* line 467, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg {
  background: url(/content/dam/honor/global/other/common/img/transparent-2.png) repeat;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
  display: none;
}
/* line 479, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg .fixBGIE8, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg .fixBGIE8, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg .fixBGIE8 {
  display: none;
}
/* line 481, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40% 0 0 0;
  color: #fff;
  line-height: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  display: none;
}
/* line 492, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt .fa, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt .fa, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt .fa {
  font-size: 30px;
}
/* line 497, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c.lnk-play-video, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c.lnk-play-video, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c.lnk-play-video {
  background: url("/content/dam/honor/global/other/common/img/icon-play.png") center center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
/* line 503, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c.lnk-play-video:hover, #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c.lnk-play-video:hover, #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c.lnk-play-video:hover {
  opacity: 0.8;
}
/* line 511, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c .bg, #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c .txt, #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c .bg, #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c .txt, #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c .bg, #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c .txt {
  display: block;
}
/* line 517, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 {
  width: 275px;
  height: 183px;
}
/* line 521, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-1 {
  left: 0;
  top: 0;
}
/* line 525, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-1 .img-2 {
  left: -17px;
  bottom: -85px;
}
/* line 531, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-2 {
  width: 363px;
  height: 452px;
  margin-left: -90px;
  z-index: 1;
}
/* line 536, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-2 .img-1 {
  top: 10px;
  left: 50px;
}
/* line 541, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-2 .img-1 .hover-c .txt {
  padding-top: 38%;
}
/* line 546, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-2 .img-2 {
  right: -45px;
  top: 0px;
}
/* line 550, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-2 .img-3 {
  top: 98px;
  right: -170px;
}
/* line 555, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-2 .img-3 .hover-c .txt {
  padding-top: 38%;
}
/* line 562, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-3 {
  width: 317px;
  height: 226px;
}
/* line 566, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-3 .img-1 {
  top: -10px;
  left: 166px;
}
/* line 571, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-3 .img-1 .hover-c .txt {
  padding-top: 38%;
}
/* line 576, ../sass/page/_home.scss */
#wrap-introducing-plank .diamond-grid .dg-3 .img-2 {
  right: -167px;
  top: -7px;
}
/* line 582, ../sass/page/_home.scss */
#wrap-introducing-plank .bx-viewport {
  overflow: visible!important;
  width: 320px!important;
}
/* line 586, ../sass/page/_home.scss */
#wrap-introducing-plank .wrap-slider-introducing-plank {
  padding: 20px 0 0;
}
/* line 590, ../sass/page/_home.scss */
#wrap-introducing-plank .wrap-slider-introducing-plank .list-items .items {
  width: 180px!important;
  margin: 0;
  padding: 45px 0;
}
/* line 595, ../sass/page/_home.scss */
#wrap-introducing-plank .wrap-slider-introducing-plank .list-items .items img {
  width: 100%;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
}

/* line 2, ../sass/page/_product.scss */
.page-product .phone-section-wrapper {
  overflow: hidden;
}
/* line 5, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section {
  position: relative;
}
/* line 8, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .desc {
  position: absolute;
  display: block;
  top: 43%;
  right: 18%;
}
@media only screen and (max-width: 767px) {
  /* line 8, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc {
    top: 60%;
    left: 10%;
    right: auto;
  }
}
/* line 16, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .desc .title {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 70px;
  line-height: 0.8;
}
@media only screen and (max-width: 767px) {
  /* line 16, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .title {
    font-size: 45px;
  }
}
/* line 25, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .desc .headline {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  line-height: 35px;
  vertical-align: middle;
}
/* line 32, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .desc .headline a {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  /* line 32, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .headline a {
    display: block;
    line-height: 20px;
    min-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 25, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .headline {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 44, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .ico-headline {
    width: 18px;
  }
}
/* line 51, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper {
  margin: 0 auto;
  position: relative;
}
/* line 55, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper #main-phone-img {
  width: 100%;
}
/* line 59, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c {
  min-width: 300px;
}
/* line 62, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .ico-detail {
  background: url("/content/dam/honor/global/other/common/img/ico-detail.png") no-repeat;
  width: 36px;
  height: 36px;
  display: block;
}
/* line 68, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .hover-section {
  background: url("/content/dam/honor/global/other/common/img/bg-detail-l.png") left top no-repeat;
  padding-left: 21px;
  position: absolute;
  display: block;
  left: 30px;
  bottom: 25px;
  display: none;
}
/* line 74, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .hover-section .hover-section-r {
  background: url("/content/dam/honor/global/other/common/img/bg-detail-right.png") right top no-repeat;
  padding-right: 5px;
  display: block;
}
/* line 79, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .hover-section .hover-section-r .txt {
  display: block;
  background: url("/content/dam/honor/global/other/common/img/bg-detail-center.png") repeat-x;
  width: auto;
  height: 35px;
  color: #333;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  padding: 15px 0 0 0;
}
/* line 92, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-1 {
  position: absolute;
  display: block;
  left: 8%;
  bottom: 50%;
}
/* line 95, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-1:hover .ico-detail {
  background-image: url("/content/dam/honor/global/other/common/img/ico-detail-active-1.png");
}
/* line 100, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-2 {
  position: absolute;
  display: block;
  left: 30%;
  bottom: 15%;
}
/* line 103, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-2:hover .ico-detail {
  background-image: url("/content/dam/honor/global/other/common/img/ico-detail-active-1.png");
}
/* line 108, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-3 {
  position: absolute;
  display: block;
  left: 45%;
  bottom: 60%;
}
/* line 111, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-3:hover .ico-detail {
  background-image: url("/content/dam/honor/global/other/common/img/ico-detail-active-1.png");
}
/* line 116, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-4 {
  position: absolute;
  display: block;
  left: 85%;
  bottom: 55%;
}
/* line 119, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-4:hover .ico-detail {
  background-image: url("/content/dam/honor/global/other/common/img/ico-detail-active-1.png");
}
/* line 126, ../sass/page/_product.scss */
.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c:hover .hover-section {
  display: block;
}
/* line 135, ../sass/page/_product.scss */
.page-product .sticky-nav {
  width: 100%;
  height: 130px;
  margin-top: -130px;
  padding-top: 16px;
  padding-left: 65px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 135, ../sass/page/_product.scss */
  .page-product .sticky-nav {
    height: 80px;
    margin-top: -80px;
  }
}
/* line 149, ../sass/page/_product.scss */
.page-product .sticky-nav .row {
  margin: 0;
}
/* line 152, ../sass/page/_product.scss */
.page-product .sticky-nav .col-20 {
  width: 20%;
  float: left;
  text-align: center;
}
/* line 156, ../sass/page/_product.scss */
.page-product .sticky-nav .col-20 a {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
}
/* line 160, ../sass/page/_product.scss */
.page-product .sticky-nav .col-20 a img {
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 160, ../sass/page/_product.scss */
  .page-product .sticky-nav .col-20 a img {
    width: 30px;
  }
}
/* line 167, ../sass/page/_product.scss */
.page-product .sticky-nav .col-20 a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")";
  filter: alpha(opacity=70);
  zoom: 1;
}
/* line 172, ../sass/page/_product.scss */
.page-product .sticky-nav.affix {
  position: fixed;
  top: 70px;
  z-index: 999;
  margin-bottom: 0;
  background-color: #f6f6f6;
  border-bottom: 2px solid #e8e7e7;
  padding-top: 16px;
  height: 80px;
  opacity: 0;
  margin-top: 0px;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}
/* line 185, ../sass/page/_product.scss */
.page-product .sticky-nav.affix.scrolling-up {
  opacity: 1;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 172, ../sass/page/_product.scss */
  .page-product .sticky-nav.affix {
    height: 60px;
  }
}
/* line 196, ../sass/page/_product.scss */
.page-product .block-title {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 50px;
  line-height: 50px;
  min-height: 60px;
  /*
  &.ico-taxi {
    background: url(/uk/global/wp-content/themes/honor/images/product/ico-taxi.png) left top no-repeat;
    padding-left: 120px;
    padding-top: 10px;
  }
  &.ico-birthday {
    background: url(/uk/global/wp-content/themes/honor/images/product/ico-birthday.png) left top no-repeat;
    padding-left: 65px;
    padding-top: 10px;
  }
  &.ico-call {
    background: url(/uk/global/wp-content/themes/honor/images/product/ico-call.png) left top no-repeat;
    padding-left: 68px;
    padding-top: 10px;
  }
  */
}
@media only screen and (max-width: 767px) {
  /* line 196, ../sass/page/_product.scss */
  .page-product .block-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 196, ../sass/page/_product.scss */
  .page-product .block-title {
    font-size: 30px;
  }
}
/* line 210, ../sass/page/_product.scss */
.page-product .block-title .ico {
  vertical-align: middle;
  display: inline-block;
  margin-right: -4px;
}
/* line 215, ../sass/page/_product.scss */
.page-product .block-title .txt {
  vertical-align: middle;
  display: inline-block;
  margin-right: -4px;
  padding-left: 20px;
  line-height: 50px;
  padding-top: 15px;
}
/* line 241, ../sass/page/_product.scss */
.page-product .block-title.white-block {
  color: #01b4e1;
}
/* line 245, ../sass/page/_product.scss */
.page-product .block-desc {
  color: #fff;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  /* line 245, ../sass/page/_product.scss */
  .page-product .block-desc {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 245, ../sass/page/_product.scss */
  .page-product .block-desc {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
/* line 263, ../sass/page/_product.scss */
.page-product .block-desc h3 {
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 263, ../sass/page/_product.scss */
  .page-product .block-desc h3 {
    padding-top: 20px;
  }
}
/* line 272, ../sass/page/_product.scss */
.page-product .block-desc h3.white-block {
  color: #777;
}
/* line 277, ../sass/page/_product.scss */
.page-product .block-desc.white-block {
  color: #444;
}
/* line 283, ../sass/page/_product.scss */
.page-product .product-sliders .left-col, .page-product .product-sliders .right-col {
  position: relative;
}
/* line 285, ../sass/page/_product.scss */
.page-product .product-sliders .left-col .left-img, .page-product .product-sliders .left-col .right-img, .page-product .product-sliders .right-col .left-img, .page-product .product-sliders .right-col .right-img {
  width: 100%;
}
/* line 290, ../sass/page/_product.scss */
.page-product .product-sliders .col-content {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 20% 10% 0 10%;
}
@media only screen and (max-width: 767px) {
  /* line 290, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content {
    padding: 50px 25px 0 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 290, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content {
    padding: 10% 5% 0 5%;
  }
}
/* line 306, ../sass/page/_product.scss */
.page-product .product-sliders .col-content .block-icons-wrapper .item-c {
  text-align: center;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  /* line 306, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 306, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c {
    padding: 0 10px;
  }
}
@media only screen and (width: 1024px) {
  /* line 306, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c {
    padding: 0 10px;
  }
}
/* line 323, ../sass/page/_product.scss */
.page-product .product-sliders .col-content .block-icons-wrapper .item-c img {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  /* line 323, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c img {
    height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 323, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c img {
    height: 50px;
  }
}
/* line 333, ../sass/page/_product.scss */
.page-product .product-sliders .col-content .block-icons-wrapper .item-c .txt {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  margin-bottom: 0;
  display: block;
}
@media only screen and (max-width: 767px) {
  /* line 333, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c .txt {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 333, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c .txt {
    font-size: 15px;
  }
}
/* line 347, ../sass/page/_product.scss */
.page-product .product-sliders .col-content .block-icons-wrapper .item-c .txt.white-block {
  color: #333;
}
/* line 352, ../sass/page/_product.scss */
.page-product .product-sliders .col-content .block-icons-wrapper .item-c:first-child {
  padding-left: 0;
}
/* line 360, ../sass/page/_product.scss */
.page-product .bx-wrapper {
  position: relative;
}
/* line 362, ../sass/page/_product.scss */
.page-product .bx-wrapper .bx-controls {
  z-index: 51;
  width: 50%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 10%;
}
@media only screen and (max-width: 767px) {
  /* line 362, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls {
    width: auto;
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 362, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls {
    bottom: 5%;
  }
}
/* line 375, ../sass/page/_product.scss */
.page-product .bx-wrapper .bx-controls .bx-pager {
  padding: 0 10%;
}
@media only screen and (max-width: 767px) {
  /* line 375, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls .bx-pager {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 375, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls .bx-pager {
    padding: 0 5%;
  }
}
/* line 385, ../sass/page/_product.scss */
.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  margin-right: 15px;
}
/* line 391, ../sass/page/_product.scss */
.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("/content/dam/honor/global/other/common/img/btn-radio.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
}
/* line 397, ../sass/page/_product.scss */
.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("/content/dam/honor/global/other/common/img/btn-radio-active.png");
}
/* line 402, ../sass/page/_product.scss */
.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child {
  margin-right: 0;
}
/* line 408, ../sass/page/_product.scss */
.page-product .section-1-wrapper {
  padding-left: 65px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  /* line 408, ../sass/page/_product.scss */
  .page-product .section-1-wrapper {
    padding-left: 0;
    border-top: 2px solid #d5d4d4;
  }
  /* line 416, ../sass/page/_product.scss */
  .page-product .section-1-wrapper .product-sliders .right-col {
    margin-top: -20px;
  }
}
/* line 423, ../sass/page/_product.scss */
.page-product .section-2-wrapper {
  padding-left: 65px;
  margin-top: -3%;
  overflow: hidden;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  /* line 423, ../sass/page/_product.scss */
  .page-product .section-2-wrapper {
    padding-left: 0;
    margin-top: 0;
  }
  /* line 435, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col {
    background-color: #FFF;
    float: none;
    z-index: 1;
  }
  /* line 440, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content {
    position: relative;
  }
  /* line 442, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content .block-title {
    color: #13bde3;
  }
  /* line 443, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content .block-desc {
    color: #444;
  }
  /* line 444, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content .block-desc-1 {
    color: #444;
  }
  /* line 447, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .right-col {
    float: none;
    margin-top: -110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 455, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .col-content {
    padding-top: 10%;
  }
}
/* line 463, ../sass/page/_product.scss */
.page-product .section-2-wrapper .bx-wrapper .bx-controls {
  position: absolute;
  display: block;
  left: auto;
  right: 0;
  bottom: 10%;
}
@media only screen and (max-width: 767px) {
  /* line 463, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .bx-wrapper .bx-controls {
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 2%;
  }
  /* line 470, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey.png");
  }
  /* line 472, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link.active {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey-active.png");
  }
}
/* line 482, ../sass/page/_product.scss */
.page-product .section-3-wrapper {
  padding-left: 65px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  /* line 482, ../sass/page/_product.scss */
  .page-product .section-3-wrapper {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  /* line 492, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .right-col {
    margin-top: -15px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 499, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-title, .page-product .section-3-wrapper .product-sliders .col-content .block-desc {
    color: #FFF;
  }
}
/* line 505, ../sass/page/_product.scss */
.page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c {
  padding-right: 90px;
}
/* line 507, ../sass/page/_product.scss */
.page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c .txt {
  color: #333333;
}
@media only screen and (max-width: 767px) {
  /* line 505, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c {
    padding-right: 5px;
  }
  /* line 511, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c .txt {
    color: #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 505, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c {
    padding-right: 5px;
  }
}
/* line 521, ../sass/page/_product.scss */
.page-product .section-3-wrapper .bx-wrapper .bx-controls {
  position: absolute;
  display: block;
  left: auto;
  right: 0;
  bottom: 10%;
}
@media only screen and (max-width: 767px) {
  /* line 521, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .bx-wrapper .bx-controls {
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 2%;
  }
}
/* line 529, ../sass/page/_product.scss */
.page-product .section-3-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link {
  background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey.png");
}
/* line 531, ../sass/page/_product.scss */
.page-product .section-3-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link.active {
  background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey-active.png");
}
/* line 540, ../sass/page/_product.scss */
.page-product .section-4-wrapper {
  padding-left: 65px;
  overflow: hidden;
  background: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  /* line 540, ../sass/page/_product.scss */
  .page-product .section-4-wrapper {
    padding-left: 0;
  }
}
/* line 550, ../sass/page/_product.scss */
.page-product .section-4-wrapper .product-sliders .col-content {
  position: static;
  padding: 0;
}
/* line 555, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-left-col {
  width: 50%;
  float: left;
  padding-top: 10%;
  padding-left: 5%;
}
@media only screen and (max-width: 767px) {
  /* line 555, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-left-col {
    width: 100%;
    padding: 50px 25px 0;
    float: none;
  }
}
/* line 569, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper {
  width: 35%;
  text-align: left;
  padding-top: 87px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 569, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper {
    width: 50%;
  }
}
@media only screen and (width: 1024px) {
  /* line 569, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 569, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper {
    width: 50%;
  }
  /* line 585, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper #product-slider-4 li img {
    width: 100%;
  }
}
/* line 593, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper #product-slider-4 li {
  overflow: hidden;
}
/* line 595, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper #product-slider-4 li img {
  max-width: 100%;
}
/* line 599, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager {
  position: absolute;
  display: block;
  right: 40px;
  bottom: 5%;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  /* line 599, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager {
    position: absolute;
    display: block;
    left: -130px;
    right: auto;
    bottom: 5%;
  }
}
/* line 607, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .txt-available {
  color: #777;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  margin-right: 10px;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  /* line 607, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .txt-available {
    display: block;
    font-size: 15px;
    padding-bottom: 5px;
  }
}
/* line 620, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper {
  display: inline-block;
  height: 40px;
  margin-top: -5px;
  margin-right: 18px;
  position: relative;
}
/* line 625, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper:last-child {
  margin-right: 0;
}
/* line 630, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  display: inline-block;
}
/* line 637, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a.color-1 {
  background-image: url("/content/dam/honor/global/other/common/img/color-white.png");
}
/* line 640, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a.color-2 {
  background-image: url("/content/dam/honor/global/other/common/img/color-gold.png");
}
/* line 643, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a.color-3 {
  background-image: url("/content/dam/honor/global/other/common/img/color-grey.png");
}
/* line 649, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper .color-name {
  background-image: url("/content/dam/honor/global/other/common/img/bg-phone-color.png");
  background-repeat: no-repeat;
  width: 59px;
  height: 24px;
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 16px;
  padding-top: 6px;
  display: none;
  position: absolute;
  left: -18px;
  bottom: -8px;
  text-align: center;
}
/* line 665, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper .color-name.active {
  display: block;
}
/* line 673, ../sass/page/_product.scss */
.page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
  width: 65%;
  padding-left: 5%;
}
@media only screen and (max-width: 767px) {
  /* line 673, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
    width: 50%;
    position: relative;
  }
  /* line 680, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper .item-c {
    width: 50%;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 673, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
    width: 50%;
    padding-left: 0;
  }
  /* line 690, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper .item-c {
    width: 50%;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (width: 1024px) {
  /* line 673, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
    width: 60%;
  }
}
/* line 703, ../sass/page/_product.scss */
.page-product .section-5-wrapper {
  padding-left: 65px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  /* line 703, ../sass/page/_product.scss */
  .page-product .section-5-wrapper {
    padding-left: 0;
  }
}
/* line 711, ../sass/page/_product.scss */
.page-product .section-5-wrapper .left-img {
  width: 100%;
}
/* line 714, ../sass/page/_product.scss */
.page-product .section-5-wrapper .right-col {
  padding-top: 13%;
}
@media only screen and (max-width: 767px) {
  /* line 714, ../sass/page/_product.scss */
  .page-product .section-5-wrapper .right-col {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 714, ../sass/page/_product.scss */
  .page-product .section-5-wrapper .right-col {
    padding-top: 8%;
  }
}
/* line 723, ../sass/page/_product.scss */
.page-product .section-5-wrapper .right-col .col-content {
  width: 100%;
  max-width: 450px;
}
@media only screen and (max-width: 767px) {
  /* line 723, ../sass/page/_product.scss */
  .page-product .section-5-wrapper .right-col .col-content {
    width: 85%;
    text-align: center;
    margin: 0 auto 30px;
  }
}
/* line 732, ../sass/page/_product.scss */
.page-product .section-5-wrapper .right-col .col-content .link-more .txt {
  color: #777;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}
/* line 741, ../sass/page/_product.scss */
.page-product .section-5-wrapper .right-col .col-content .link-more img {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  margin-left: 5px;
}
/* line 747, ../sass/page/_product.scss */
.page-product .section-5-wrapper .right-col .col-content .link-more:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")";
  filter: alpha(opacity=70);
  zoom: 1;
}
/* line 755, ../sass/page/_product.scss */
.page-product .section-6-wrapper {
  border-top: 5px solid #037bcc;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  /* line 755, ../sass/page/_product.scss */
  .page-product .section-6-wrapper {
    padding-left: 0;
    max-height: none !important;
  }
}
/* line 765, ../sass/page/_product.scss */
.page-product .section-6-wrapper .top-col {
  position: relative;
}
@media only screen and (max-width: 767px) {
  /* line 765, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .top-col {
    background: url("/content/dam/honor/global/other/common/img/section-7a-bg.jpg") no-repeat;
    background-size: 100%;
  }
}
/* line 773, ../sass/page/_product.scss */
.page-product .section-6-wrapper .top-col .top-img {
  width: 100%;
}
/* line 776, ../sass/page/_product.scss */
.page-product .section-6-wrapper .top-col .text-wrapper {
  width: 90%;
  text-align: center;
  position: absolute;
  display: block;
  left: 5%;
  top: 135px;
}
@media only screen and (max-width: 767px) {
  /* line 776, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .top-col .text-wrapper {
    position: static;
    text-align: left;
    padding: 50px 25px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 776, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .top-col .text-wrapper {
    top: 80px;
    left: 0;
    width: 100%;
  }
}
/* line 792, ../sass/page/_product.scss */
.page-product .section-6-wrapper .top-col .text-wrapper .hashtag {
  color: #fff;
  font-family: "lunaregular";
  font-size: 25px;
  margin-bottom: 5px;
}
/* line 801, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col {
  position: relative;
}
/* line 804, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c {
  position: relative;
}
/* line 806, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .item-photo {
  width: 100%;
}
/* line 807, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
  font-size: 30px;
  color: #fefefe;
  font-family: "bignoodletitlingregular";
  position: absolute;
  display: block;
  right: 20px;
  bottom: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  /* line 807, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
    font-size: 20px;
    right: 10px;
    bottom: 10px;
  }
}
/* line 822, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls {
  width: 100%;
  height: 100%;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  /* line 822, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls {
    right: 0;
  }
}
/* line 830, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-prev {
  position: absolute;
  display: block;
  left: 15px;
  top: 46%;
  width: 21px;
  height: 42px;
}
/* line 834, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-prev img {
  width: 100%;
}
/* line 836, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-next {
  position: absolute;
  display: block;
  top: 46%;
  right: 15px;
  width: 21px;
  height: 42px;
}
/* line 840, ../sass/page/_product.scss */
.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-next img {
  width: 100%;
}

/* line 1, ../sass/page/_brand.scss */
/*.page-brand {
  padding-left: 65px;
}*/
@media only screen and (max-width: 767px) {
  /* line 1, ../sass/page/_brand.scss */
  .page-brand {
    padding-left: 0;
  }
}
/* line 8, ../sass/page/_brand.scss */
.page-brand #top-banner {
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 11, ../sass/page/_brand.scss */
  .page-brand #top-banner .align-center-section {
    bottom: 25px;
  }
}
/* line 17, ../sass/page/_brand.scss */
.page-brand .introSlider {
  margin-bottom: 0;
}
/* line 21, ../sass/page/_brand.scss */
.page-brand .slider-item-c {
  position: relative;
}
/* line 23, ../sass/page/_brand.scss */
.page-brand .slider-item-c .big-photo-c {
  width: 100%;
}
/* line 26, ../sass/page/_brand.scss */
.page-brand .slider-item-c .desc {
  color: #ffffff;
  width: 40%;
  position: absolute;
  display: block;
  left: 5%;
  top: 30%;
}
.page-brand .slider-item-c .desc.p58{
      top: 58%;
}
/* line 31, ../sass/page/_brand.scss */
.page-brand .slider-item-c .desc.right-align {
  left: auto;
  right: 5%;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  /* line 26, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 25px 20px;
    color: #282828;
    text-align: right;
  }
  /* line 47, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc.right-align {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 26, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc {
    width: 55%;
  }
}
@media only screen and (width: 1024px) {
  /* line 26, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc {
    width: 50%;
    top: 25%;
  }
}
/* line 59, ../sass/page/_brand.scss */
.page-brand .slider-item-c .desc .hashtag {
  font-size: 20px;
  font-family: "lunaregular";
  line-height: 20px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  /* line 59, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc .hashtag {
    color: #00b5e2;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 59, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc .hashtag {
    font-size: 18px;
    line-height: 18px;
  }
}
/* line 76, ../sass/page/_brand.scss */
.page-brand .slider-item-c .desc .heading {
  font-size: 50px;
  font-family: "bignoodletitlingregular";
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  /* line 76, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc .heading {
    color: #00b5e2;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 76, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc .heading {
    font-size: 45px;
    line-height: 45px;
  }
}
/* line 92, ../sass/page/_brand.scss */
.page-brand .slider-item-c .desc .txt {
  font-size: 22px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 25px;
  display: block;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  /* line 92, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc .txt {
    font-size: 16px;
    line-height: 19px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 92, ../sass/page/_brand.scss */
  .page-brand .slider-item-c .desc .txt {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
/* line 113, ../sass/page/_brand.scss */
.page-brand #intro-block {
  margin-top: -4%;
  zoom: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 113, ../sass/page/_brand.scss */
  .page-brand #intro-block {
    margin-top: -5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 123, ../sass/page/_brand.scss */
  .page-brand #intro-block .slider-item-c .desc {
    width: 55%;
    top: 20%;
  }
}
/* line 132, ../sass/page/_brand.scss */
.page-brand #intro-block .bx-wrapper .bx-controls {
  position: absolute;
  display: block;
  top: 140px;
  right: 0;
  z-index: 51;
}
/* line 137, ../sass/page/_brand.scss */
.page-brand #intro-block .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  margin-right: 15px;
}
/* line 143, ../sass/page/_brand.scss */
.page-brand #intro-block .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("/content/dam/honor/global/other/common/img/btn-radio.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
}
/* line 149, ../sass/page/_brand.scss */
.page-brand #intro-block .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("/content/dam/honor/global/other/common/img/btn-radio-active.png");
}
/* line 159, ../sass/page/_brand.scss */
.page-brand .social-msg-section {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  /* line 163, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-photo {
    position: relative;
    z-index: 1;
  }
}
/* line 170, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  /* line 170, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content {
    margin-top: -4%;
    background: url(/content/dam/honor/global/other/common/img/twitter-photo-1-bg-mb.jpg) no-repeat;
    background-size: cover;
    padding: 25px 20px;
  }
}
/* line 181, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc {
  color: #fff;
  background: url(/content/dam/honor/global/other/common/img/social-content-bg.png) no-repeat;
  position: absolute;
  display: block;
  left: 35px;
  top: 65px;
  padding: 0px 18% 0 2px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  /* line 181, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc {
    position: relative;
    left: 0;
    top: 0;
    padding: 0px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 181, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc {
    left: 15px;
    top: 15px;
    padding-right: 20px;
  }
}
@media only screen and (width: 1024px) {
  /* line 181, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc {
    top: 25px;
    left: 25px;
    padding-right: 30px;
  }
}
/* line 206, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .quote-txt {
  position: relative;
  margin-bottom: 70px;
  background: url(/content/dam/honor/global/other/common/img/line-blue.png) left bottom no-repeat;
}
@media only screen and (max-width: 767px) {
  /* line 206, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt {
    margin-bottom: 45px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 206, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt {
    margin-bottom: 20px;
  }
}
/* line 219, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .quote-txt .inner {
  padding-top: 40px;
  padding-left: 18px;
}
@media only screen and (max-width: 767px) {
  /* line 219, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .inner {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 219, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .inner {
    padding-top: 20px;
  }
}
/* line 231, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .quote-txt .social-lnk {
  padding-bottom: 15px;
}
/* line 233, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .quote-txt .social-lnk a {
  color: #fff;
  font-size: 18px;
  margin-right: 20px;
}
/* line 239, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
  font-size: 40px;
  font-family: "bignoodletitlingregular";
  line-height: 35px;
}
@media only screen and (max-width: 767px) {
  /* line 239, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
    font-size: 25px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 239, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
    font-size: 30px;
    line-height: 30px;
  }
}
/* line 255, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .social-account {
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding-bottom: 30px;
}
/* line 259, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .social-account .fa {
  font-size: 18px;
}
/* line 261, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .author {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  padding-bottom: 40px;
  padding-left: 18px;
}
/* line 266, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .author h2 {
  font-size: 20px;
  font-family: "lunaregular";
  line-height: 20px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  /* line 261, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .author {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
  }
  /* line 277, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .author h2 {
    font-size: 16px;
    line-height: 16px;
  }
}
/* line 283, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content .desc .video-play-btn {
  margin-left: 18px;
}
@media only screen and (max-width: 767px) {
  /* line 283, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .video-play-btn {
    background: url("/content/dam/honor/global/other/common/img/btn.png") no-repeat;
    border: none;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    padding: 0;
    width: 174px;
    color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  /* line 296, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content.white-bg {
    background: #fff;
  }
}
/* line 300, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content.white-bg .desc {
  color: #444444;
  background: url(/content/dam/honor/global/other/common/img/social-content-bg-2.png) no-repeat;
}
/* line 303, ../sass/page/_brand.scss */
.page-brand .social-msg-section .social-msg-content.white-bg .desc .quote-txt {
  background: url(/content/dam/honor/global/other/common/img/line-grey.png) left bottom no-repeat;
}
/* line 311, ../sass/page/_brand.scss */
.page-brand .videos-section {
  margin-top: -4%;
}
@media only screen and (max-width: 767px) {
  /* line 311, ../sass/page/_brand.scss */
  .page-brand .videos-section {
    margin-top: 0;
  }
}
/* line 318, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c {
  position: relative;
}
/* line 320, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c .desc {
  width: 100%;
  padding: 95px 15% 0 15%;
  text-align: center;
  color: #fff;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  /* line 320, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc {
    padding: 40px 5% 0 5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 320, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc {
    padding: 50px 5% 0 5%;
  }
}
@media only screen and (width: 1024px) {
  /* line 320, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc {
    padding: 60px 5% 0 5%;
  }
}
/* line 337, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c .desc .quote-txt {
  font-size: 25px;
  font-family: "bignoodletitlingregular";
  line-height: 25px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 337, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .quote-txt {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 337, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .quote-txt {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 337, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .quote-txt {
    font-size: 20px;
    line-height: 20px;
  }
}
/* line 358, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c .desc .quote-author {
  font-size: 12px;
  font-family: "lunaregular";
  line-height: 25px;
}
@media only screen and (max-width: 767px) {
  /* line 358, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .quote-author {
    padding-bottom: 10px;
    font-size: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 358, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .quote-author {
    font-size: 10px;
  }
}
/* line 371, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c .desc .job-title {
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 767px) {
  /* line 371, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .job-title {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 371, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .job-title {
    font-size: 12px;
    padding-bottom: 10px;
  }
}
/* line 385, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c .desc .social-lnk {
  padding-top: 15px;
}
/* line 387, ../sass/page/_brand.scss */
.page-brand .videos-section .video-item-c .desc .social-lnk a {
  color: #fff;
  font-size: 18px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  /* line 393, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .video-play-btn {
    font-size: 20px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 393, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .video-play-btn {
    font-size: 18px;
    height: 35px;
    line-height: 35px;
  }
  /* line 403, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c .desc .video-play-btn .fa {
    font-size: 16px;
    padding-left: 5px;
  }
}
/* line 408, ../sass/page/_brand.scss */
.page-brand .videos-section .cta-section {
  position: relative;
}
/* line 410, ../sass/page/_brand.scss */
.page-brand .videos-section .cta-section .desc {
  width: 100%;
  padding: 95px 5% 0 5%;
  text-align: center;
  color: #fff;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  /* line 410, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc {
    position: relative;
    padding: 50px 20px;
    background: url(/content/dam/honor/global/other/common/img/blue-bg-mb.jpg) no-repeat;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 410, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc {
    padding-top: 50px;
  }
}
@media only screen and (width: 1024px) {
  /* line 410, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc {
    padding-top: 60px;
  }
}
/* line 430, ../sass/page/_brand.scss */
.page-brand .videos-section .cta-section .desc .heading {
  font-size: 50px;
  font-family: "bignoodletitlingregular";
  line-height: 45px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 430, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .heading {
    font-size: 25px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 430, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .heading {
    font-size: 30px;
    line-height: 35px;
  }
}
/* line 446, ../sass/page/_brand.scss */
.page-brand .videos-section .cta-section .desc .hashtag {
  font-size: 25px;
  font-family: "lunaregular";
  line-height: 25px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  /* line 446, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .hashtag {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 446, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .hashtag {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
/* line 463, ../sass/page/_brand.scss */
.page-brand .videos-section .cta-section .desc .txt {
  font-size: 22px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 25px;
  display: block;
}
@media only screen and (max-width: 767px) {
  /* line 463, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .txt {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 463, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .txt {
    font-size: 18px;
    line-height: 20px;
  }
}

/* line 6, ../sass/_IE8.scss */
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .rotate-img, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .rotate-img, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .rotate-img {
  position: relative;
  z-index: 1;
}
/* line 7, ../sass/_IE8.scss */
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c {
  z-index: 0;
}
/* line 9, ../sass/_IE8.scss */
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt {
  display: block;
}
/* line 13, ../sass/_IE8.scss */
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .rotate-img, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .rotate-img, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .rotate-img {
  z-index: 0;
}
/* line 14, ../sass/_IE8.scss */
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c, .lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c {
  z-index: 2;
}
/* line 24, ../sass/_IE8.scss */
.lt-ie9 .page-product .sticky-nav .col-20 {
  width: 19%;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 7, ../sass/global/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 15, ../sass/global/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 18, ../sass/global/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 21, ../sass/global/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 29, ../sass/global/_print.scss */
  .ir a:after, .icon a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 33, ../sass/global/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 37, ../sass/global/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 42, ../sass/global/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 45, ../sass/global/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 54, ../sass/global/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 59, ../sass/global/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.bulefonts{
  font-size: 40px;
  color: #00b5e2;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight:bold;
  text-align:center;
  }
.bulefonts i{
  width:56px;
  height: 25px;
  display: inline-block;
  background:url(/content/dam/honor/global/other/common/img/honor_6plusimg02.png) 0 0 no-repeat;
  }
.greyfonts{
  color: #999;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 36px;}
.descimg{
  margin-top: 50px;}
#wrap-features-product .features-heading{
  margin-top: 15%;
  width:auto;
  float:inherit;
  }
  .bg-404{


}
.en_404 {
    width: 50%;
    position: absolute;
    top: 46%;
    left: 13%;
}
.en_404_p p{
    color: #333;
    font-size: 18px;
}
.en_404_btn .btn{
    background: #00b5e2;
    border: none;
    width: 160px;
    height: 34px;
    line-height: 13px;
    border-radius: 30px;
    padding: 10px 0;
}
header .in-right-section {
    position: absolute;
    display: block;
    top: 17px;
    right: 50px;
    z-index: 9999;
}
header .in-sign_in a{
    border: 1px solid #ccc;
    margin: 0 5px;
    padding: 8px 15px 8px 15px;
    color: #999;
    min-width: 71px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    height: 36px;
}
header .in-sign_in a:hover, header .sign_in a:focus{
    border: 1px solid #00b5e2;
    color: #00b5e2;
}
header.affix .in-sign_in a{
  border: 1px solid #999;
  color: #999;
  background: #fff;
  display: inline-block;
}
header.affix .sigin-active a {
     border: 1px solid #00b5e2;
    color: #fff !important;
    background: #00b5e2;
    border-color: #00b5e2 !important;
}
header.affix .in-sign_in a:hover, header .sign_in a:focus{
  border: 1px solid #00b5e2;
  color: #fff;
  background: #00b5e2;
}
header .sign-in-select{
  border-color: #00b5e2;
  color: #fff;
  background: #00b5e2;
}
header.affix .sigin-active a {
     border: 1px solid #00b5e2;
    color: #fff !important;
    background: #00b5e2;
    border-color: #00b5e2 !important;
}
.footer-payment a{
  margin-right: 15px;
}

.footer-ul-show{
  display: block;
}
.footer-title{
  cursor: pointer;
}
.footer-title .fa {
  display: none;
  float: right;
  transition: all .4s;
  -o-transition: all .4s;
  -ms-transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
}
.footer-title.active .fa.fa-caret-right{
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.sigin-active{
       border: 1px solid #00b5e2 !important;
    color: #fff !important;
    background: #00b5e2 !important;
    border-color: #00b5e2 !important;
}
.sigin-active:hover{
    background: #1abfe5 !important;
}
.sigin-after{
  vertical-align: middle;
}
.login-after{
  display: none;
}
.sigin-after a{
   /* background: url("/content/dam/honor/global/other/common/img/global-icon.png") no-repeat;*/
    height: 24px;
    width: 24px;
    display: inline-block;
  }
.sigin-after-show{
  display: none;
}
.sigin-after-block{
  display: block;
}
.sigin-after-ul{
  background: #fff;
  box-shadow: #555 2px 3px 2px;
  height: auto;
  line-height: 1.5em;
}

.sigin-after-ul li{
  background: #fff;
  line-height: 1.5em;
  font-size: 1.5em;
  color: #666;
  display: block;
  cursor: pointer;
  padding: 5px 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sigin-after-ul li a{
  color: #666;
  font-size: 14px;
}
.sigin-after-ul li a:hover{
  color: #00b3e0;
}
.sigin-after-show{
  top: 45px;
  position: absolute;
  right: 40%;
  width: 170px;
}
.sigin-after .sigin-after-login{
  margin:0 40px;
  margin-top: 10px;
}

.sigin-after .sigin-after-info{
  background-position:  -76px -165px;
}
.sigin-after .sigin-after-info:hover{
  background-position: -121px -165px;
}
.sigin-after .sigin-after-login{
  background-position: -72px -15px;
}
.sigin-after .sigin-after-login:hover{
  background-position: -118px -15px;
}
.sigin-after-ul li:hover{
  color: #00b3e0;

}
.sigin-after-icon{
  background: url("/content/dam/honor/global/other/common/img/sigin-after-icon.png") no-repeat;
  width: 23px;
  height: 10px;
  top: -10px;
  right: -2px;
  position: absolute;
}
.footer-p{
      font-family: "Conv_Roboto-Light";
     font-size: 13px;
    padding-top: 20px;
}


.user-panel .fa-user{
        font-size: 24px;
    color: #fff;
}
.bottom-language a{
        padding: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 1463px) {
    .bottom-text {
        text-align: center !important;
    padding-right: 0px !important;
}

}
@media only screen and (min-width: 768px) and (max-width: 1323px) {
    .center-txt{
            display: block !important;
    text-align: center !important;
    margin: auto;
    width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

  header .in-right-section {
    right: 0;
  }
  header .in-sign_in, header .your-cart, header .search {
    margin-right: 0;
  }
 .in-right-section .sin-person{
   margin-right: 30px;
  }
header .in-sign_in a {
    border: 1px solid #ccc;
    margin: 0 3px;
    padding: 7px 7px 3px 13px;
    color: #999;
    min-width: 56px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
}

}
@media only screen and (max-width: 767px) {
    .footer-p {
    font-family: "Conv_Roboto-Light";
    font-size: 13px;
    margin-top: 0;
}
  .sigin-after .sigin-after-info{
    background-position:  -76px -165px;
  }
  .sigin-after .sigin-after-info:hover{
    background-position: -26px -165px;
  }
  .sigin-after .sigin-after-login{
    background-position: -72px -15px;
  }
  .sigin-after .sigin-after-login:hover{
    background-position: -26px -15px;
  }
  .sigin-after-ul li:hover{
    color: #00b3e0;
  }
  .sigin-after {
    margin-top: 13px;
  }
  header .in-sign_in a {
     border: none;
     margin: 0 5px;
     padding: 0;
    color: #fff;
     min-width: 0;
    display: inline-block;
    text-align: center;
  }
  header .in-right-section {
    position: absolute;
    display: block;
    top: 9px;
    right: 0px;
    z-index: 99;
}
  .footer-title span.fa{
    display: inline-block;
  }
  .footer-textbox>.row>.col-sm-3{
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer-ul{
    display: none;
  }
  .footer-title {
    cursor: pointer;
    margin: 0px;
    position: relative;
    padding: 8px 0px;
  }
  .footer-textbox .row div[class*="col-"]:last-child {
    border-bottom: 1px solid #ddd;
  }
}

.alignleft {
         float: left;
         margin: 7px 28px 28px 0;
}

.alignright {
         float: right;
         margin: 7px 0 28px 28px;
}

.aligncenter {
         clear: both;
         display: block;
         margin: 7px auto;
}

/* jQuery custom scrollbar------------------------------- */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/*
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/*
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}/* CSS Document */
/*
1.新导航
2.弹出购买
*/
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.grey ul {
    margin-bottom: 0;
}
img.full-size.mgtops {
}
.page-product-simpler .slider-section .bx-wrapper {
    position: relative;
}
.page-product-simpler .slider-section .bx-wrapper .bx-controls,
.page-product-simpler .bx-wrapper .bx-controls {
    z-index: 51;
    position: absolute;
    display: block;
    right: 2%;
    bottom: 3%;
}


.page-product-simpler {
    font-size: 16px;
}
.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey.png");
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: block;
    font-size: 0;
}
.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey-active.png");
}
.page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.page-product-simpler .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-right: 15px;
}
.page-brand ul{
    margin:0;
}
.no-wrapp {
    padding-right: 0;
    padding-left: 0;
}
.mb-logo,.logo {
    z-index: 33;
}
.topnav {
    z-index: 33;
    position: absolute;
    width: 80%;
    left: 20%;
    height: 70px;
    top: 30px;
    font-family: "bignoodletitlingregular";
}
.topnav li {
    display: inline-block;
    width: 16%;
    float: left;
    font-size: 18px;
    vertical-align: middle;
}
.topnav li i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    background: url(/content/dam/honor/global/other/common/img/global_icon2.png) no-repeat;
    vertical-align: middle;
    transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}


/* */
.topnav li i.topnav-item1 {
    background-position: -29px 0;
}
.topnav li i.topnav-item2 {
    background-position: -29px -26px;
}
.topnav li i.topnav-item3 {
    background-position: -29px -80px;
}
.topnav li i.topnav-item4 {
    background-position: -29px -174px;
}
.topnav li i.topnav-item5 {
    background-position: -29px -128px;
}
.topnav li i.topnav-item6 {
    background-position: -29px -152px;
}
/* */
.topnav li a:hover i.topnav-item1,
.topnav li a.active i.topnav-item1 {
    background-position: 0 0;
}
.topnav li a:hover i.topnav-item2,
.topnav li a.active i.topnav-item2 {
    background-position: 0 -26px;
}
.topnav li a:hover i.topnav-item3,
.topnav li a.active i.topnav-item3 {
    background-position: 0 -80px;
}
.topnav li a:hover i.topnav-item4,
.topnav li a.active i.topnav-item4 {
    background-position: 0 -174px;
}
.topnav li a:hover i.topnav-item5,
.topnav li a.active i.topnav-item5 {
    background-position: 0 -128px;
}
.topnav li a:hover i.topnav-item6,
.topnav li a.active i.topnav-item6 {
    background-position: 0 -152px;
}
/* */
.topnav li a {
    color: #999;
}
.topnav li a:hover,
.topnav li a.active {
    color: #fff;
}
.topnav-black {
    background-color: #000;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    position: absolute;
    z-index: 22;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

/* 滚动后 文字和图标颜色 bof */
.affix .topnav-black {
    display: none;
}
.affix .topnav {
    top: 30px;
}
.affix .topnav li a:hover,
.affix .topnav li a.active {
    color: #999;

}
.affix .topnav li a:hover i.topnav-item1,
.affix .topnav li a.active i.topnav-item1 {
    background-position: -29px 0;
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.affix .topnav li a:hover i.topnav-item2,
.affix .topnav li a.active i.topnav-item2 {
    background-position: -29px -26px;
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.affix .topnav li a:hover i.topnav-item3,
.affix .topnav li a.active i.topnav-item3 {
    background-position: -29px -80px;
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.affix .topnav li a:hover i.topnav-item4,
.affix .topnav li a.active i.topnav-item4 {
    background-position: -29px -175px;
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.affix .topnav li a:hover i.topnav-item5,
.affix .topnav li a.active i.topnav-item5 {
    background-position: -29px -128px;
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.affix .topnav li a:hover i.topnav-item6,
.affix .topnav li a.active i.topnav-item6 {
    background-position: -29px -152px;
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
/* 滚动后 文字和图标颜色 eof */

/* 2级导航 */
.show-navbox {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: auto;
    top: 70px;
    left: 0;
    font-family: "bignoodletitlingregular";
    /*background: rgba(255,255,255,0.75);*/
   /* background: url(/content/dam/honor/global/other/common/img/topnavbg.png) repeat;*/
}
.nav-second {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 999;
    position: relative;
}
.nav-second li {
    margin-top: 10px;
    margin-left: 20px;
    line-height: 120%;
    display: inline-block;
}
.nav-second li a {
    color: #333;
    font-size: 24px;
    padding: 10px;
    line-height: 100%;
    margin: 0;
    font-family: "bignoodletitlingregular";
}
.affix .show-navbox {
    top: 70px;
}
.navmenu {
    width: 140px;
}
/**/

/* banner */

/* line 1, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner {
    position: relative;
    overflow: hidden;
}
/* line 6, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .topbannerSlider .slider-item-c {
    position:relative;
    overflow: hidden;
    zoom: 1;
}
/* line 9, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .topbannerSlider .slider-item-c .big-photo-c {
    width: 100%;
}
/* line 14, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-viewport {
    z-index: 0;
}
/* line 16, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-pager {
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    bottom: 30px;
    text-align: center;
    z-index: 999;
    display: none;
}
@media only screen and (max-width: 767px) {
    /* line 16, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
    #top-banner .bx-pager {
        display: block;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 16, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
    #top-banner .bx-pager {
        display: none;
    }
}
/* line 30, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    margin-left: 18px;
}
/* line 36, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item:first-child {
    margin-left: 0;
}
/* line 38, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item .bx-pager-link {
    display: block;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #fefefe;
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    text-indent: -9999px;
}
/* line 47, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-pager .bx-pager-item .bx-pager-link.active {
    background: #fefefe;
}
/* line 54, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-controls-direction {
    margin: 0 auto;
}
/* line 57, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-controls-direction .bx-prev {
    z-index: 21;
    width: 60px;
    height: 60px;
    background: url(/content/dam/honor/global/other/common/img/icon-arrow-left.png) no-repeat 45% 50%;
    position: absolute;
    display: block;
    left: 95px;
    top: 50%;
    margin-top: -30px;
    text-indent: -9999px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: Alpha(opacity=60);
}

#top-banner .bx-controls-direction .bx-prev-end {
    position: absolute;
    left: 95px;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 20;
    margin-top: -30px;
    background: #000;
    opacity: .3;
    -moz-opacity: .3;
    filter: Alpha(opacity=30);
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
}

#top-banner .bx-controls-direction .bx-prev:hover~.bx-prev-end {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: Alpha(opacity=70);
}

/*#top-banner .bx-controls-direction .bx-prev-end:hover{
  opacity: 0.3;
  -moz-opacity:0.3;
  filter:Alpha(opacity=30);
}*/

.Honor-product-global .product-banner-text {
    position: absolute;
    bottom: 15%;
    left: 18%;
    top:auto;
}
@media only screen and (max-width: 767px) {

    .Honor-product-global .product-banner-text {
        position: absolute;
        bottom: 2%;
        left: 45px;
        top: auto !important;
    }
    /* line 57, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
    #top-banner .bx-controls-direction .bx-prev {
        background-image: url(/content/dam/honor/global/other/common/img/icon-arrow-left-mobile.png);
        left: 15px;
    }

    #top-banner .bx-controls-direction .bx-prev-end {
        left: 15px;
    }

}
/* line 68, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .bx-controls-direction .bx-next {
    z-index: 21;
    width: 60px;
    height: 60px;
    background: url(/content/dam/honor/global/other/common/img/icon-arrow-right.png) no-repeat 45% 50%;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -30px;
    right: 55px;
    text-indent: -9999px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: Alpha(opacity=60);
}

#top-banner .bx-controls-direction .bx-next-end {
    z-index: 20;
    position: absolute;
    right: 55px;
    top: 50%;
    width: 60px;
    height: 60px;
    background: #000;
    margin-top: -30px;
    opacity: .3;
    -moz-opacity: .3;
    filter: Alpha(opacity=30);
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
}

#top-banner .bx-controls-direction .bx-next:hover~.bx-next-end {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: Alpha(opacity=70);
}

@media only screen and (max-width: 767px) {
    /* line 68, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
    #top-banner .bx-controls-direction .bx-next {
        background-image: url(/content/dam/honor/global/other/common/img/icon-arrow-right-mobile.png);
        right: 15px;
    }

    #top-banner .bx-controls-direction .bx-next-end {
        right: 15px;
    }

}
/* line 80, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .banner-mask {
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    bottom: -2px;
    z-index: 98;
}
/* line 84, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .banner-mask img {
    width: 100%;
}
/* line 87, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .align-center-section {
    width: 100%;
    text-align: center;
    position: absolute;
    display: block;
    left: 0;
    bottom: 80px;
    z-index: 98;
}
/* line 93, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
#top-banner .align-center-section .scroll-down-btn {
    width: 78px;
    height: 78px;
    background: url(/content/dam/honor/global/other/common/img/scroll-down-btn.png) no-repeat;
    display: inline-block;
}

/**/


.bannerfons {
    top: 30%;
    /*left: 25%;*/
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
}
.bannerfons h2 {
    font-size: 100px;
    margin-bottom: 10px;
    font-family: "dead_island";
}
.bannerfons h3 {
    font-size: 40px;
    font-family: "bignoodletitlingregular";

}
body {
    left: 0 !important;
    overflow: auto;
    padding-right: 0 !important;
    right: 0 !important;
}
.stry-no-scroll {
    -webkit-overflow-scrolling: touch;
    overflow: hidden !important;
}
.social li a {
    font-size: 24px;
}

/**/


/* 弹出购买 bof */
.shop-link {
    margin: 30px auto;
}
.bg-fix,.black-show {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 9996;
}

.shop-showbox {
    display: none;
}
.shop-all {
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -300px;
    z-index: 9999;
    width: 600px;
    height: auto;
    overflow: inherit;
}
.shop-close {
    position: absolute;
    right: -46px;
    background: #ed1b24;
    font-size: 18px;
    font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    color: #fff;
    padding: 10px 20px 0 20px;
    line-height: 15px;
    width: 46px;
    display: inline-block;
    height: 30px;
}
.shop-close:hover {
    color: #fff;
}
.tagicon-item {
    display: inline-block;
    width: 60px;
    height: auto;
    padding: 10px 10px 0 0;
    text-align: center;
}
.shop-link {
    border-radius: 5px;
    background-color: #22b1fb;
    display: table;
    overflow: hidden;
}
.shop-link a {
    display: table-cell;
    padding: 15px;
    margin: 0;
    color: #fff;
    z-index: 9999;
    margin: 0;
}
.shop-link a:first-child {
    border-right: 1px #0a9ce8 solid;
}
.shop-link a:hover {
    background-color: #0a9ce8;
}
.shop-content {
    padding: 20px 30px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.content-top-ico {
    padding-top: 10px;
}

.pd-ringt {
    padding-right: 15px;
}
.pd-left {
    padding-left: 15px;
}
.bor-right {
    border-right: 2px dashed #ddd;
}
.bor-bottom {
    border-bottom: 2px dashed #ddd;
}
.content-txt {
    padding-top: 5px;
    padding-bottom: 5px;
}
.content-txt a {
    width: 33%;
    display: block;
    float: left;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mall-name{ text-align: left;}

.shop-item1 {
    width: 114px;
    height: 24px;
    background-position: 0 0;
    margin: 10px auto;
}
.shop-item2 {
    width: 134px;
    height: 20px;
    background-position: 0 -150px;
    margin: 10px auto;
}
.shop-item3 {
    width: 112px;
    height: 28px;
    background-position: 0 -44px;
    margin: 10px auto;
}
.shop-item4 {
    width: 76px;
    height: 28px;
    background-position: 0 -195px;
    margin: 10px auto;
}
.shop-item5 {
    width: 60px;
    height: 50px;
    background-position: 0 -84px;
    margin: 10px auto;
}
.shop-item6 {
    width: 94px;
    height: 50px;
    background-position: 0 -226px;
    margin: 10px auto;
}
.video-play-btn,
.product-learn-more {
    display: inline-block;
}
.video-play-btn-1 {
    display: inline-block;
    z-index: 99;
    white-space: nowrap;
}
.jsshop-01 {
    display: inline-block;
    vertical-align: middle;
}
.banner-btns3c {
    position: absolute;
    bottom: 30%;
    right: 37%;
}

/* 20150729 */
/* niefang banner text */
.honor6 h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}
.honor6 p {
    font-size: 18px;
    line-height: 175%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.bannerfont {
    padding-top: 8%;
    padding-bottom: 10px;
    max-width: 1200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.bannerfont h2 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 80px;
    line-height: 120%;
    font-family: "bignoodletitlingregular";
}
.bannerfont p {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    line-height: 175%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor6 .bannerfont .s1 {
    position: inherit;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.bannerfont .s1 {
    margin-top: 30px;
}
.bannerfont .video-play-btn {
    display: inline-block;
    background: none;
    vertical-align: middle;
}
.magyar-honor7 .jsshop-01 {
    margin-left: 35%;
}
.bannerfont .jsshop-01 {
    background: none;
    display: inline-block;
    /*position: absolute;*/
    z-index: 99;
    white-space: nowrap;
    cursor: pointer;
}
.honor4x.magyar-honor7 .bannerfont .jsshop-01 {
    display: block;
}
.magyar-honor6.bannerfont .jsshop-01{
    position: inherit;
}
.honor7 .ru-bg-honor7-banner .bannerfont.xspd-10 .jsshop-01 {
    position: inherit;
    padding-top: 60px;
    padding-bottom: 50px;
}
.honor4x .bannerfont.xspd-10 .jsshop-01 {
    position: inherit;
    padding-top: 0;
    padding-bottom: 0;
}
.honor6 .phone-section-wrapper {
    margin-bottom: 20px;
}
.honor6 .honor-en .blank-fonts {
    position: absolute ;
    margin-bottom: 9%;
    margin-top: -20%;
    z-index: 22;
}
.honor-en .blank-fonts {
    padding: 0 15px;
    color: #000;
}
.honor-en .blank-fonts h3,
.bg-textbox h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}
.honor-en .blank-fonts p,
.bg-textbox p {
    color: #000;
    line-height: 175%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
a.mores {
    margin-top: 10px;
    color: #00b5e2;
    font-size: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    border: 2px solid #00b5e2;
    padding: 10px 20px;
    display: inline-block;
    transition: ease-in .5s;
    -o-transition: ease-in .5s;
    -ms-transition: ease-in .5s;
    -moz-transition: ease-in .5s;
    -webkit-transition: ease-in .5s;
}
a.mores:hover {
    color: #fff;
    background-color: #00b5e2;
    transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}
.page-product-simpler .slider-section .bx-wrapper .bx-controls,
.page-product-simpler .bx-wrapper .bx-controls {
    z-index: 999;
}
.bggrey {
    background-color: #eee;
}
.bgwirte {
    background-color: #fff;
}
.bgblue {
    color: #fff;
    background-color: #3bafe0;
}
.bgbox {
    padding-bottom: 60px;
}
.bgblue h3,
.bgblue h4,
.bgblue p,
.bgblues h3,
.bgblues h4,
.bgblues p,
.bgblues li,
.bgblues a {
    color: #fff !important;
}
.bg-textbox {
    padding: 0 10px;
    margin-top: 15%;
    margin-bottom: 15%;
}
.mgtop {
    margin-top: -5px;
    z-index: 999;
}
.wite-top {
    position: relative;
    margin-top: 0;
}
.z2 {
    z-index: 998;
}
.txtbg {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}
.bgpic {
    width: 100%;
    height: auto;
    background: url(/content/dam/honor/global/other/common/img/honor6en_wifi.jpg) no-repeat;
}
.bgpic-cover {
    width: 100%;
    height: auto;
    /*background: url(/content/dam/honor/global/other/common/img/honor6en_cover02.jpg) no-repeat;*/
}
.txt {
    font-family: "bignoodletitlingregular";
}
.bgpic-cover h3 {
    color: #fff !important;
    text-shadow: 1px 2px 5px rgba(0,0,0,.4)
}
.bd-tb {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.posion-bom {
    position: relative;
    margin-bottom: -2%;
}
.posion-top {
    position: relative;
    margin-top: -2%;
}
.camera .txtbg.posion {
    position: relative;
    z-index: 999;
    padding: 10px;
    margin-top: -2%;
}
.txtbg h4 {
    font-size: 24px;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.icon-all {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/content/dam/honor/global/other/common/img/en_icon_all.png) no-repeat;
}
.icon-all-01 {
    background-position: 0 0;
}
.icon-all-02 {
    background-position: 0 -48px;
}
.icon-all-03 {
    background-position: 0 -96px;
}
.icon-all-04 {
    background-position: 0 -144px;
}
.icon-all-05 {
    background-position: 0 -192px;
}
.icon-all-06 {
    background-position: 0 -240px;
}
.icon-all-07 {
    background-position: 0 -288px;
}
.icon-all-08 {
    background-position: 0 -336px;
}
.icon-all-09 {
    background-position: 0 -384px;
}

.banner-btns .video-play-btn {
    background: none;
    vertical-align: middle;
}
.banner-btns {
    margin: 10px 0px 80px auto;
    text-align: center;

}
.banner-btns .banner-btnvideo {
    background: none;
    background-color: inherit !important;
}
.banner-btns .banner-btnvideo.center-block a {
    padding-left: 10px;
    padding-right: 10px;
}

/* 20150804 bof */
.mt-much {
    margin-top: 700px;
    margin-bottom: 50px;
}
.mt-much .bg-textbox {
    margin-top: 300px;
}
.honortab table {
    margin-top: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.honortab th {
    width: 20%;
}
/* 20150804 eof */

/* honor4x bof*/
.honor4x .topbannerSlider .bannerfont {
    padding-top: 20%;
    text-align: left;
}
.honor7 .topbannerSlider .bannerfont {
    padding-top: 20%;
    text-align: center;
}
.topbannerSlider .ru-bg-honor7-banner .bannerfont {
    text-align: center;
}
.honor4x .topbannerSlider .bannerfont h2.blues {
    margin-top: 20px;
    padding: 0;
    color: #3bafe0;
    text-align: left;
}
.honor4x .topbannerSlider {
    padding: 0;
    margin: 0;
    margin-top: 7%;
}
.bgpic-network {
    width: 100%;
    height: auto;
    background: url(/content/dam/honor/global/other/common/img/honor4x_4gnetworkbg.jpg) no-repeat;
}
.bgcamerpic {
    background: url(/content/dam/honor/global/other/common/img/honor4x_camerabg.jpg) no-repeat;
}
.bg-textbox .row div[class*="col-"] {
    margin-bottom: 10px;
}
.bgcamerpic h3,
.bgcamerpic p {
    color: #fff !important;
}
.mt-40 {
    margin-top: 40px;
}
.width-1200 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 40px;
}
.width-1200 h3 img {
    max-width: 68px;
}
.width-1200>.row .col-sm-6,
.width-1200>.row .col-sm-3.col-xs-6 {
    margin-bottom: 15px;
}
.honor4x {
    overflow: hidden;
}
/* honor4x eof*/


/* honor4c bof*/
.cover .desc {
    position: absolute;
    z-index: 10;
    top: 15%;
    left: 5%;
    width: 40%;
}

.cover .desc .txt h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.cover .desc .txt p {
    color: #000;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}

.cpu h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.cpu p {
    color: #000;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    padding: 0 40px;
}

.signal .desc {
    position: absolute;
    z-index: 10;
    top: 15%;
    left: 5%;
    width: 40%;
}

.signal .desc .txt h3 {
    font-family: "bignoodletitlingregular";
    color: #fff !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.signal .desc .txt p {
    color: #fff;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.camera .desc {
    position: absolute;
    z-index: 10;
    top: 15%;
    width: 100%;
    text-align: center;
    padding: 0 10px;
}

.camera .desc .txt h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.camera .desc .txt p {
    color: #000;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}

.screen .desc {
    position: absolute;
    z-index: 10;
    top: 15%;
    right: 5%;
    width: 40%;
}

.screen .desc .txt h3 {
    font-family: "bignoodletitlingregular";
    color: #fff !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.screen .desc .txt p {
    color: #fff;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.emui h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.emui p {
    color: #000;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    padding: 0 20px;
}


.battery .blank-fonts {
    position: absolute;
    top: 70%;
    width: 55%;
}

.battery .blank-fonts h3 {
    font-family: "bignoodletitlingregular";
    font-size: 48px;
    color: #000 !important;
    line-height: 120%;
}

.battery .blank-fonts p {
    color: #000;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.sound .desc {
    position: absolute;
    z-index: 10;
    top: 15%;
    right: 5%;
    width: 40%;
}

.sound .desc .txt h3 {
    font-family: "bignoodletitlingregular";
    color: #fff;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.sound .desc .txt p {
    color: #fff;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.more .row {
    margin-bottom: 15px;
}

.more h3 {
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
    text-shadow: none;
}

.more p {
    color: #000;
    line-height: 175%;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    padding: 0 40px;
}


.img-id .bx-controls {
    z-index: 51;
    position: absolute;
    display: block;
    right: 2%;
    bottom: 8%;
}

.img-id .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    margin-right: 4px;
    vertical-align: top;
    margin-right: 15px;
}

.img-id .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey.png");
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: block;
    font-size: 0;
}

.img-id .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey-active.png");
}

/* 竖版 ipad */
@media (min-width: 768px) and (max-width:991px) {

    .cover .desc .txt h3 {
        font-size: 28px;
    }

    .cover .desc .txt p {
        font-size: 16px;
    }

    .cpu h3 {
        font-size: 28px;
    }

    .cpu p {
        font-size: 16px;
    }

    .signal .desc .txt h3 {
        font-size: 28px;
    }

    .signal .desc .txt p {
        font-size: 16px;
    }

    .camera .desc .txt h3 {
        font-size: 28px;
    }

    .camera .desc .txt p {
        font-size: 16px;
    }

    .screen .desc .txt h3 {
        font-size: 28px;
    }

    .screen .desc .txt p {
        font-size: 16px;
    }

    .emui h3 {
        font-size: 28px;
    }

    .emui p {
        font-size: 16px;
    }

    .battery .blank-fonts h3 {
        font-size: 28px;
    }

    .battery .blank-fonts p {
        font-size: 16px;

    }

    .sound {
        padding-top: 50px;
    }

    .sound .desc .txt h3 {
        font-size: 28px;
    }

    .sound .desc .txt p {
        font-size: 16px;
    }

    .more h3 {
        font-size: 28px;
    }

    .more p {
        font-size: 16px;
    }

}

@media (max-width: 768px) {

    .cover .desc {
        top:10%;
        width: 90%;
    }

    .cover .desc .txt h3 {
        font-size: 20px;
    }

    .cover .desc .txt p {
        font-size: 14px;
    }

    .cpu h3 {
        font-size: 20px;
    }

    .cpu p {
        font-size: 14px;
    }

    .signal .desc {
        top: 10%;
        width: 90%;
    }

    .signal .desc .txt h3 {
        font-size: 20px;
    }

    .signal .desc .txt p {
        font-size: 14px;
    }

    .camera .desc {
        top: 10%;
        width: 90%;
        left: 5%;
    }

    .camera .desc .txt h3 {
        font-size: 20px;
    }

    .camera .desc .txt p {
        font-size: 14px;
    }

    .screen .desc {
        top: 10%;
        width: 90%;
    }

    .screen .desc .txt h3 {
        font-size: 20px;
    }

    .screen .desc .txt p {
        font-size: 14px;
    }

    .emui h3 {
        font-size: 20px;
    }

    .emui p {
        font-size: 14px;
    }

    .battery .blank-fonts {
        position: inherit;
        margin-top: 0;
        width: 90%;
        margin-left: 15px;
    }

    .battery .blank-fonts h3 {
        font-size: 20px;
    }

    .battery .blank-fonts p {
        font-size: 14px;
    }

    .sound {
        padding-top: 30px;
    }

    .sound .desc {
        position: inherit;
        z-index: 10;
        left: 5%;
        top: 100%;
        margin-top: 15px;
        width: 90%;

    }

    .sound .desc .txt h3 {
        font-size: 20px;
        color: #000;
    }

    .sound .desc .txt p {
        font-size: 14px;
        color: #000;
    }

    .more h3 {
        font-size: 20px;
    }

    .more p {
        font-size: 14px;
    }

}




@media (min-width: 1025px) and (max-width:1199px) {
    .sound {
        padding-top: 30px;
    }

}




/* honor4c eof */

/* honor3c bof */
.honor3c #top-banner,
.honor3c .topbannerSlider li:first-child {
    background-color: #eee;
}
h3.btnfont {
    font-size: 90px;
}

.nopadd .col-sm-5>img {
    margin-top: -4%;
}
.width-1200 h3 img {
    margin-bottom: 10px;
}
.width-1200 .col-sm-3.col-xs-6 img {
    margin-bottom: 10px;
}
.honor3c .topbannerSlider .col-sm-5 img {
    margin-bottom: 8%;
}
.nopd img.img-responsive.center-block {
    margin-bottom: 4%;
}
/* honor3c eof */

/* product index bof */
.productbox {
    overflow: hidden;
}
.productbox ul.topbannerSlider {
    margin-bottom: 0;
}
.product-banner-text {
    position: absolute;
    top: 43%;
    right: 18%;
}
.product-banner-text .title {
    color: #fff;
    font-family: "bignoodletitlingregular";
    font-size: 70px;
    line-height: 0.8;
}
.product-banner-text .headline {
    color: #fff;
    font-family: "bignoodletitlingregular";
    font-size: 30px;
    line-height: 35px;
    vertical-align: middle;
}
.product-banner-text .headline a {
    color: #fff;
}
.product-listbox .bgbox {
    padding-top: 60px;
}
.product-picbox {
    text-align: center;
    padding: 60px 10px 30px;
}

.product-picbox>img,
.product-picbox h3,
.product-picbox a {
    margin-bottom: 10px;
}
.product-listbox .item-c div[class*="col-"]:not(:first-child) .product-picbox {
    border-left: 1px solid #ddd;
}
.product-picbox h3,
.productfonts {
    font-family: "bignoodletitlingregular";
}
.productfonts {
    font-size: 36px;
    margin-bottom: 10px;
}
.followbox {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
footer .footer {
    padding-top: 24px;
    padding-bottom: 20px;
}
.footer {
    background-color: #fff;
}
.followbox .social {
    margin-bottom: 0;
}
.followbox .social li {
    font-size: 24px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 70px;
}
.serch-email {
    letter-spacing: -0.315em;
}
.serch-email span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.input-email {
    width: 70%;
}
.input-email input {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
}
.btm-email {
    width: 30%;
}
.btm-email a {
    margin-left: 10px;
    border: 1px solid #ccc;
    padding: 7px 10px;
    color: #666;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.btm-email a:hover {
    color: #333;
    background-color: #ccc;
}
.footer-textbox {
    margin-bottom: 10px;
}
.footer-textbox,
.bottom-copyright,
.bottom-text {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.footer-textbox h4 {
    font-family: "bignoodletitlingregular";
}
.footer-textbox a {
    color: #000;
    line-height: 20px;
    font-size: 12px;
}
.bottom-copyright {
    padding-left: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.bottom-copyright ul {
    margin-bottom: 0;
}
.bottom-copyright li {
    display: inline-block;
}
.bottom-copyright li {
    margin-right: 15px;
}
.bottom-copyright li a {
    color: #000;

}
.bottom-language{

    padding-right: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.bottom-text {
    text-align: right;
    padding-right: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.productbox a.pink-btn,
.productbox a.pink-btn:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
    font-size: 20px;
    line-height: 1em;
    padding: 10px;
}
.honor-btn {
    width: 40%;
}
.follow-us {
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 85px;
    padding-top: 5px;
}
.bottom-bigfont {
    font-family: "dead_island" !important;
    font-size: 80px !important;
    color: #00b2e6 !important;

}

/* product index eof */

/* product honor6plus start*/
.honor6-plus .page-product-simpler .slider-section .product-sliders .item-c {
    position: inherit;
}

.banner-btns-honor6plus {
    margin: 0px auto 0px auto;
    text-align: center;
    background-color: #06aae7;
    height: 160px;
}
.banner-btns-honor6plus .banner-btnvideo>a {
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.honor6-plus .phone-section-wrapper .banner-btnvideo {
    display: inline-block;
    width: 80%;
}

.tag-box .font-40 {
    color: #fff;
    width: 90%;
    font-size: 38px;
    font-weight: normal;
    line-height: 120%;
    border-bottom: 2px solid #fff;
    text-align: left;
}
.z-ind {
    max-height: 928px;
    overflow: hidden;
}
.honor-en {
    font-family: "bignoodletitlingregular";
    margin-top: -1%;
}
.honor-en .txt-01-boton {
    top: 40%;
}
.honor-en .honor6-en-txt {
    top: 25%;
    left: 10%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
}
.honor-en .honor-en-p-white {
    color: #fff;
    width: 80%;
    font-size: 20px;
    line-height: 26px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-en .honor6-en-txt-6 {
    top: 20%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
    left: 30%;
    text-align: center;
}
.honor-en .honor-en-h3-black {
    color: #333;
    font-size: 48px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";
}

.honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 48px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";
}
.honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 20px;
    line-height: 38px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-en .txt-016 {
    width: 40%;
}
.honor-en .txt-020 {
    width: 100%;
    text-align: center;
    top: 20%;
}
.honor-en .honor6-en-txt .txt-017-h3 {
    left: -10%;
    position: relative;
}
.honor-en .txt-017 {
    width: 100%;
    text-align: center;
    top: 10%;
}
.honor-en .txt-021 {
    width: 100%;
    text-align: center;
    top: 10%;
}
.marg-2 {
    margin-top: -2%;
    z-index: 999;
}
.tag-box {
    margin-top: 30px;
    color: #ffffff;
}
.item-tags {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
}
.hidden-ipads .item-tags {
    vertical-align: top;
}
.honor-en.hidden-ipads .honor6-en-txt {
    top: 8%;
}
.honor-en.hidden-ipads .honor6-en-txt {
    width: 65%;
}
.tag-box .font-40 {
    color: #fff;
    width: 90%;
    font-size: 38px;
    font-weight: normal;
    line-height: 120%;
    border-bottom: 2px solid #fff;
    text-align: left;
}
.grey h3.font-40 small {
    color: #fff;
    border-color: #fff;
}
.tag-box p {
    padding-top: 10px;
    text-align: left;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.bd-tb {
    border-top: 1px solid #eee !important;
    border-bottom: none !important;
    z-index: 9999;
}
.honor-en .honor6-en-txt-3 {
    top: 25%;
    left: 50%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
}
.honor6-imgpull {
    height: 460px;
    background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-08.jpg) no-repeat;
}
.page-product-simpler .slider-section {
    z-index: 0;
}
.honor-en .txt-08-left {
    width: 80%;
    top: 2%;
    left: 5%;
    padding-top: 10%;
    padding-left: 10%;
    position: inherit;
    height: auto;
}
.honor6-lte {
    text-align: center;
    width: 80%;
}

.btn-ceter {
    text-align: center;
    top: 60%;
    padding-top: 40px;
}
.honor6-imgpush {
    height: 460px;
    background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-09.jpg) no-repeat;
}
.text-07-left-h3 {
    text-align: center;
}
.honor-en .text-07-left-p {
    text-align: center;
    width: 100%;
}
.honor6-plus .page-product-simpler .slider-section .bx-wrapper .bx-controls,
.honor6-plus .page-product-simpler .slider-section .bx-wrapper .bx-controls {
    z-index: 51;
    position: absolute;
    display: block;
    right: 2%;
    bottom: 8%;
}
.honor6-plus .page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-right: 15px;
}
.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey.png");
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: block;
    font-size: 0;
}
.page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio.png");
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: block;
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey.png");
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: block;
    font-size: 0;
}
.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey-active.png");
}
.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
    background-image: url("/content/dam/honor/global/other/common/img/btn-radio-grey-active.png");
}



/* 20150720 eof */


/* 20150725 honor6-en */
.honor-en {
    font-family: "bignoodletitlingregular";
    margin-top: -1%;
}
.txt {

}
.honor-en .in-sta {
    position: static;
    overflow: hidden;
}
.z-ind {
    max-height: 928px;
    overflow: hidden;
}
.marg-2 {
    margin-top: -2%;
    z-index: 999;
}
.honor-en .honor6-en-txt {
    top: 25%;
    left: 10%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
}
.honor-en .honor-en-h3-black {
    color: #333;
    font-size: 48px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";

}
.honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 20px ;
    line-height: 38px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 48px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";

}

.honor-en .txt-016 {
    width: 40%;
}

.honor-en .txt-016{ width: 40%;}

.honor-en .txt-017{ width: 100%;
    text-align: center;
    top: 10%;
}
.honor-en .honor6-en-txt .txt-017-h3 {
    left: -10%;
    position: relative;

}
.honor-en .txt-020 {
    width: 100%;
    text-align: center;
    top: 20%;
}

.tag-box {
    margin-top: 30px;
    color: #ffffff;
}
.tag-box .font-40 {
    color: #fff;
    width: 90%;
    font-size: 38px;
    font-weight: normal;
    line-height: 120%;
    border-bottom: 2px solid #fff;
    text-align: left;
}
.tag-box p {
    padding-top: 10px;
    text-align: left;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.grey h3.font-40 small {
    color: #fff;
    border-color: #fff;

}
.honor-en .honor6-en-txt-3 {
    top: 25%;
    left: 50%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
}
.honor-en .honor6-en-txt-6 {
    top: 20%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
    left: 30%;
    text-align: center;
}
.honor-en .txt-08-left {
    top: 15%;
    width: 80%;
    position: absolute;
    display: block;
    height: 100%;
    left: 20%;

}
.honor-en .txt-08-right {
    top: 15%;
    position: absolute;
    display: block;
    height: 100%;
    width: 80%;
    left: 20%;

}
.honor-en .txt-01-boton {
    top: 40%;
}
.honor-en .txt-021 {
    width: 100%;
    text-align: center;
    top: 10%;
}
a.white-btn {
    border: 2px solid #fff;
    color: #fff;
}
.btn08-left {
    left: 20%;
}
.btn08-right {
    left: 60%;
}
.bnt-09-left {
    position: absolute;
    top: 70%;
    left: 40%;
    z-index: 9991;
}
.bnt-09-right {
    position: absolute;
    top: 70%;
    left: 40%;
    z-index: 9998;
}
.honor6-lte {
    text-align: center;
    width: 80%;
}
.maigin-5-08 {
    margin-left: -5px;
    margin-right: -5px;
}
.font-08 {
    font-family: "Filmotype-LaCrosse.otf" ;
}

.ma-10-left {
    padding: 0;
}
.ma-10-right {
    padding: 0;
}



.honor6-plus .s1 {
    position: absolute;
    left: 55%;
    bottom: 10%;
    margin-left: -226px;
    overflow: hidden;
}
.btn-ceter {
    text-align: center;
    top: 60%;
    padding-top: 40px;

}

.honor6-plus .phone-section-wrapper .banner-btnvideo {
    /*display: inline-block;*/
    margin: 30px auto 40px auto;
    text-align: center;
}
/*英国站点按钮居中时修改180改为0*/
.honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    /*display: inline-block;*/
    margin: 30px 0px 40px auto;
    text-align: center;
}
.honor6-imgpull {
    height: 460px;
    background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-08.jpg) no-repeat;
}
.honor6-imgpush {
    height: 460px;
    background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-09.jpg) no-repeat;
}
.honor-en .txt-08-left {
    width: 80%;
    top: 2%;
    left: 5%;
    padding-top: 10%;
    padding-left: 10%;
    position: inherit;
    height: auto;
}
.imgpull-btn {
    width: 250px;
    margin: 30px auto 10px auto;
}

.text-07-left-h3 {
    text-align: center;
}

.honor-en .text-07-left-p {
    text-align: center;
    width: 100%;
}
.item-tags {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
}
.banner-btns-honor6plus {
    margin: 0px auto 0px auto;
    text-align: center;
    background-color: #06aae7;
    height: 160px;
}
.bd-tb {
    border-top: 1px solid #eee !important;
    border-bottom: none !important;
    z-index: 998;
}
.in-05.bd-tb {
    background-color: #fff;
}
/* product honor6plus end */

/* honor7 bof */

.bg-honor7-banner {
    width: 100%;
    padding-top: 5%;
    background: url(/content/dam/honor/global/other/common/img/hono7_banner_bg.jpg) no-repeat center top;
}
/*匈牙利首KV背景*/
.hu-bg-honor7-banner {
    width: 100%;
    padding-top: 5%;
    background: url(/content/dam/honor/global/other/common/img/hono7_banner_bg.jpg) no-repeat center top;}
.ru-bg-honor7-banner {
    width: 100%;
    padding-top: 5%;
   /* background: url(/content/dam/honor/global/other/common/img/ru_hono7_banner_bg.jpg) no-repeat center top;*/
}
.honor7 .topbannerSlider {
    margin-top: 0;
}
.pd-top11 {
    margin-top: -11%;
}
.bgblues {
    color: #fff;
    background-color: #24c6f7;
    padding-bottom: 2%;
}
/* 标签 bof */
.tag-box {
    margin-top: 30px;
}
.honor7 .item-tags {
    width: auto;
    display: inline-block;
    /* padding-left: 20px;*/
    padding-right:
            0px;
    margin-right: 0;
    border: none;
}
.honor7 .item-tags:first-child {
    padding-left: 0;
}
.honor7 .tag-box .font-40 {
    color: #000;
    width: 100%;
    /* font-size: 38px;*/
    font-weight: normal;
    line-height: 120%;
    border: none;
}
.honor7 .tag-box .font-40 small {
    font-size: 18px;
    margin-left: 2px;
    color: #333;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor7 .tag-box p {
    color: #000;
}
.honor7 .bgblues .tag-box .font-40,
.honor7 .bgblues .tag-box .font-40 small,
.honor7 .bgblues .tag-box p {
    color: #fff;
    border-color: #fff;
}
.honor7 .bgblues .tag-box p {
    margin-top: 0;
    padding-top: 0;
}
.tag-padding {
    padding: 0 10px;
}
.bgblues>.width-1200>.row {
    margin-top: 30px;
}
.honor7 .tag-box .item-tags h3 {
    margin: 0;
    padding: 0;
}
.honor7 .tag-box .item-tags .mtp {
    margin-top: -20px;
}
.no-pd {
    padding-top: 10%;
}
/* 标签 eof */
.bg-honor-video {
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -600px;
}
.blues2 {
    background-color: #24cdfe;
}
.honorbox-tag .tag-box .item-tags {
    width: 45%;
    float: left;
    margin-bottom: 10px;
}
.honor7 .tag-box .item-tags {
    min-width: inherit;
    margin: 0 10px 0 0;
}
.bgblues .width-1200 {
    padding-top: 30px;
}
.slider-section {
    overflow: hidden;
    width: 100%;
}
/* honor7 eof */

/* 规格表 bof */


.page-product-simpler .text-section .custom-pager .color-wrapper {
    display: inline-block;
    height: 40px;
    margin-top: -5px;
    margin-right: 18px;
    position: relative;
}

.page-product-simpler .text-section .custom-pager .color-wrapper .color-name {
    background-image: url("/content/dam/honor/global/other/common/img/bg-phone-color-gray.png");
    background-repeat: no-repeat;
    width: 59px;
    height: 24px;
    color: #fff;
    font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    font-size: 16px;
    padding-top: 6px;
    display: none;
    position: absolute;
    left: -18px;
    bottom: -8px;
    text-align: center;
}
.page-product-simpler .text-section .custom-pager {
    /*text-align: center;*/
    padding-top: 20px;
    padding-left: 20px;
}
.page-product-simpler .text-section .custom-pager .txt-available {
    color: #777;
    font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: top;
}
.page-product-simpler .text-section .custom-pager .color-wrapper a {
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
}
.page-product-simpler .text-section .custom-pager .color-wrapper .color-name.active {
    display: block;
}

.page-product-simpler .text-section .custom-pager .color-wrapper a.color-1 {
    background-image: url("/content/dam/honor/global/other/common/img/color-white.png");
}
.page-product-simpler .text-section .custom-pager .color-wrapper a.color-2 {
    background-image: url("/content/dam/honor/global/other/common/img/color-gold.png");
}
.page-product-simpler .text-section .custom-pager .color-wrapper a.color-3 {
    background-image: url("/content/dam/honor/global/other/common/img/color-black.png");
}
.page-product-simpler .text-section .custom-pager .color-wrapper a.color-4 {
    background-image: url("/content/dam/honor/global/other/common/img/color-gray.png");
}
.page-product-simpler .text-section .custom-pager .color-wrapper {
    display: inline-block;
    height: 40px;
    margin-top: -5px;
    margin-right: 10px;
    position: relative;
}
.page-product-simpler .text-section.container.parameters-box {
    width: 100%;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-all;
}

.parameters-textbox {
    margin-top: 12%;
}
.parameters-textbox>.row>div[class*="col-"] {
    margin-bottom: 30px;
}
.parameters-textbox .col-sm-1 {
    max-width: 60px;
}
.parameters-icon {
    padding-left: 10px;
}
.parameters-text {
    height: 50px;
    margin: 10px 0 0 0px;

}
.parameters-table {
    margin-top: 20px;
    margin-bottom: 30px;
}
.parameters-table .table>thead>tr>th,
.parameters-table .table>tbody>tr>th,
.parameters-table .table>tfoot>tr>th,
.parameters-table .table>thead>tr>td,
.parameters-table .table>tbody>tr>td,
.parameters-table .table>tfoot>tr>td {
    padding: 10px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
.parameters-table h3 {
    margin-bottom: 30px;
}
.parameters-table table tr th {
    font-size: 18px;
    font-weight: normal;
    width: 30%;
}
.parameters-table table tr th,
.parameters-table table tr td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.parameters-table table th:hover {
    background-color: #f5f5f5;
}

.parameters-table table td:hover {
    background-color: #fcf8e3;
}

.parameters-table table td::selection,.parameters-table table th::selection {
    background-color: #dff0d8;
}
.parameters-table table td::-moz-selection,.parameters-table table th::-moz-selection {
    background-color: #dff0d8;
}
.parameters-textbox p,.parameters-table td {
    font-size: 14px;
}
/* 规格表 eof */
/* 隐私 bof */
.termsbox {
    margin-bottom: 10%;
}

.termsbox h3 {
    margin-bottom: 10px;
}
.termsbox h1,
.termsbox h2,
.termsbox h3,
.termsbox h4,
.termsbox h5 {

    margin-bottom: 10px;
}
.termsbox>h1 {
    text-align: center;
    margin-bottom: 30px;
    font-family: verdana, geneva, sans-serif;
}
.termsbox p {
    line-height: 175%;
    margin-bottom: 30px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.termsbox ul li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    word-break: break-all;
}
.termsbox ul li a {
    color: #00b2e6;
}
.termsbox p.text-right {
    margin-bottom: 10px;
}
/* 隐私 bof */





/*wordworld bof*/

/* line 2, ../sass/page/_location.scss */
.page-location .banner-section-wrapper {
    /*padding-left: 65px;*/
}
@media only screen and (max-width: 767px) {
    /* line 2, ../sass/page/_location.scss */
    .page-location .banner-section-wrapper {
        padding-left: 0;
    }
}
/* line 8, ../sass/page/_location.scss */
.page-location .banner-section-wrapper .banner-section {
    position: relative;
}
/* line 10, ../sass/page/_location.scss */
.page-location .banner-section-wrapper .banner-section .desc {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
/* line 15, ../sass/page/_location.scss */
.page-location .banner-section-wrapper .banner-section .desc .inner-tb {
    width: 100%;
    height: 100%;
    display: table;
}
/* line 20, ../sass/page/_location.scss */
.page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
/* line 26, ../sass/page/_location.scss */
.page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-family: "bignoodletitlingregular";
    font-size: 70px;
    line-height: 0.8;
    padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    /* line 26, ../sass/page/_location.scss */
    .page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
        font-size: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 26, ../sass/page/_location.scss */
    .page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
        font-size: 45px;
    }
}
/* line 38, ../sass/page/_location.scss */
.page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
    font-family: "bignoodletitlingregular";
    font-size: 30px;
    line-height: 0.8;
}
@media only screen and (max-width: 767px) {
    /* line 38, ../sass/page/_location.scss */
    .page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
        font-size: 20px;
    }
}
/* line 54, ../sass/page/_location.scss */
.page-location .main-section-wrapper {
    padding-left: 65px;
    padding-top: 80px;
}
@media only screen and (max-width: 767px) {
    /* line 54, ../sass/page/_location.scss */
    .page-location .main-section-wrapper {
        padding-left: 0;
        padding-top: 30px;
    }
}
/* line 62, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 29%;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    /* line 62, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 62, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col {
        width: 30%;
    }
}
/* line 76, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .region-col-c {
    padding-bottom: 60px;
}
/* line 79, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .region-col-c .collapse {
    margin-right: 0;
    margin-left: 0;
}
@media only screen and (min-width: 768px) {
    /* line 85, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .region-col-c .collapse {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    /* line 76, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .region-col-c {
        padding-bottom: 0;
    }
}
/* line 95, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .heading {
    font-family: "bignoodletitlingregular";
    font-size: 30px;
    line-height: 0.8;
    padding-bottom: 20px;
}
/* line 101, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .heading a {
    display: block;
    width: 100%;
}
/* line 105, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .heading a:focus, .page-location .main-section-wrapper .region-col .heading a:hover {
    color: #0d79ac;
}
/* line 110, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .heading .ico {
    display: none;
    width: 30px;
    height: 30px;
}
/* line 115, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .heading .ico.ico-minus {
    background: url(/content/dam/honor/global/other/common/img/minus-icon.png) no-repeat;
    background-size: 100%;
}
/* line 119, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .heading .ico.ico-plus {
    background: url(/content/dam/honor/global/other/common/img/plus-icon.png) no-repeat;
    background-size: 100%;
}
@media only screen and (max-width: 767px) {
    /* line 95, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .heading {
        position: relative;
        border-top: 1px solid #e8e8e8;
        padding: 20px 0 10px 0;
    }
    /* line 130, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .heading .ico {
        position: absolute;
        display: block;
        top: 12px;
        right: 15px;
    }
    /* line 133, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .heading .ico-minus {
        display: none;
    }
    /* line 136, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .heading .ico-plus {
        display: block;
    }
    /* line 141, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .heading a[aria-expanded="true"] .ico-minus {
        display: block;
    }
    /* line 144, ../sass/page/_location.scss */
    .page-location .main-section-wrapper .region-col .heading a[aria-expanded="true"] .ico-plus {
        display: none;
    }
}
/* line 150, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .country-c {
    text-align: right;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    float: none;
    width: 50%;
    padding: 0 5px 10px 0;
}
/* line 160, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .country-c a {
    color: #333333;
}
/* line 162, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .language-c {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    float: none;
    width: 50%;
    padding: 0 5px 10px 5px;
}
/* line 173, ../sass/page/_location.scss */
.page-location .main-section-wrapper .region-col .language-c a {
    color: #01b4e1;
}

 .grey-bg {
    display: none;
    transition: all .5s;
}

 .grey-bg.on {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000;
    z-index: 991;
    position: fixed;
    transition: all .5s;
}

.page-location .grey-bg {
    display: none;
    transition: all .5s;
}

.page-location .grey-bg.on {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000;
    z-index: 991;
    position: fixed;
    transition: all .5s;
}

.page-location .dialog {
    font-family: "bignoodletitlingregular";
    position: fixed;
    display: none;
    z-index: 9999;
    left: 50%;
    top: 40%;
    margin-top: -87px;
    margin-left: -189.5px;
    margin-bottom: 100px;
    width: 408px;
    height: auto;
    transition: all .5s;
}

.page-location .dialog .close-box {
    /*float: right;*/
    width: 100%;
    height: 30px;
    font-size: 15px;
    text-align: right;
}

.page-location .dialog .close-box a {
    display: inline-block;
    width:75px;
    background: red;
    color: #fff;
    font-size: 20px;
    height:100%;
    line-height: 39px;
    text-align: center;
    vertical-align:middle;
}
.page-location .dialog .dialog-box {
    height: 205px;
    background: url(/content/dam/honor/global/other/common/img/dialog_bg.jpg);
}
.page-location .dialog .dialog-box .content {
    width: 100%;
    margin: 0px auto;
    padding: 58px 0px 25px 0px;
    line-height: 24px;
    color: #fff;
    font-size: 28px;
    text-align: center;
}
.page-location .dialog .dialog-box .button {
    width: 90%;
    margin: 20px auto 10px auto;
    text-align: right;
}
.page-location .dialog .dialog-box .button a {
    display: inline-block;
    width: 109px;
    height:39px;
    line-height: 43px;
    color: #fff;
    font-size: 23px;
    text-align: center;
    background: url(/content/dam/honor/global/other/common/img/btn_1.png);
    margin-left:10px;
}
.page-location .dialog .dialog-box .button a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

@media only screen and (max-width: 767px) {
    .page-location .dialog .dialog-box .content {
        width: 100%;
        margin: 0px auto;
        padding: 58px 0px 25px 0px;
        line-height: 24px;
        color: #fff;
        font-size: 23px;
        text-align: center;
    }
    .page-location .dialog .dialog-box .button {
        width: 98%;
        margin: 20px auto 10px auto;
        text-align: right;
    }
    .page-location .dialog {
        width: 280px;
        margin-left: -139.5px;
    }
    .page-location .dialog .dialog-box {
        height: 185px;
        background: #00b3e0;
    }
    .page-location .dialog .dialog-box .content {
        width: 100%;
        margin: 0px auto;
        padding: 58px 0px 25px 0px;
        line-height: 24px;
        color: #fff;
        font-size: 23px;
        text-align: center;
    }
}
/*wordworld eof*/




/* support bof */
a.btn-red:hover {
    color: #fff;
}
.download-lnk span.txt {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
/* line 2, ../sass/page/_support.scss */
.page-support .banner-section-wrapper {
    padding-left: 0;
}
@media only screen and (max-width: 767px) {
    /* line 2, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper {
        padding-left: 0;
    }
}
/* line 8, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section {
    position: relative;
}
/* line 10, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
/* line 15, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb {
    width: 100%;
    height: 100%;
    display: table;
}
/* line 20, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
/* line 26, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-family: "bignoodletitlingregular";
    font-size: 70px;
    line-height: 0.8;
    padding-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    /* line 26, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
        font-size: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 26, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
        font-size: 50px;
    }
}
/* line 39, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
    font-family: "bignoodletitlingregular";
    font-size: 30px;
    line-height: 0.8;
}
@media only screen and (max-width: 767px) {
    /* line 39, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
        font-size: 20px;
    }
}
/* line 48, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search {
    background: #fff;
    width: 500px;
    height: 52px;
    padding: 0 30px;
    line-height: 52px;
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    position: relative;
    /*overflow: hidden;*/
    margin: 0 auto;
}
/* line 59, ../sass/page/_support.scss */
#faq-type{z-index:99;}
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
    border: none;
    outline: none;
    width: 80%;
    height: 52px;
    font-size: 12px;
    line-height: auto;
    vertical-align: middle;
    position: absolute;
    display: block;
    left: 30px;
    top: 0;
    color:black;
}
/* line 69, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt::-webkit-input-placeholder {
    color: #9d9d9d;
}
/* line 73, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt:-moz-placeholder {
    /* Firefox 18- */
    color: #9d9d9d;
}
/* line 77, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt::-moz-placeholder {
    /* Firefox 19+ */
    color: #9d9d9d;
}
/* line 81, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt:-ms-input-placeholder {
    color: #9d9d9d;
}
/* line 85, ../sass/page/_support.scss */
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .fa {
    position: absolute;
    display: block;
    top: 0;
    right: 20px;
    font-size: 20px;
    color: #9d9d9d;
    line-height: 52px;
}
@media only screen and (max-width: 767px) {
    /* line 48, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search {
        width: 80%;
        height: 48px;
        padding: 0 15px;
        line-height: 48px;
    }
    /* line 97, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
        left: 15px;
        top: -2px;
        height: 48px;
        background: none;
    }
    /* line 102, ../sass/page/_support.scss */
    .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .fa {
        line-height: 40px;
        right: 15px;
    }
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .main-dropdown {
    position: absolute;
    top: 100%;
    left: 17px;
    right: 17px;
    background: rgba(255, 255, 255, 0.8);
    text-align: left;
    border-radius: 5px;
    z-index: 999;
    /* overflow: hidden; */
    transition: all .1s;
    border-bottom: none;
    border-top: none;
    max-height: 400px;
    border: 1px solid #cccccc;
    margin: 0 5px;
    display: none;
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .main-dropdown li {
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #e6e8ea;
    font-size: 16px;
    line-height: 24px;
    color: #555;
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .main-dropdown li:hover {
    background: #00b3e0;
    color: #fff;
    cursor: pointer;
}



/* line 115, ../sass/page/_support.scss */
.page-support .product-support-wrapper {
    padding-left: 0;
    padding-top: 80px;
}
@media only screen and (max-width: 767px) {
    /* line 115, ../sass/page/_support.scss */
    .page-support .product-support-wrapper {
        padding-left: 0;
        padding-top: 30px;
    }
}
/* line 123, ../sass/page/_support.scss */
.page-support .product-support-wrapper .text-wrapper {
    text-align: center;
}
/* line 125, ../sass/page/_support.scss */
.page-support .product-support-wrapper .text-wrapper .block-title {
    font-size: 60px;
    line-height: 50px;
    min-height: 0;
    color: #333333;
    font-family: "bignoodletitlingregular";
    text-transform: uppercase;
    padding-bottom: 17px;
}
@media only screen and (max-width: 767px) {
    /* line 125, ../sass/page/_support.scss */
    .page-support .product-support-wrapper .text-wrapper .block-title {
        font-size: 30px;
        line-height: 0.8;
    }
}
/* line 142, ../sass/page/_support.scss */
.page-support .product-support-wrapper .productSupportSlider-wrapper .bx-wrapper {
    position: relative;
}
/* line 147, ../sass/page/_support.scss */
.page-support .product-support-wrapper .productSupportSlider {
    text-align: center;
}
/* line 149, ../sass/page/_support.scss */
.page-support .product-support-wrapper .productSupportSlider .slider-item-c {
    position: relative;
    float: left;
    border-left: 1px solid #e4e4e4;
}
/* line 157, ../sass/page/_support.scss */
.page-support .product-support-wrapper .productSupportSlider .slider-item-c .prd-detail {
    padding: 20px 20px 0px 20px;
}
/* line 159, ../sass/page/_support.scss */
.page-support .product-support-wrapper .productSupportSlider .slider-item-c .prd-detail .photo-thumb {
    max-width: 100%;
    height: 175px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    /* line 159, ../sass/page/_support.scss */
    .page-support .product-support-wrapper .productSupportSlider .slider-item-c .prd-detail .photo-thumb {
        max-width: auto;
        height: auto;
    }
}
/* line 169, ../sass/page/_support.scss */
.page-support .product-support-wrapper .productSupportSlider .slider-item-c .prd-detail .prd-name {
    font-size: 22px;
    line-height: 22px;
    color: #333333;
    font-family: "bignoodletitlingregular";
    text-transform: uppercase;
}
/* line 183, ../sass/page/_support.scss */
.page-support .product-support-wrapper .bx-controls-direction {
    margin: 0 auto;
}
/* line 186, ../sass/page/_support.scss */
.page-support .product-support-wrapper .bx-controls-direction .bx-prev {
    width: 25px;
    height: 100%;
    background: url(/content/dam/honor/global/other/common/img/icon-arrow-grey-left.png) center right no-repeat white;
    position: absolute;
    display: block;
    left: 0px;
    top: 0;
    text-indent: -9999px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* line 186, ../sass/page/_support.scss */
    .page-support .product-support-wrapper .bx-controls-direction .bx-prev {
        left: 0px;
    }
}
/* line 198, ../sass/page/_support.scss */
.page-support .product-support-wrapper .bx-controls-direction .bx-next {
    width: 25px;
    height: 100%;
    background: url(/content/dam/honor/global/other/common/img/icon-arrow-grey-right.png) center left no-repeat white;
    position: absolute;
    display: block;
    top: 0;
    right: 0px;
    text-indent: -9999px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* line 198, ../sass/page/_support.scss */
    .page-support .product-support-wrapper .bx-controls-direction .bx-next {
        right: 0px;
    }
}
/* line 210, ../sass/page/_support.scss */
.page-support .product-support-wrapper .bx-controls-direction .disabled {
    display: none;
}
/* line 214, ../sass/page/_support.scss */
.page-support .download-wrapper {
    margin-top: 100px;
    padding: 25px 0 40px 0;
    background: #f6f6f6;
}
/* line 219, ../sass/page/_support.scss */
.page-support .download-wrapper:after, .page-support .download-wrapper:before {
    content: " ";
    display: table;
}
/* line 223, ../sass/page/_support.scss */
.page-support .download-wrapper:before {
    clear: both;
}
@media only screen and (max-width: 767px) {
    /* line 214, ../sass/page/_support.scss */
    .page-support .download-wrapper {
        padding-left: 0;
    }
}
/* line 231, ../sass/page/_support.scss */
.page-support .download-wrapper .mb-block-icon {
    position: relative;
}
/* line 234, ../sass/page/_support.scss */
.page-support .download-wrapper .mb-block-icon .block-ico {
    width: 50%;
    height: 80px;
    position: absolute;
    display: block;
    top: -90px;
}
/* line 239, ../sass/page/_support.scss */
.page-support .download-wrapper .mb-block-icon .block-ico.download-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-download.png) top center no-repeat;
}
/* line 242, ../sass/page/_support.scss */
.page-support .download-wrapper .mb-block-icon .block-ico.book-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-book.png) top center no-repeat;
    left: 50%;
}
/* line 246, ../sass/page/_support.scss */
.page-support .download-wrapper .mb-block-icon .block-ico.doc-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-doc.png) top center no-repeat;
    left: 66%;
}
/* line 253, ../sass/page/_support.scss */
.page-support .download-wrapper .col-lg-4 {
    border-right: 1px solid #e4e4e4;
}
/* line 256, ../sass/page/_support.scss */
.page-support .download-wrapper .col-lg-4:last-child {
    border-right: none;
}
/* line 259, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c {
    text-align: center;
    position: relative;

}
@media only screen and (max-width: 767px) {
    /* line 259, ../sass/page/_support.scss */
    .page-support .download-wrapper .col-c {
        padding-bottom: 0;
    }
}
/* line 268, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .block-ico {
    width: 100%;
    height: 80px;
    display: block;
    left: 0;
    top: -80px;
    margin-bottom: 10px;
    margin-top: 20px;
}
/* line 273, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .block-ico.download-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-download.png) top center no-repeat;
}
/* line 276, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .block-ico.book-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-book.png) top center no-repeat;
}
/* line 279, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .block-ico.doc-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-doc.png) top center no-repeat;
}
/* line 284, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .block-title {
    font-size: 30px;
    line-height: 30px;
    color: #333333;
    font-family: "bignoodletitlingregular";
    text-transform: uppercase;
    padding-bottom: 12px;
}
/* line 293, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .item-c {
   padding: 0 20% 17px 20%;
}
/* line 296, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .item-c .title {
    font-size: 16px;
    line-height: 16px;
    color: #01b4e1;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 3px;
}
/* line 304, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .item-c .desc {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #333333;
    display: block;
    font-size: 16px;
    padding-bottom: 3px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* line 310, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .item-c .download-lnk {
    color: #777777;
    font-size: 16px;
}
/* line 314, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .item-c .download-lnk .download-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-download-small.png) right center no-repeat;
    padding-right: 16px;
}
/* line 321, ../sass/page/_support.scss */
.page-support .download-wrapper .col-c .blue-btn {
    margin-top: 10px;
}


.page-support .select-product-cate {
    /*padding-left:3%;*/
    margin-top: 40px;
}

.page-support .select-product-cate h2 {
    padding-left: 5px;
    font-family: 'bignoodletitlingregular';
    color: #333;
}

.page-support .select-product-cate .form-control {
    margin: 5px 0;
    font-size: 16px;
    line-height: 24px;
}

#product-cate {
    position: relative;
    cursor: pointer;
    transition: all .3s;
}

#product-cate:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #00b3e0 transparent;
}

#product-cate .dropdown {
    position: absolute;
    top:100%;
    left:0;
    right:0;
    background: #fff;
    border:1px solid #cccccc;
    border-radius: 5px;
    z-index: 999;
    max-height:0;
    overflow: hidden;
    transition: all .1s;
    border-bottom: none;
    border-top:none;
}

#product-cate.active .dropdown {
    max-height: 400px;
    border:1px solid #cccccc;
}

#product-cate .dropdown li {
    padding:10px 0 10px 15px;
    border-bottom:1px solid #e6e8ea;
}

#product-cate .dropdown li:hover {
    background: #00b3e0;
    color:#fff;
}

#product-model {
    position: relative;
    cursor: pointer;
    transition: all .3s;
}

#product-model:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #00b3e0 transparent;
}

#product-model .dropdown {
    position: absolute;
    top:100%;
    left:0;
    right:0;
    background: #fff;
    border:1px solid #cccccc;
    border-radius: 5px;
    z-index: 999;
    max-height:0;
    overflow: hidden;
    transition: all .1s;
    border-bottom: none;
    border-top:none;
}

#product-model.active .dropdown {
    max-height: 300px;
    overflow-y:auto;
    border:1px solid #cccccc;
}

#product-model .dropdown li {
    padding:10px 0 10px 15px;
    border-bottom:1px solid #e6e8ea;
}

#product-model .dropdown li:hover {
    background: #00b3e0;
    color:#fff;
}


/*售后服务*/
.page-support .service-section-wrapper {
    background: #fff;
}
@media only screen and (max-width: 991px) {
    /* line 702, ../sass/page/_support.scss */
    .page-support .service-section-wrapper {
        padding-left: 0;
    }
}
/* line 710, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-section-heading {
    font-size: 36px;
    line-height: 70px;
    /*font-weight: bold;*/
    color: #333333;
    font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 66px 0 25px 0;
}
@media only screen and (max-width: 767px) {
    /* line 710, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-section-heading {
        font-size: 30px;
        line-height: 25px;
        padding: 34px 0 15px 0;
    }
}
/* line 726, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c {
    text-align: center;
    padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
    /* line 726, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c {
        text-align: left;
        padding-left: 50px;
        position: relative;
        padding-bottom: 20px;
    }
}
/* line 737, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .fa {
    font-size: 20px;
    color: #01b4e1;
    display: block;
    margin-bottom: 10px;
}
/* line 743, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .fa.ico-checked {
    width: 100%;
    height: 25px;
   /* background: url(../../resources/images/support/ico-checked.png) center top no-repeat;*/
}
@media only screen and (max-width: 767px) {
    /* line 743, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .fa.ico-checked {
        width: 60px;
      /*  background: url(../../resources/images/support/ico-checked.png) left top no-repeat;*/
    }
}
/* line 753, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .fa.ico-phone-pickup {
    width: 100%;
    height: 25px;

   /* background: url(https://www.hihonor.com/global/wp-content/uploads/sites/3/2016/04/ico-phone-pickup-blue.png) center top no-repeat;*/
}
.page-support .service-section-wrapper .service-c .fa.ico-handy {
    width: 25px;
    height: 25px;

   /* background: url(https://www.hihonor.com/global/wp-content/uploads/2017/03/TradeInicon2.png) center top no-repeat;*/
    background-size:100%;
    margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
    /* line 753, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .fa.ico-phone-pickup {
        width: 60px;
        left: 10px;

    /*    background: url("https://www.hihonor.com/global/wp-content/uploads/sites/3/2016/04/ico-phone-pickup-blue.png") left top no-repeat;*/
    }
   /* .page-support .service-section-wrapper .service-c .fa.ico-handy {
        width: 60px;
        left: 10px;

        background: url(https://www.hihonor.com/global/wp-content/uploads/2017/03/TradeInicon2.png) left top no-repeat;
    }*/
}
/* line 764, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .fa.ico-guarantee {
    width: 100%;
    height: 25px;
    background: url(/content/dam/honor/global/other/common/img/ico-guarantee.png) center top no-repeat;
}
@media only screen and (max-width: 767px) {
    /* line 764, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .fa.ico-guarantee {
        width: 60px;
        background: url(/content/dam/honor/global/other/common/img/ico-guarantee.png) left top no-repeat;
    }
}
/* line 774, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .fa.ico-headphone {
    width: 100%;
    height: 25px;
    background: url(/content/dam/honor/global/other/common/img/ico-headphone.png) center center no-repeat;
}
@media only screen and (max-width: 767px) {
    /* line 774, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .fa.ico-headphone {
        width: 60px;
     /*   background: url(/content/dam/honor/global/other/common/img/ico-headphone.png) left top no-repeat;*/
    }
}

.page-support .service-section-wrapper .service-c .fa.ico-distinguish {
    width: 100%;
    height: 25px;
    /*background: url(../../resources/images/support/ico-distinguish.png) center center no-repeat;*/
}
@media only screen and (max-width: 767px) {
    .page-support .service-section-wrapper .service-c .fa.ico-distinguish {
        width: 60px;
     /*   background: url(../../resources/images/support/ico-distinguish.png) left top no-repeat;*/
    }
}

.page-support .service-section-wrapper .service-c .fa.ico-warranty-status {
    width: 100%;
    height: 25px;
   /* background: url(../../resources/images/support/ico-warranty-status.png) center center no-repeat;*/
}
@media only screen and (max-width: 767px) {
    .page-support .service-section-wrapper .service-c .fa.ico-warranty-status {
        width: 60px;
      /*  background: url(../../resources/images/support/ico-warranty-status.png) left top no-repeat;*/
    }
}

.page-support .service-section-wrapper .service-c .fa.ico-booking {
    width: 100%;
    height: 25px;

   /* background: url(https://www.hihonor.com/global/wp-content/uploads/sites/3/2016/04/ico-booking-blue.png) center center no-repeat;*/
}
@media only screen and (max-width: 767px) {
    .page-support .service-section-wrapper .service-c .fa.ico-booking {
        width: 60px;
       /* background: url(https://www.hihonor.com/global/wp-content/uploads/sites/3/2016/04/ico-booking-blue.png) left top no-repeat;*/
    }
}

.page-support .service-section-wrapper .service-c .fa.ico-recovery {
    width: 100%;
    height: 25px;
  /*  background: url(https://www.hihonor.com/global/wp-content/uploads/sites/3/2016/03/ico-recovery.png) center center no-repeat;*/
}
@media only screen and (max-width: 767px) {
    .page-support .service-section-wrapper .service-c .fa.ico-recovery {
        width: 60px;
   /*     background: url(https://www.hihonor.com/global/wp-content/uploads/sites/3/2016/03/ico-recovery.png) left top no-repeat;*/
    }
}
.page-support .service-section-wrapper .service-c .fa.ico-old {
    width: 100%;
    height: 25px;
/*    background: url(../../resources/images/support/ico-old.png) center center no-repeat;*/
}
@media only screen and (max-width: 767px) {
    .page-support .service-section-wrapper .service-c .fa.ico-old {
        width: 60px;
    /*    background: url(../../resources/images/support/ico-old.png) left top no-repeat;*/
    }
}





@media only screen and (max-width: 767px) {
    /* line 737, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .fa {
        position: absolute;
        display: block;
        left: 10px;
        top: 0;
    }
}
/* line 789, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .service-name {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #00b3e0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    /*text-transform: uppercase;*/
}
.page-support .service-section-wrapper .service-c .service-name:hover {
    opacity: .9;
}
@media only screen and (max-width: 767px) {
    /* line 789, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .service-name {
        font-size: 15px;
    }
}
/* line 801, ../sass/page/_support.scss */
.page-support .service-section-wrapper .service-c .service-desc {
    color: #000d10;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
    /* line 801, ../sass/page/_support.scss */
    .page-support .service-section-wrapper .service-c .service-desc {
        font-size: 13px;
        line-height: 14px;
    }
}




.page-support .support-info-wrapper .col-sm-3-3{
        width: 20%;
}

/* line 327, ../sass/page/_support.scss */
.page-support .support-info-wrapper {
    padding-left: 0;
}
@media only screen and (max-width: 767px) {
    /* line 327, ../sass/page/_support.scss */
    .page-support .support-info-wrapper {
        padding-left: 0;
    }
    .page-support .support-info-wrapper .col-sm-3-3{
        width: 100%;
}
}
/* line 334, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section {
    position: relative;
}
/* line 336, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
/* line 341, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb {
    width: 100%;
    height: 100%;
    display: table;
}
/* line 346, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    padding-top: 5%;
}
/* line 352, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
    font-family: "bignoodletitlingregular";
    font-size: 50px;
    line-height: 45px;
    padding-bottom: 9px;
}
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title-h3 {
    font-family: "bignoodletitlingregular";
    font-size: 36px;

}
@media only screen and (max-width: 767px) {
    /* line 352, ../sass/page/_support.scss */
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
        font-size: 25px;
        line-height: 20px;
    }
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell {
        padding-top: 15%;
    }
}
/* line 363, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .sub-heading {
    font-family: "bignoodletitlingregular";
    font-size: 20px;
    line-height: 18px;
    padding-bottom: 1px;
    display: inline-block;
    color: #dff1fc;
}
/* line 371, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .sub-heading.phone-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-phone.png) left top no-repeat;
    padding-left: 28px;
    padding-top: 6px;
}
/* line 376, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .sub-heading.qq-ico {
    background: url(/content/dam/honor/global/other/common/img/ico-qq.png) left top no-repeat;
    padding-left: 28px;
    padding-top: 6px;
}
/* line 386, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
    font-size: 22px;
    line-height: 18px;
    padding-bottom: 17px;
    display: block;
}
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell img{

    max-width: 180px;
}
@media only screen and (max-width: 767px) {
    /* line 386, ../sass/page/_support.scss */
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
        font-size: 18px;
    }
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell img {
        max-width: 120px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1366px) {

    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell img{

        max-width: 100px;
    }
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 14px;
        display: block;
    }
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
        line-height: 30px;
        padding-bottom: 9px;
        font-size: 24px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 386, ../sass/page/_support.scss */
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
        font-size: 18px;
    }
    .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
        font-family: "bignoodletitlingregular";
        font-size: 32px;
        line-height: 30px;
    }
}
/* line 399, ../sass/page/_support.scss */
.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info.no-padding {
    padding-bottom: 0;
}

/* line 6, ../sass/_IE8.scss */
.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .rotate-img, .ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .rotate-img, .ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .rotate-img {
    position: relative;
    z-index: 1;
}
/* line 7, ../sass/_IE8.scss */
.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c, .ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c, .ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c {
    z-index: 0;
}
/* line 9, ../sass/_IE8.scss */
.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg, .ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt, .ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg, .ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt, .ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg, .ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt {
    display: block;
}
/* line 13, ../sass/_IE8.scss */
.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .rotate-img, .ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .rotate-img, .ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .rotate-img {
    z-index: 0;
}
/* line 14, ../sass/_IE8.scss */
.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c, .ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c, .ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c {
    z-index: 2;
}
/* line 24, ../sass/_IE8.scss */
.ie-8 .page-product .sticky-nav .col-20 {
    width: 19%;
}
/* line 30, ../sass/_IE8.scss */
.ie-8 a.pink-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.pink-2-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.white-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.blue-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.pink-btn .an-play-circle-slide-out:after, .ie-8 a.pink-2-btn .an-play-circle-slide-out:after, .ie-8 a.white-btn .an-play-circle-slide-out:after, .ie-8 a.blue-btn .an-play-circle-slide-out:after, .ie-8 a.blue-2-btn .an-play-circle-slide-out:after, .ie-8 a.lnk-learn-more .an-arrow-circle-right-slide-out:after, .ie-8 a.lnk-learn-more .an-play-circle-slide-out:after, .ie-8 a.white-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.blue-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out:after, .ie-8 a.white-btn .an-play-circle-slide-out:after, .ie-8 a.blue-btn .an-play-circle-slide-out:after, .ie-8 a.blue-2-btn .an-play-circle-slide-out:after {
    content: "";
}
/* line 34, ../sass/_IE8.scss */
.ie-8 a.pink-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.pink-2-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.white-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.blue-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.pink-btn .an-play-circle-slide-out .fa, .ie-8 a.pink-2-btn .an-play-circle-slide-out .fa, .ie-8 a.white-btn .an-play-circle-slide-out .fa, .ie-8 a.blue-btn .an-play-circle-slide-out .fa, .ie-8 a.blue-2-btn .an-play-circle-slide-out .fa, .ie-8 a.lnk-learn-more .an-arrow-circle-right-slide-out .fa, .ie-8 a.lnk-learn-more .an-play-circle-slide-out .fa, .ie-8 a.white-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.blue-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out .fa, .ie-8 a.white-btn .an-play-circle-slide-out .fa, .ie-8 a.blue-btn .an-play-circle-slide-out .fa, .ie-8 a.blue-2-btn .an-play-circle-slide-out .fa {
    display: inline-block;
}
/* line 48, ../sass/_IE8.scss */
.ie-8 .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
    top: 17px;
    height: auto;
}
@media only screen and (max-width: 767px) {
    /* line 48, ../sass/_IE8.scss */
    .ie-8 .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
        top: 6px;
    }
}

/* support eof */

/*通用 bof*/

#kw-dropdown {
    position: relative;
}

.kw-dropdown {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 5px;
    z-index: 999;
    /*overflow: hidden;*/
    transition: all .1s;
    border-bottom: none;
    border-top: none;
    max-height: 400px;
    border: 1px solid #cccccc;
    margin: 0 5px;
    display: none;
}

.kw-dropdown li {
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #e6e8ea;
    font-size: 16px;
    line-height: 24px;
    color:#555;
}

.kw-dropdown li:hover {
    background: #00b3e0;
    color:#fff;
    cursor: pointer;
}

/*通用 eof*/




/* search-result bof */

.responsivegrid .wrapper {

    padding-top: 20px;
}

.wrapper .filter-col {
    padding: 10px 25px 0 25px;
}

.wrapper .filter-col .filter-col-heading {
    padding-bottom: 10px;
}

.wrapper .filter-col .filter-col-heading a {
    font-family: "bignoodletitlingregular";
    font-size: 28px;
    line-height: 24px;
    color: #000;
}

.wrapper .filter-col .list-of-filter li {
    border-bottom: 1px solid #e4e4e4;
}

.wrapper .filter-col .list-of-filter li:first-child {
    height:7px;
}

.wrapper .filter-col .list-of-filter li a {
    display: block;
    padding: 19px 10px 12px 30px;
    font-family: "bignoodletitlingregular";
    font-size: 20px;
    line-height: 24px;
    color:#000;
    position: relative;
}

.wrapper .filter-col .list-of-filter li a .fa {
    font-size: 16px;
    position: absolute;
    display: block;
    left: 10px;
    top: 20px;
}

.wrapper .filter-col .list-of-filter li a:hover {
    color: #01b4e1;
}

@media only screen and (max-width: 767px) {
    .wrapper .filter-col {
        padding: 0;
        margin-bottom: 20px;
    }

    .wrapper .filter-col h3 {
        padding-left: 15px;
    }

    .wrapper .filter-col .filter-col-heading {
        background: #f7f7f7;
        border-top: 1px solid #e4e4e4;
    }

    .wrapper .filter-col .filter-col-heading a {
        padding: 20px 18px 0 18px;
        font-size: 18px;
        display: block;
        position: relative;
    }

    .wrapper .filter-col .filter-col-heading a .visible-xs {
        position: absolute;
        display: block;
        top: 20px;
        right: 18px;
    }

    .wrapper .filter-col .filter-col-heading a .visible-xs .total-item {
        color: #747474;
        padding: 0 2px;
    }

    .wrapper .filter-col .filter-col-heading a .visible-xs .fa-caret-down {
        display: none;
    }

    .wrapper .filter-col .filter-col-heading a .visible-xs .fa-caret-up {
        display: inline-block;
    }

    .wrapper .filter-col .filter-col-heading a.collapsed .visible-xs .fa-caret-down {
        display: inline-block;
    }

    .wrapper .filter-col .filter-col-heading a.collapsed .visible-xs .fa-caret-up {
        display: none;
    }

    .wrapper .filter-col .list-of-filter li:last-child {
        border-bottom: 1px solid #e4e4e4;
    }

    .wrapper .filter-col .list-of-filter li a {
        padding-right: 28px;
        padding-left: 45px;
        font-size: 15px;
    }

    .wrapper .filter-col .list-of-filter li a .fa {
        font-size: 16px;
        position: absolute;
        display: block;
        left: 20px;
        top: 20px;
    }

}




.wrapper .main-content-wrapper {
    padding-right: 25px;
}

.wrapper .main-content-wrapper .download-section,.wrapper .main-content-wrapper .manual-section {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
}

.wrapper .main-content-wrapper .download-section .section-heading,.wrapper .main-content-wrapper .manual-section .section-heading {
    font-family: "bignoodletitlingregular";
    font-size: 40px;
    line-height: 70px;
    color: #333333;
    padding-bottom: 20px;
}

.wrapper .main-content-wrapper .download-section .item-c,.wrapper .main-content-wrapper .manual-section .item-c {
    padding-bottom: 28px;
}

.wrapper .main-content-wrapper .download-section .item-c .title,.wrapper .main-content-wrapper .manual-section .item-c .title {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    font-family: "bignoodletitlingregular";
    text-transform: uppercase;
    padding-bottom: 3px;
}

.wrapper .main-content-wrapper .download-section .item-c .desc,.wrapper .main-content-wrapper .manual-section .item-c .desc {
    color: #333333;
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 6px;
}

.wrapper .main-content-wrapper .download-section .item-c .download-lnk,.wrapper .main-content-wrapper .manual-section .item-c .download-lnk {
    color: #777777;
    font-size: 20px;
    line-height: 22px;
    font-family: "bignoodletitlingregular";
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .wrapper .main-content-wrapper .download-section,.wrapper .main-content-wrapper .manual-section {
        padding:0 15px;
    }

    .wrapper .main-content-wrapper .download-section .section-heading,.wrapper .main-content-wrapper .manual-section .section-heading {
        font-size: 30px;
        line-height: 25px;
        padding-bottom: 24px;
    }

    .wrapper .main-content-wrapper .download-section .item-c,.wrapper .main-content-wrapper .manual-section .item-c {
        padding-bottom: 15px;
    }

    .wrapper .main-content-wrapper .download-section .item-c .title,.wrapper .main-content-wrapper .manual-section .item-c .title {
        font-size: 18px;
        line-height: 18px;
    }

    .wrapper .main-content-wrapper .download-section .item-c .desc,.wrapper .main-content-wrapper .manual-section .item-c .desc {
        font-size: 13px;
        line-height: 18px;
    }

    .wrapper .main-content-wrapper .download-section .item-c .download-lnk,.wrapper .main-content-wrapper .manual-section .item-c .download-lnk {
        font-size: 16px;
        line-height: 18px;
    }

}

.paging {
    margin: 20px 0;
}

.paging .prev-btn,.paging .next-btn {
    cursor: pointer;
}

.paging li {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #e4e4e4;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    color: #777777;
    font-family: "bignoodletitlingregular";
    overflow: hidden;
}

/*.paging li:first-child+li {
    border:none;
    width:auto;
}
*/
.paging li:first-child+li span {
    white-space:nowrap;
    overflow: hidden;
    transition:all .2s;
}

.paging li:first-child+li span a{
    display: inline-block;
    width: 35px;
    height: 35px;

    border: 1px solid #e4e4e4;
    border-right: none;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #777777;
    font-family: "bignoodletitlingregular";

}

.paging li {
    cursor: pointer;
    padding-top: 0.1em;
}

.paging li.next-btn {
    border-right: 1px solid #e4e4e4
}

.paging li.active {
    border:1px solid #00b2e6;
    background: #00b2e6;
    color:#fff;
}

@media only screen and (max-width: 767px) {
    .page-support .download-wrapper {
        margin-top: 40px;
        padding: 25px 0 40px 0px;
        background: #f6f6f6;
    }
    .paging {
        text-align: center;
        padding-bottom: 30px;
    }

    .paging a {
        float: none;
        display: inline-block;
        margin-right: 0px;
        vertical-align: top;
    }

}
/* search-result eof */


/* software-detail bof */

.manual-detail-topnav{
    margin-top:150px;
    position: relative;
    font-size: 25px;
    color: #333;
    font-family: "bignoodletitlingregular";
}
.manual-detail-topnav a{
    color: #00b2e6;
    font-family: "bignoodletitlingregular";
}
.manual-detail{
    margin-bottom: 100px;
}
.manual-detail-topnav .breadcrumb{
    margin: 50px 0;
    background-color: #fff;
    margin-left: 6%;
}
.manual-detail-contant {
    text-align: left;

}
.manual-detail-contant ul{
    list-style:disc ;
    margin-left: 25px;

}
.manual-detail-contant li{
    line-height: 175%;
    font-size: 24px;

}
.manual-detail-contant h3{
    margin-bottom: 20px;
    padding-bottom:10px;
    font-size: 22px;
    color:#00b2e6;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    border-bottom:1px solid #e8e8e8;

}

.manual-detail-contant h4 {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin-bottom: 10px;
}

.manual-detail-contant p{
    font-size: 15px;
    line-height: 130%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

    word-wrap: break-word;
    /*border:1px solid red;*/
}
.manual-detail-down{
    font-size: 16px;
    list-style: none;
    border-top:7px solid #00b2e6;
    padding-top:10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.manual-detail-down li{
    margin: 10px 0;
}


/* software-detail eof */


/* manual-detail bof */

.manual-detail-topnav{
    margin-top:150px;
    position: relative;
    font-size: 25px;
    color: #333;
    font-family: "bignoodletitlingregular";
}
.manual-detail-topnav a{
    color: #00b2e6;
    font-family: "bignoodletitlingregular";
}
.manual-detail{
    margin-bottom: 100px;
}
.manual-detail-topnav .breadcrumb{
    margin: 50px 0;
    background-color: #fff;
    margin-left: 6%;
}
.manual-detail-contant {
    text-align: left;

}
.manual-detail-contant ul{
    list-style:disc ;
    margin-left: 25px;

}
.manual-detail-contant li{
    line-height: 175%;
    font-size: 24px;

}
.manual-detail-contant h3{
    margin-bottom: 20px;
    padding-bottom:10px;
    font-size: 22px;
    color:#00b2e6;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    border-bottom:1px solid #e8e8e8;

}

.manual-detail-contant h4 {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin-bottom: 10px;
}

.manual-detail-contant p{
    font-size: 15px;
    line-height: 130%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

    word-wrap: break-word;
    /*border:1px solid red;*/
}
.manual-detail-down{
    font-size: 16px;
    list-style: none;
    border-top:7px solid #00b2e6;
    padding-top:10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.manual-detail-down li{
    margin: 10px 0;
}



/* manual-detail eof */



/* software-list start */

.software-download-page .form-control {
    margin: 5px 0;
    font-size: 16px;
    line-height: 24px;
}
.software-download-page .wrapper h1 {
    margin-bottom: 5px;
    padding-left:10px;
    font-size: 30px;
    font-family: "bignoodletitlingregular";
}
.software-download-page .wrapper h3 {
    margin : 30px 0 0 0;
    /*font-size: 28px;*/
    font-family: "bignoodletitlingregular";
}

.software-download-page .btn {
    background: #00b3e0;
}
.software-download-page .padding-left {
    padding-left:10px;
}

@media only screen and (max-width: 767px) {
    .software-download-page .wrapper h1 {
        font-size:24px;
    }

    .software-download-page .padding-left {
        padding-left:5px;
    }
}
.software-download-page .widget-border {
    border-bottom: 1px solid #cccccc;
}

.software-download-page .sideber .list-group-item {
    border: none;
}
.software-download-page .content-border .content-down{
    font-size: 24px;
    color: #666;
    padding-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.software-download-page .fa-icon {
    margin: 4px 0;
}
.software-download-page .fa-icon .fa {
    margin: 0 5px;
}

.software-download-page .content-border {
    border-top: 1px solid #ccc;
    margin: 10px 0 40px 0;
    padding: 20px 0;
    font-family: "bignoodletitlingregular";

}


.software-download-page .content-border h4 {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size:16px;
    color:#000;
}

.software-download-page .content-border .title{

}


.software-download-page .content-border span {
    font-size:13px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.software-download-page .content-border h4 {
    font-size: 15px;
}
.jsshop-01 {
    /* padding-left: 13%; */
}

.wite-top{
    margin-top: -3%;
    z-index: 999;
}
.shop-all {
    z-index: 9999 !important;

}
/* software-list end */
/*service-center bof*/
.service-center .support-section-wrapper .support-section-heading {
    font-size: 60px;
    line-height: 70px;
    color: #333333;
    font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0 25px 0;
}
@media only screen and (max-width: 767px) {
    .service-center .support-section-wrapper .support-section-heading {
        font-size: 30px;
        line-height: 25px;
        padding: 34px 0 15px 0;
    }
}
.service-center .support-section-wrapper .support-section-heading {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.25;
}
@media only screen and (max-width: 767px) {
    .service-center .support-section-wrapper .support-section-heading {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .service-center .support-section-wrapper .support-section-heading {
        font-size: 32px;
    }
}
@media only screen and (max-width: 991px) {
    .service-center .support-section-wrapper {padding-left: 0; }
}
.service-center .support-section-wrapper .service-cnt{padding: 0 30px;text-align:left;}
@media only screen and (max-width: 767px) {
    .service-center .support-section-wrapper .service-cnt{padding: 0 5px 10px;}
}
.service-center .support-section-wrapper .service-cnt .service-desc {font-size: 16px; line-height: 1.25; padding: 10px 0;color: #000d10; }
.service-center .support-section-wrapper .service-cnt.service-desc .service-name {font-size: 20px; color: #000d10; display: block; font-family: "bignoodletitlingregular",STHeiti,"微软雅黑","Microsoft JhengHei","微軟正黑體",sans-serif; line-height: 1.25; text-transform: uppercase; }
.service-center .support-section-wrapper .service-cnt .service-red-title{color: #CD0035}

.service-center .support-section-wrapper .service-center-cnt{font-size: 16px;padding: 0;text-align: left;}
.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper{border: 1px solid #ccc;height: 45px;width: 100%;border-radius: 4px;}
.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #00b3e0 transparent;
}
.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper select{height: 100%;width: 100%;}
.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper span{color: #777777;font-size: 16px;top: 6px;}
.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper option{
    color: #555;
    font-size: 16px;
    line-height: 2em;
}
.service-center .support-section-wrapper .service-center-cnt .form-control {
    font-size: 16px;
    line-height: 24px;
}
.service-center .support-section-wrapper .service-center-cnt #service-center-submit{font-size: 16px;display: block;color: #fff;background-color: #00b7e1;line-height: 24px;}
@media only screen and (max-width:767px){.service-center .support-section-wrapper .service-center-cnt{padding: 0 5px;}.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper span{top: 10px;}}
.service-center .support-section-wrapper .service-center-cnt .page-title{min-width: 1000px;}
.service-center .support-section-wrapper .service-center-cnt .page-title h1{font-size: 18px;font-weight: 300;line-height: 1.2;display: block;margin: 0 auto;width: 98%;max-width: 1240px;padding: 10px 0;}
.service-center .support-section-wrapper .banner-img img{width: 100%;margin: 0 0 20px;}
.service-center .support-section-wrapper .service-center-cnt .cbg-article form.cbg-std-form .cbg-element-group .sbHolder ul{z-index: 1000;}
.service-center .support-section-wrapper .service-center-cnt .cbg-article form.cbg-std-form input.cbg-btn{padding: 0 40px;background-color: #666;color: #fff;border: 1px solid #666;}
.service-center .support-section-wrapper .service-center-cnt .cbg-article form.cbg-std-form input.cbg-btn:hover{background-color: #333;}
.service-center .support-section-wrapper .service-center-cnt .map-section{position: relative;margin-top: 10px;}
.service-center .support-section-wrapper .service-center-cnt .map-section img{width: 100%;}
.service-center .support-section-wrapper .service-center-cnt .map-section .search-summary{box-shadow: 1px 1px 4px 1px #888888; position: absolute;left: 10%;top: 10px;display: none;z-index: 900; width: 320px;background-color: #fff;}
@media only screen and (max-width:972px){.service-center .support-section-wrapper .service-center-cnt .map-section .search-summary{position: relative; width: 100%;left: 0;top: 0;}}
.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-header{height: 44px;text-align: center;background-color: #00b3e0;color: #fff;padding: 8px;font-size: 18px;line-height: 26px;font-weight: bold;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-header .header-fa {float:right;font-weight: normal;vertical-align: middle;font-size: 14px;padding:5px;cursor: pointer;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-content{overflow: auto; max-height: 550px; border-bottom: 1px solid #aaa;}
@media only screen and (min-width:972px) and (max-width:1296px){.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-content{max-height: 390px;}}
@media only screen and (max-width:972px){.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-content{max-height: none;}}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info{cursor: pointer; position: relative;padding: 5px 0 7px 14px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active{background-color: #eee;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info:hover{background-color: #eee;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .bdmap-logo{left: 12px;top:2px;line-height: 25px; /*font-size: 12px;width: 16px;height: 21px;-webkit-background-size: contain;background-size: contain;*/}
.service-center .support-section-wrapper .service-center-cnt .bdmap-logo{padding: 0;position: absolute;display: block;left: 10px;top: 10px;height: 34px;width: 25px;border: none;color: #fff;text-align: center;font-weight: bold;font-family: "arial";background: url("/global/wp-content/uploads/2016/11/support-center-num2.png") center no-repeat;  font-size: 12px;   padding-top: 2px;}
.service-center .support-section-wrapper .service-center-cnt .center-name{font-size: 15px; margin: 0 0 0 30px;line-height: 25px;min-height:35px;}
.service-center .support-section-wrapper .service-center-cnt .center-detail-txt {margin: 0 0 0 30px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .logo-star{margin: 0 0 0 30px;display: inline-block; width: 100px; height: 15px; background: transparent url("/global/wp-content/uploads/2016/02/support-center-logo-star.png") 0 0 no-repeat;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-4-5{width: 90.7px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-4-0{width: 78.7px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-3-5{width: 69.9px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-3-0{width: 58px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-2-5{width: 49px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-2-0{width: 38px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-1-5{width: 28px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-1-0{width: 18px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-0-5{width: 7px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-0-0{width: 0px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .center-detail{line-height: 1.5;color: #555;font-size: 12px;margin: 0 0 5px;position: relative;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-addr,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-phone,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-time,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-opr{background-image: url("/global/wp-content/uploads/2016/02/support-center-logo-wb.png");}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-addr,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-phone,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-time,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-opr{display: inline-block;height: 20px;width: 20px;position: absolute;left: 0;top: 0;background: transparent url("/global/wp-content/uploads/2016/02/support-center-logo-gb.png") no-repeat;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .logo-wb{background-image: url("/global/wp-content/themes/honor/images/support/support-center-logo-wb.png");}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-addr{background-position: 0 0px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-phone{background-position: 0 -26px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-time{background-position: 0 -54px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-opr{background-position: 0 -82px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-detail-txt{display: inline-block;padding-left: -2px;}
.service-center .support-section-wrapper .service-center-cnt .search-summary .view-more{font-size: 16px;padding: 6px 21px 7px;border: 1px solid #333; float: right; margin: 10px;}
.service-center .support-section-wrapper .service-center-cnt .pdmg0{padding: 0;}
.service-center .support-section-wrapper .service-center-cnt form.cbg-std-form div.cbg-element-group{margin: 0;border: none;}
.service-center .support-section-wrapper .service-center-cnt .goto-info {box-shadow: 1px 1px 4px 1px #888888;position: absolute;left: 70%;top: 40%;z-index: 900;background-color: #fff;padding: 25px 20px 20px;width: 380px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info-close{position: absolute; right: 8px; top: 8px; display: inline-block;height: 15px;width: 15px;background: #fff url("/global/wp-content/themes/honor/images/support/iw_close1d3.gif") 0 0 no-repeat;cursor: pointer;border: 1px solid #fff;}
.service-center .support-section-wrapper .service-center-cnt .goto-info-close:hover{background: #fff url("/global/wp-content/themes/honor/images/support/icon-close-active.png") 0 0 no-repeat;}
.service-center .support-section-wrapper .service-center-cnt .goto-info .bdmap-logo{top:20px; left:80%;padding-top: 6px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info .center-name{margin: 0;font-size: 17px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info .center-detail-txt{margin-bottom: 8px; font-size: 14px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info input{height: 35px; border: 1px solid #333; font-size: 14px; margin-bottom: 17px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info input[type=text]{padding-left: 5px;}
.service-center input.start-input,
.service-center .support-section-wrapper .service-center-cnt .goto-info .cell-phone{width: 46%; margin-right: 5px; display: inline-block;border: 1px solid #333;border-radius: 5px;font-size: 14px;height: 34px;padding: 0 5px;line-height: 30px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info input.validate-input{width: 24%;}
.service-center .support-section-wrapper .service-center-cnt .goto-info span.validate-span{margin-left: 5px;cursor: pointer; line-height: 35px; font-weight: bold; height: 35px; width: 24%;color: #c2c2c2; background: #fff url("/global/wp-content/themes/honor/images/support/img_dev_en_code.jpg") 0 0 repeat; text-align: center; display: inline-block;}
.service-center .bus,
.service-center .car{width: 24%;display: inline-block; border: 1px solid #333; vertical-align:baseline;}
.service-center .car{margin-left: 5px;}
.service-center .support-section-wrapper .service-center-cnt .goto-info .share{width: 50.5%; display: inline-block;}
.service-center .support-section-wrapper .rl-wrap{position: relative;height: 0;width: 0;z-index: 800;}
.service-center .support-section-wrapper .rl-wrap .bubble{transform: skew(-24deg,-37deg);-ms-transform: skew(-24deg,-37deg);-moz-transform: skew(-24deg,-37deg);-webkit-transform: skew(-24deg,-37deg);-o-transform: skew(-24deg,-37deg);display: block;height: 25px;width: 35px;border: 0 solid #666;border-width: 0 0 1px 1px;position: absolute;left: 159px;top: 9px;background-color: #fff;}
.service-center .support-section-wrapper .service-center-cnt .btn:hover,
.service-center .support-section-wrapper .service-center-cnt .btn.sc-active{background-color: #00b7e1; border-color:#00b7e1; color: #fff;}
.service-center .support-section-wrapper .service-center-cnt .goto-logo{position: absolute;left: 70%;top: 40%;display: none;z-index: 800;background-color: #fff;}
@media only screen and (max-width:972px){.service-center .support-section-wrapper .service-center-cnt .goto-logo{top: 4%;}}
.service-center .support-section-wrapper .service-center-cnt button.bdmap-logo{cursor: pointer;}
.service-center .support-section-wrapper .service-center-cnt .vm-bdmap-logo{/*click view more*/display: none;}
.service-center .support-section-wrapper .service-center-cnt .goto-logo span{cursor: pointer;}
.service-center .support-section-wrapper .footnote{text-align: left; font-size: 16px; padding: 10px 0 0 20px;}


.service-center .support-section-wrapper .form-control {font-size: 16px; line-height: 24px; }
.service-center .support-section-wrapper .support-selectbox {position: relative; cursor: pointer; transition: all .3s; }
.service-center .support-section-wrapper .support-selectbox:after {content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #00b3e0 transparent; }
.service-center .support-section-wrapper .support-selectbox .dropdown {position: absolute; top:100%; left:0; right:0; background: #fff; border:1px solid #cccccc; border-radius: 5px; z-index: 999; max-height:0; overflow: hidden; transition: all .1s; border-bottom: none; border-top:none; }
.service-center .support-section-wrapper .support-selectbox.active .dropdown {max-height: 400px; border:1px solid #cccccc;overflow-y: auto; }
.service-center .support-section-wrapper .support-selectbox .dropdown li {padding:10px 0 10px 15px; border-bottom:1px solid #e6e8ea; }
.support-section-wrapper .support-selectbox .dropdown li:hover {background: #00b3e0; color:#fff; }

/*page bus drive*/
.page-bus-drive{width: 100%;margin: 5px;font-size: 12px;}
.page-bus-drive .left-map{width: 100%; /*background: #fff url("/global/wp-content/themes/honor/images/zh/support/bus.png") 0 0 no-repeat;*/height:700px;}
.page-bus-drive .left-map>img{width: 100%;}
.page-bus-drive button.bdmap-logo1,.page-bus-drive button.bdmap-logo2{position: absolute;height: 45px;width: 25px;border: none;cursor: pointer;border: none;outline: none;}
.page-bus-drive .bdmap-logo1{background: url("/global/wp-content/uploads/2016/02/support-center-1.png") num0 0 no-repeat;}
.page-bus-drive .bdmap-logo2{background: url("/global/wp-content/uploads/2016/02/support-center-num2.png") 0 0 no-repeat;}
.page-bus-drive .left-map .bus-drive-pop{background-color: #fff;position: absolute;display: inline-block;padding: 0 10px 10px;border: 1px solid #444;width: 240px;z-index: 1000;display: none;}
.page-bus-drive .bus-drive-pop .bus-drive-close{float: right;display: inline-block;height: 15px;width: 15px;background: #fff url("/global/wp-content/themes/honor/images/zh/support/iw_close1d3.gif") 0 0 no-repeat;cursor: pointer;border: 1px solid #fff;margin: 10px 0 0 0;}
.page-bus-drive .bus-drive-pop h4,.page-bus-drive .bus-drive-pop p,.page-bus-drive .bus-drive-pop a{z-index: 1000;}
.page-bus-drive .bus-drive-pop a{text-align: center;display: block;color: rgb(0, 0, 238);margin: 0 0 20px 0;}
.page-bus-drive .bus-drive-pop .rl-wrap{position: relative;height: 0;width: 0;z-index: 800;}
.page-bus-drive .rl-wrap .bubble{transform: skew(-24deg,-37deg);-ms-transform: skew(-24deg,-37deg);-moz-transform: skew(-24deg,-37deg);-webkit-transform: skew(-24deg,-37deg);-o-transform: skew(-24deg,-37deg);display: block;height: 25px;width: 35px;border: 0 solid #444;border-width: 0 0 2px 2px;position: absolute;left: 100px;top: -2px;background-color: #fff;}
.page-bus-drive .right-info{width: 100%;}
.page-bus-drive .right-info div.header{text-align: right;font-size: 13px;font-weight: bold;background-color: #666;color: #fff;padding: 5px 10px 5px 0;margin: 5px 0 15px;}
.page-bus-drive .right-info .info-detail{position: relative;padding: 5px 0 0 35px;}
.page-bus-drive .right-info span.bdmap-logo1,.page-bus-drive .right-info span.bdmap-logo2{position: absolute;left: 0;top: 0;height: 45px;width: 25px;}
.page-bus-drive .bus-detail{display: none;}
.page-bus-drive .bus-detail>img{width: 100%;}
.service-center .non-warranty-img {
    vertical-align: top;
    color: #c2c2c2;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 75px;
/*    background: url(/content/dam/honor/global/other/common/img/img_dev_en_code.jpg);*/
}
.service-center .service-center-input{
    width: 60%;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #333;
    border-radius: 5px;
    height: 34px;
    margin-top: 2px;
    font-size: 14px;
    padding:0 5px;
    line-height: 30px;
}
.service-center .service-center-input-btn{
    width: 36%;
}

/*service-center eof*/



/* honor-band-z1 start */

.honor-band-z1 .form1,.honor-club .form1{
    font-size: 30px;
    text-align: center;
    line-height: 1em;
    margin: 3em 0;

}
.we-easter .form1, .honor-club .form1 {
    font-size: 40px;
    text-align: center;
    line-height: 1em;
    margin: 5em 0;
}
.show-text{
    font-size: 14px;
    color: #ed1b24;
    padding: 10px 0;
    display:none;
}
.honor-band-z1 label {
    margin: 20px 0 0 5px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: left;
}
.honor-band-z1 .phone-section-wrapper .banner-btnvideo-1 {
    /* display: inline-block; */
    margin: 30px 0px 40px auto;
    text-align: center;
}
.honor-band-z1 .we-video-icon-6 {
    width: 200px;
    height: 45px;
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #0077b0;
}
.honor-band-z1 .btn-we-block-6 a {
    text-decoration: none;
    cursor: pointer;
    line-height: 24px;
    padding-top: 7px;
    color: #0077b0;
}
.honor-band-z1 .btn-we-block-6 {
    display: inline-block;
    width: 200px;
    height: 45px;
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    top: 0px;
    color: #0077b0;
    vertical-align: middle;
}
.honor-band-z1 .banner-btns-1 {
    text-align: center;
    margin: 4% 0 8% 0;
}
.honor-band-z1 .bannerfont {
    margin: 4% 0;
    max-width: 100%;
    padding-top: 5%;
}
.honor-band-z1 .bannerfont h1{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin: 20px;
}
.banner-btns-1 h3{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-band-z1 .blank-fonts .blue-text{
    font-size: 18px;
    line-height: 175%;
    color: #01b4e1 !important;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-band-z1 .Band_z1_product-txt-01 {
    margin: 50px 0;
}
.honor-band-z1 .txt-02 {
    position: absolute;
    bottom: 5%;
    left: 15%;
    width: 50%;
}
.honor-band-z1 .Band_z1_product-txt-03{
    background: #f2f2f1;
    margin: 0;
}
.honor-band-z1 .blank-fonts .txt-03 {
    margin-top: 27%;
}
.honor-band-z1 .blank-fonts .txt-04 {
    margin-top: 27%;
}
.honor-band-z1 .Band_z1_product-txt-04 {
    margin: 80px 0;
}
.Band_z1_product-txt-05{
    background: #f2f2f1;
}
.honor-band-z1 .blank-fonts .txt-05 {
    margin-top: 27%;
}
.honor-band-z1 .mgtop {
    margin-top: -94px;
    z-index: 999;
    min-height: 0 !important;
}


.honor-band-z1 table.table.table-condensed.Band_z1_product-txt-06 td {
    height: 100px;
    background: #ddd;
    border: 2px solid #fff;
    vertical-align: middle;
}
.honor-band-z1 table.table.table-condensed.Band_z1_product-txt-06 caption {
    text-align: center;
    line-height: 35px;
    font-size: 34px;
    color: #333;
    font-family: "bignoodletitlingregular";
}
.honor-band-z1 .Band_z1_product-txt-07{
    text-align: center;
    margin: 4% 0;
}

/* DEMO 3 */

.honor-band-z1 .wrapper-dropdown-3 {
    position: relative;
    padding: 10px;
    background: #fafafa;
    /* border-radius: 7px; */
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: #333;
    text-align: left;
    padding: 20px 10px;
}

.honor-band-z1 .wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.honor-band-z1 .wrapper-dropdown-3 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.honor-band-z1 .Band_z1_product-txt-control-label .form-control {
    height: 62px;
    background: #fafafa;
    border-radius: 0;
    line-height: 28px;
}

.honor-band-z1 .wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.honor-band-z1 .wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.honor-band-z1 .wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.honor-band-z1 .wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.honor-band-z1 .wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    background: #fafafa;
}

/* No CSS3 support */

.honor-band-z1 .no-opacity       .wrapper-dropdown-3 .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.honor-band-z1 .no-opacity       .wrapper-dropdown-3.active .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

.honor-band-z1 .wrapper-dropdown-4 {
    position: relative;
    padding: 10px;
    background: #fafafa;
    /* border-radius: 7px; */
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: #333;
    text-align: left;
    padding: 20px 10px;
}

.honor-band-z1 .wrapper-dropdown-4:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
.honor-band-z1 .wrapper-dropdown-4 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.honor-band-z1 .Band_z1_product-txt-control-label .form-control {
    height: 62px;
    background: #fafafa;
    border-radius: 0;
    line-height: 28px;
}
.honor-band-z1 .wrapper-dropdown-4 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.honor-band-z1 .wrapper-dropdown-4 .dropdown li i {
    float: right;
    color: inherit;
}
.honor-band-z1 .wrapper-dropdown-4 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
.honor-band-z1 .wrapper-dropdown-4 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}
/* Hover state */
.honor-band-z1 .wrapper-dropdown-4 .dropdown li:hover a {
    background: #f3f8f8;
}
/* Active state */
.honor-band-z1 .wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    background: #fafafa;
}
/* No CSS3 support */
.honor-band-z1 .no-opacity       .wrapper-dropdown-4 .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.honor-band-z1 .no-opacity       .wrapper-dropdown-4.active .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}
.honor-band-z1 .main .wrapper-demo img{
    padding: 0 5px 5px 0;
}
.honor-band-z1 .color-icon{
    min-height: 0;
    max-width: 140px;
}
.Band_z1_product-txt-07 h1{
    font-size: 34px;
    font-family: "bignoodletitlingregular";
    margin-top: 20px;
}
@media only screen and (min-width: 1024px) and (max-width: 1223px) {
    .honor-band-z1 .honor-en .blank-fonts p, .bg-textbox p {
        line-height: 100%;
    }
    .honor-band-z1 .txt-02 {
        bottom: 3%;
        line-height: 125%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .honor-band-z1 .honor-en .blank-fonts p, .bg-textbox p {
        line-height: 100%;
    }
    .honor-band-z1 .txt-02 {
        bottom: 3%;
        line-height: 125%;
    }
}

@media only screen and (max-width: 767px) {
    .honor-band-z1 .txt-02 {
        position: relative;
        bottom: 3%;
        left: 0;
        width: 100%;
    }
    .honor-band-z1 .btn-we-block-6 {
        margin-top: 10px;
    }
    .honor-band-z1 .Band_z1_product-txt-04 {
        margin: 0px 0;
    }

    .honor-band-z1 .bannerfont h1 {
        line-height: 3em;
        font-size: 24px;
    }
    .honor-band-z1 .bannerfont {
        margin-bottom: 50px;
    }
    .honor-band-z1 .mobile-text{
        text-align: center;
        margin:0 0 20px 0;
    }
    .honor-band-z1 .mobile-text span{
        text-align: center !important;
        font-family: bignoodletitling !important;
        color: #01b4e1 !important;
        font-size: 20px !important;
        margin: 0 !important;
    }
    .honor-band-z1 .mobile-text h3{
        font-size: 38px !important;
        font-family: bignoodletitling !important;
        text-align: center !important;
    }
    .honor-band-z1 .mobile-text-p{
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        padding: 0 10px !important;
    }
    .honor-band-z1 .Band_z1_product-txt-03 {
        background: #fff;
    }
    .honor-band-z1 .blank-fonts .txt-03 {
        margin-top: 20px;
    }
    .honor-band-z1 .blank-fonts .blue-text {
        text-align: center;
        margin: 0;
    }
    .honor-band-z1 .blank-fonts .txt-04 {
        margin-top: 0%;
    }
    .Band_z1_product-txt-05{
        background: #f5f4f2 !important;
    }
    .honor-band-z1 .bannerfont h1{
        margin: 0px;
    }
    .honor-band-z1 .blank-fonts .txt-05 {
        margin-top: 7%;
    }
}
/* honor-band-z1 end */

/* honor-5x bof */
.text-list-menu{
    padding-left:1em;
    line-height:175%;
}
.bigfonts,
.text-list-menu{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.text-list-menu li{
    list-style:disc;
    margin-bottom:10px;
}
.toptop-pic{
    margin-top:-35%;
}
.bg-s1,
.bg-s2{
    padding-top:2%;
}
.bg-s1{
    background-color:#edeeef;
}
.bg-s2{
    background-color:#f9f9f9;
}
.bg-s3{
    background-color:#e0e0e0;
}
.bg-s4 .bg-textbox{
    margin:0;
}
.bg-s5{
    background-color:#f2f2f2;
}
.bg-s8{
    background-color:#f9f9f9;
    padding-top:5%;
}
.bg-s9,
.bg-s12{
    background-color:#f4f4f4;
}
.bg-s10{
    background-color:#e6e6e6;
}
.icon-tag{
    margin-top:5%;
}
.icon-tag p,
.icon-tag .bigfonts{
    text-align:center;
}
.icon-tag p{
    max-height:38px;
    min-height:30px;
    overflow:visible;
    text-overflow: ellipsis;
}
.icon-tag img+p{
    margin-top:10px;
}
.icon-tag>.row{
    letter-spacing:-0.315em;
}
.icon-tag>.row>div[class*="col-"]{
    letter-spacing:normal;
    display:inline-block;
    float:none;
    vertical-align:top;
}
.right-block{
    display:block;
    margin-left:auto;
    margin-right:0;
}
.s1top-pic{
    margin-top:-20%;
}
.bigfonts{
    font-size:48px;
    margin-bottom:10px;
    color:#00b2e6;
    line-height:100%;
}
.bigfonts sub{
    bottom:0;
    font-size:40%;
}
.bg-s3 .bg-textbox{
    margin-bottom: 0;
}
.s4top-pic{
    margin-top:-23%;
}
.s5top-pic{
    margin-top:-13%;
}
.s5top-pic .bg-textbox{
    margin:0;
}
.bg-s6{
    position:relative;
    background:url(/content/dam/honor/global/other/common/img/5x_m4.jpg) no-repeat center center;
    min-height:1000px;
}
.bg-s7{
    background:url(/content/dam/honor/global/other/common/img/5x_s6.jpg) no-repeat center top;
    min-height:800px;
    color:#fff;
}
.bg-s7 h2,
.bg-s7 h3,
.bg-s7 p,
.bg-s7 li,
.bg-s7 ul{
    color:#fff !important;
}
.bg-s7 .bg-textbox{
    margin-top: 200px;
}
.bg-s10 .bg-textbox,
.bg-s12 .bg-textbox{
    margin-bottom:0;
}
.bg-s11>.clearfix>.col-sm-4>img{
    padding-top:10%;
}

.bg-s12 .parameters-table table tr td{
    padding:15px 2%;
}
.table-s2 tr td{
    background-color:#e2e2e2;
}
.parameters-table>p{
    margin-bottom:20px;
}
.banner5x-box{
    width: 100%;
    padding-top: 5%;
    padding-bottom:8%;
    background:url(/content/dam/honor/global/other/common/img/5x_bannerbg.jpg) no-repeat center top;
}
.banner-btnbox .banner-btnstyle{
    width: auto;
    min-width:200px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    background: none;
    border-radius: 10px;
    border: 2px #333 solid;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    color:#333;
    overflow:hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-decoration: none;
}

.banner-btnbox a{
    display:inline-block;
    vertical-align:middle;
    /*margin-left:10px;*/
    margin-top:10px;
    margin-bottom:10px;
    font-size:20px;
    font-family: "bignoodletitlingregular";
    text-align: center;
}
.banner-btnbox a:first-child{
    margin-left:0;
}
.banner-btnstyle>span {
    padding-top: 2px;
    display: inline-block;
}
.banner-btnstyle>i {
    margin-left:5px;
    display: inline-block;
}
.banner-btnstyle.cblue{
    border: 2px #01b4e1 solid;
    color: #01b4e1;
}
.banner-btnstyle.white{
    border-color:#fff;
    color: #fff;
}
.banner5x-box .banner-btnbox{
    text-align:center;
    margin-top: -1%;
}
#top-banner ul.topbannerSlider{
    margin-bottom:0;
}
.bg-s1,
.ss2box,
.bg-s3{
    position:relative;
    width:100%;
}
.bg-s1 .bgbox,
.ss2box .bgbox,
.bg-s3 .bgbox{
    position:absolute;
    width:100%;
}
.bg-s1 .toptop-pic{
    margin-top:0;
    padding-top:80%;
}
.ss2box .toptop-pic{
    margin-top:0;
    padding-top:20%;
}
.s4top-pic {
    margin-top: 0;
    padding-top:18%;
}
.bg-s12 .banner-btnbox{
    text-align: center;
}
.honor5x-logo-vector{
    margin-top: 3%;
}
/* honor-5x eof */


/* honor-band-feature start */
.honor-Band-feature-table{
    padding: 1% 0;
}
.honor-Band-feature-table h1{
    text-align: center;
    color: #8a6d3b;
    font-size: 44px;
    margin: 5% 0;
}
.honor-Band-feature-table-td{
    padding: 20px 0;
    border-top: 1px solid #9E9E9E;
}
.honor-Band-feature-table-head{
    color: #8a6d3b;
    padding: 0 0 2% 0;
    font-size: 24px;
}
.honor-Band-feature-table{
    padding: 2% 0;
}
.honor-Band-feature-text-align-td-right{
    padding: 0 5% 0 0;
    line-height: 2em;
}
.honor-Band-feature-table span{
    font-size: 1.5em;
    color: #8a6d3b;
    line-height: 2em;
}
.honor-Band-feature-text-align-td{
    text-align: center;
    line-height: 1em;
}
.honor-Band-feature-table-boder {
    border-bottom: 2px solid #8a6d3b;
    border-top: 2px solid #8a6d3b;
}
.honor-Band-feature-table-paiding{
    padding: 20px 0;
}
.honor-band-feature .we-video-icon-6 {
    width: 200px;
    height: 45px;
    background: none;
    border: 2px #3bafe0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #3bafe0;
    vertical-align: middle;
    padding-top: 0.1em;
}

.honor-band-feature .btn-we-block-6 a {
    text-decoration: none;
    cursor: pointer;
    line-height: 24px;
    padding-top: 7px;
    color: #0077b0;
}
.honor-band-feature .btn-we-block-6 {
    display: inline-block;
    width: 200px;
    height: 45px;
    border: 2px #3bafe0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    vertical-align: top;
    text-align: center;
    top: 0;
    color: #3bafe0;
    padding-top: 0.1em;
}
.kv-bg{
    margin-top: 140px;
    margin-bottom: 100px;
}
.honor-band-feature .banner-btns-1 {
    text-align: center;
    top: 78%;
    left: 50%;
    margin: 5% 0 50px 0;
}

.honor-band-feature .honor-band-feature-01{
    margin: 0;
    background: #fff;
}
.btn-xiala{
    display: inline-block;
}
.btn-xiala .btn:focus,.btn-xiala .btn:active:focus,.btn-xiala .btn.active:focus,.btn-xiala .btn.focus, .btn:active.focus,.btn-xiala .btn.active.focus {
    outline: none;
    outline: none;
    outline-offset: 0;
}
.btn-xiala .btn{
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    width: 200px;
    height: 45px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    color: #0077b0;
    line-height: 45px;
    padding-top: 0.1em;
}
.honor-band-feature .honor-band-feature-01 .blank-fonts{
    position: absolute;
    bottom: 51%;
    right: 10%;
}
.honor-band-feature .honor-band-feature-02{
    margin: 0;
    background: #f0f0f0;
}
.honor-band-feature .honor-band-feature-02 .blank-fonts{
    margin-top: 10%;
}
.honor-band-feature .honor-band-feature-04{
    margin: 0;
}
.honor-band-feature .honor-band-feature-04 .blank-fonts{
    margin-top: 6%;
}
.honor-band-feature .honor-band-feature-06{
    margin: 0;
}
.honor-band-feature .honor-band-feature-06 .blank-fonts{
    margin-top: 10%;
}
.honor-band-feature-07 .blank-fonts .item-tags p {
    text-align: center;
    white-space: nowrap;
}
.blank-fonts .item-tags p {
    text-align: center;
    word-break: break-all;
}
.honor-band-feature .honor-band-feature-07{
    margin: 0;
    background: #f4f4f4;
}
.honor-band-feature .honor-band-feature-07 .blank-fonts{
    margin-top: 10%;
}
.honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags{
    text-align: center;
    max-width: 50px;
    min-width: 118px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags p img{
    max-width: 80px;
}


.honor-band-feature .honor-band-feature-08{
    margin: 0;
    background: #e9e3de;
}
.honor-band-feature .honor-en{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-band-feature .honor-band-feature-08 .blank-fonts{
    margin-top: 10%;
}

.honor-band-feature .honor-band-feature-09 .honor-band-feature-09-txt{
    margin: 5% 0 2% 0;
    text-align: center;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-feature .honor-band-feature-10 .honor-band-feature-10-txt{
    margin: 5% 0 2% 0;
    text-align: center;
}
.honor-band-feature .honor-band-feature-11{
    position: relative;
}
.honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt{
    bottom: 15%;
    position: absolute;
    right: 5%;
    width: 44%;
}
.honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt .item-tags{
    min-width: 50px;
    max-width: 85px;
}
.honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt .item-tags img{
    min-height: 0;
}

.honor-band-feature .honor-band-feature-12{
    margin: 0;
}

.honor-band-feature .honor-band-feature-12 .blank-fonts{
    margin: 10% 0 5% 0;
}
.honor-band-feature .honor-band-feature-13{
    margin: 0;
    background: #f3f3f3;
}

.honor-band-feature .honor-band-feature-13 .blank-fonts{
    margin-top: 10%;
}
.honor-band-feature .honor-band-feature-13  .item-tags{
    text-align: center;
    max-width: 80px;
}
.honor-band-feature .honor-band-feature-13  .item-tags img{
    max-width: 80px;
    min-height: 0;
}
.honor-band-feature .honor-band-feature-14{
    margin: 0;
}

.honor-band-feature .honor-band-feature-14 .blank-fonts{
    margin-top: 10%;
}
.honor-band-feature .bannerfont h1{
    margin: 0 0 5% 0;
}
.honor-band-feature .bannerfont {
    margin-bottom: 5%;
    padding-top: 2%;

}
.honor-band-feature .kv-bg h3{
    text-align: center;
    margin: 2% 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt {
        bottom: 0;
        position: absolute;
        right: 2%;
    }
    .honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags {
        text-align: center;
        max-width: 50px;
        min-width: 106px;
    }
    .honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags p img {
        max-width: 72px;
    }
    .honor-band-feature .honor-band-feature-08 .blank-fonts {
        margin-top: 4%;
    }
    .honor-band-feature .honor-band-feature-06 .blank-fonts {
        margin-top: 3%;
    }
    .honor-band-feature .honor-band-feature-04 .blank-fonts {
        margin-top: 4%;
    }

}
@media only screen and (max-width: 767px) {
    .honor-Band-feature-text-align-td-right {
        padding: 0 5px;
    }
    .honor-Band-feature-table {
        padding: 2% 5px;
    }
    .honor-Band-feature-table h1 {
        font-size: 28px;
    }
    .honor-band-feature .honor-band-feature-01 .blank-fonts{
        position: relative;
        bottom: 0;
        right: 0;
        margin: 10px 0;
    }
    .honor-band-feature .honor-band-feature-07 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-14 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-06 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-08 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-04 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;

    }
    .honor-band-feature .honor-band-feature-02 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-01 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-09 .honor-band-feature-09-txt {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-13 .blank-fonts {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags p img {
        max-width: 68px;
        min-height: 0;
    }
    .honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt{
        bottom: 0;
        position: relative;
        right: 0;
        margin: 10px 0;
        width: 100%;
    }
    .honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt .item-tags img {
        min-height: 0;
        max-width: 70px;
    }
    .honor-band-feature .btn-we-block-6{
        margin-top: 8px;
    }
    .kv-bg {
        margin: 40px 0 10px 0;
    }
}

/* honor-band-feature end */



/*we-honor5x bof*/
/*全局*/

.mt-40-PCM{
    position: absolute;
    right: 10%;
    top: 110px;
    max-width: 200px;
}
.we-honor5x .custom-pager{
    margin: auto;
    width: 100%;
    text-align: center;
}
.we-honor5x .color-wrapper{
    display: inline-block;
}
.we-honor5x .mt-40 {margin-top: 40px;
    max-width: 400px;
    margin-bottom: 20px;}
.we-honor5x p {
    font-size: 16px;
    line-height: 140%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: left;
}
.we-honor5x .bgbox-s1 .c1 p{
    width: 80%;
}
.we-honor5x .bgbox-s2 .bg-textbox p{
    width: 80%;
}
.we-honor5x .bgbox-s3 .bg-textbox p{
    width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 1365px){
    .we-honor5x  .bg-textbox h3 {
        font-size: 28px;
    }
    .mt-40-PCM{
        max-width: 120px;
        top:70px;
    }
}
.we-honor5x .banner5x-box {
    width: 100%;
    padding-top: 1%;
    padding-bottom: 20px;
    background: none;

}
@media only screen and (max-width: 767px) {
    .we-honor5x .banner5x-box img.mt-40 {
        width: 60%;
    }

    .we-honor5x .mt-40 {
        margin-top: 10px;
        max-width: 150px;
        margin-bottom: 20px;
    }

    .mt-40-PCM {
        max-width: 60px;
        right:7%;
        top:50px;
    }
}
.we-honor5x .banner-btnbox {
    margin-top:45px;
    text-align: center;
}
.we-honor5x .banner-color-change {
    text-align: center;
    margin-bottom: 20px;
}
.we-honor5x .banner-color-change p {
    font-size: 28px;
    text-align: center;
}
.we-honor5x .banner-color-change img {
    margin-left: auto;
    margin-right: auto;
}
.we-honor5x .banner-btnstyle {
    display: inline-block;
    width: 200px;
    height: 45px;
    background: none;
    border-radius: 10px;
    border: 2px #00b3e0 solid;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 49px;
    text-align: center;
    color: #00b3e0;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px 5px;
    cursor: pointer;
    text-decoration:none;
}
.we-honor5x .banner-btnstyle>i {
    margin-left: 5px;
    display: inline-block;
}
.we-honor5x .banner-icon {
    text-align: center;
    margin:30px auto;
    width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .we-honor5x  .banner-icon {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .we-honor5x .banner-icon {
        width: 100%;
    }
}
.we-honor5x .banner-icon img {
    display: inline-block;
}
.we-honor5x .banner-icon p {
    font-weight: bold;
}
.we-honor5x .banner-icon .left {
    display: inline-block;
}
.we-honor5x .banner-icon .right {
    display: inline-block;
    width: 57%;
    text-align: left;
    vertical-align: middle;
    line-height: 120%;
    font-size: 14px;
}
.we-honor5x .bgbox-s1 {
    position: relative;
}
.we-honor5x .bgbox-s1 .c1 {
    position:absolute;
    top:10%;
}
.we-honor5x .bgbox-s1 .c2 {
    position:absolute;
    top:62%;
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bg-textbox {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .we-honor5x .bgbox-s1 .c1 {
        position:relative;
        background: #f3f2f0;
        padding-bottom: 5px;
    }
}
.we-honor5x p.small-title {
    color: #00b3e0;
    font-weight: bold;
}
.we-honor5x .text-list-menu {
    padding-left:18px;
}
.we-honor5x .text-list-menu li {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin-bottom: 10px;
    list-style-type: disc;
}
.we-honor5x .bg-textbox-1 {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
}
.we-honor5x .bg-textbox-1 .left {
    display: inline-block;
}
.we-honor5x .bg-textbox-1 .left img {
    width:80%;
    height: auto;
}
.we-honor5x .bg-textbox-1 span {
    font-size: 14px;
}
.we-honor5x .bgbox-s2 {
    padding-top: 5%;
}
.we-honor5x .bgbox-s2 .bg-textbox {
    margin-bottom: 1%;
    margin-top: 1%;
}
.we-honor5x .bgbox-s3 {
    padding-top: 5%;
    background: #f3f2f0;
    height:auto;
}
.we-honor5x .bgbox-s3 .bg-textbox {
    margin-bottom: 1%;
    margin-top: 1%;
}
.we-honor5x .bgbox-s3 .banner-icon {
    margin:0 20px;
}
.we-honor5x .bgbox-s3 .banner-icon .left img {
    width: 80%;
    height: auto;
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bgbox-s3 .banner-icon .left img {
        width: 100%;
    }
}
.we-honor5x .bgbox-s4 .bg-textbox {
    margin-top: -23%;
    margin-bottom: 1%;
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bgbox-s4 .bg-textbox {
        margin-top: 0%;
    }
}
.we-honor5x .width-1200 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 40px;
}
.we-honor5x .bgbox-s5 {
    padding-top: 5%;
    padding-bottom: 10%;
    background: #f3f2f0;
    height:auto;
}
.we-honor5x .bgbox-s5 .bg-textbox {
    margin-top:6%;
}
.we-honor5x .bgbox-s6 {
    height:auto;
}
.we-honor5x .bgbox-s6 .bg-textbox {
    margin-top:4%;
    margin-bottom: 2%;
}
.we-honor5x .bgbox-s7 {
    background: #3eb3e8;
    color: #fff;
    padding: 40px 0;
    margin-bottom: 100px;
}
.we-honor5x .bgbox-s7 .experience {
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
    font-family: "bignoodletitlingregular";
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    padding: 20px 0;
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bgbox-s7 .experience {
        margin: 0 20px;
    }
}
.we-honor5x .bgbox-s7 .banner-btnbox {
    margin-top: 45px;
    text-align: center;
}
.we-honor5x .bgbox-s7 .banner-btnbox a.banner-btnstyle {
    border: 2px #fff solid;
    color: #fff;
}
.we-honor5x .bgbox-s8 {
    margin-bottom: 50px;
}
.we-honor5x .bgbox-s8 h3 {
    text-align: center;
    font-family: "bignoodletitlingregular";
    margin-bottom: 40px;
    font-size: 40px;
}
.bgbox-s8 .parameters-table {
    margin-top: 20px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bgbox-s8 .parameters-table {
        margin-left: 10px;
        margin-right: 10px;
    }
}
.we-honor5x .bgbox-s8 .parameters-table .table1 div {
    border:3px solid #fff;
    background: #f2f2f2;
    padding: 30px 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    min-height: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .we-honor5x .bgbox-s8 .parameters-table .table1 div {
        padding: 30px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bgbox-s8 .parameters-table .table1 div {
        text-align: center;
    }
}
.we-honor5x .bgbox-s8 .parameters-table .table1 div:first-child {
    color: #00b3e0;
}
.we-honor5x .bgbox-s9 {
    margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
    .we-honor5x .bgbox-s9 {
        margin-left: 5px;
        margin-right: 5px;
    }
}
.we-honor5x .bgbox-s9 h3 {
    text-align: center;
    font-family: "bignoodletitlingregular";
    font-size: 40px;
}
.we-honor5x .bgbox-s9 h3+p {
    text-align: center;
    margin-bottom: 40px;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-3 {
    position: relative;
    padding: 10px;
    background: #fafafa;
    border: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    color: #333;
    text-align: left;
    padding: 20px 10px;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-3 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    list-style: none;
    opacity: 0;
    pointer-events: none;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    background: #fafafa;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-3.active .dropdown li {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-3.active .dropdown li:hover {
    background: #f3f8f8;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-4 {
    position: relative;
    padding: 10px;
    background: #fafafa;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: #333;
    text-align: left;
    padding: 20px 10px;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-4 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    font-weight: normal;
    list-style: none;
    opacity: 0;
    pointer-events: none;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    background: #fafafa;
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-4.active .dropdown li {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
.we-honor5x .bgbox-s9 .wrapper-dropdown-4.active .dropdown li:hover {
    background: #f3f8f8;
}
.we-honor5x .bgbox-s9 .form-control {
    height: 62px;
    background: #fafafa;
    border-radius: 0;
    line-height: 28px;
}
.we-honor5x .bgbox-s9 label {
    margin-top: 10px;
    line-height: 130%;
    color:#333;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
}
/*we-honor5x eof*/


/* activiy-compaid start */
.banner-compaidbox-new-new-1{
    position: relative;
}
.banner-compaidbox-new-new-img{
    position: absolute;
    top: 5%;
    width: 100%;
}
.compaid_logo{
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 999;
    text-align: left;
}
.compaid_logo img{
    max-width:200px;
}
.activiy-compaid .activiy-compaid-kv-input{
    text-align: center;
    padding-top: 3%;
}
.activiy-compaid .activiy-compaid-kv-input h3{
    font-size: 5em;
    color: #00b2e6;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.compaid_5x_text-p_01-txt{
    font-size: 24px;
    line-height: 2em;
}
.activiy-compaid .compaid-input input{
    height: 45px;
}

.activiy-compaid .compaid-sub .btn{
    background: #00a3cc;
    color: #fff;
    height: 45px;
    width: 100%;
    max-width: 180px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.activiy-compaid .banner-compaidbox{
    position: absolute;
    top: 22%;
    left: 0;
    width: 100%;
    z-index: 99;
}
.activiy-compaid .banner-compaidbox-new{
    width: 100%;
    background: url("/content/dam/honor/global/other/common/img/compaid_5x_bg.jpg") no-repeat;
    min-height: 1010px;
    background-positon: 100%, 100%;
}
.activiy-compaid .banner-compaidbox-new-new{
    width: 100%;
    background: url("/content/dam/honor/global/other/common/img/compaid_5x_bg_new.jpg") no-repeat;
    min-height: 1010px;
    background-positon: 100%, 100%;
}
.input-5x-width {
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-top: 5%;
    z-index: 33;
    right: 30px;
    top: 0;
    padding: 0 8%;
    padding: 0 15%\9;
    position: relative;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.input-5x-btn{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    border: none;
    background: none;
    margin-left: 0;
    background-color: transparent;
    box-shadow: none;
    z-index: 33;
    position: absolute;
    text-overflow: ellipsis;
    padding: 0 20px;
    left: 0;
    top: 0;
    margin-top: 0.2em;
}
.compaid_5x_text-p{
    margin: 5% 0;
}
.compaid_5x_text-p-new{
    margin: 1% 0;
}
.compaid_5x_text-p-new p{
    font-size: 2em;
    color: #00b7e4;
}
.compaid_5x_text-p p{
    font-size: 2em;
    color: #00b7e4;
}
.compaid_5x_text-p_01{
    margin: -3% 0;
}
.compaid_5x_text-p_01 p{
    font-size: 16px;
    line-height: 1em;
}
.dead_island-font{
    font-family: dead_island;
    font-size: 6em;
}
.compaid_5x_product-img{
    margin-top: -5%;
    margin-left: 0;
}
.compaid_5x_show_3{
    font-size: 16px;
}
.compaid_5x_product-img img{
    max-width: 450px;
}

.input-5x-btn:hover{
    color: #fff;
}
.Share_t_bg{
    display: block;
    position: relative;
    text-align: center;
}
.input-5x-btn-img img:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")";
    filter: alpha(opacity=90);
    zoom: 1;
}
.Share_t_bg:hover{
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")";
    filter: alpha(opacity=90);
    zoom: 1;
}
.Share_t{
    color: #fff;
    display: inline-block;
    left: 48%;
    top: 19px;
    position: absolute;
}
.input-5x-btn-block{
    background: url("/content/dam/honor/global/other/common/img/compaid_5x_iput.png") no-repeat;
    width: 250px;
    height: 60px;
    display: inline-block;
    float: left;
    margin-right: -4px;
    text-transform: capitalize;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 15px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    -moz-transition: all 0.4s linear 0;
    -webkit-transition: all 0.4s linear 0;
    -ms-transition: all 0.4s linear 0;
    -o-transition: all 0.4s linear 0;
    transition: all 0.4s linear 0;
}
.compaid_5x_share_text{
    margin: 1% 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.compaid_5x_show_2-top{
    margin-top: -5%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.activiy-compaid .input-compaidbox{
    max-width:500px;
    margin:0 auto;
}
.activiy-compaid .input-compaidbox input{
    width: 100%;
}
.activiy-compaid .activiy-compaid-01{
    margin: 0;
    background: url("/content/dam/honor/global/other/common/img/compaid_2_bg.jpg") no-repeat;
    min-height: 650px;
}
.activiy-compaid-01 .blank-fonts{
    margin-top:10%;
}
.activiy-compaid .activiy-compaid-02{
    margin:6% 0;
}
.activiy-compaid .activiy-compaid-02 .blank-fonts{
    margin-top: 12%;
}
.activiy-compaid-03{
    margin: 5% 0;
}
.activiy-compaid-03 .blank-fonts{
    margin-top: 20%;
}
.boder-center{
    border-right: 2px solid #333;
    padding-left: 1%;
}
.activiy-compaid .activiy-compaid-04{
    text-align: center;
    margin: 5% 0;
}
.activiy-compaid .compaid-show-box {
    text-align: center;
}
.padding-left-none{
    padding-left: 0;
    padding-right: 0;
}
.activiy-compaid .activiy-compaid-kv-text{
    padding-top: 15%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.activiy-compaid .activiy-compaid-kv-text-p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 4%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.input-5x-new-input{
    padding-left: 8%;
    margin-top: 2%;
    margin-bottom: 7%;
}
.compaid_5x_kv_a{
    margin: auto;
    position: absolute;
    bottom: 10%;
    text-align: center;
    width: 100%;
}
.compaid_5x_kv_a-text{
    font-size: 16px;
    margin-top: 2%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.compaid_5x_kv_a a{
    text-decoration: underline;
    font-size: 14px;
}
.activiy-compaid .activiy-compaid-kv-text-p span{
    margin-right: 20px;
}
.activiy-compaid .activiy-compaid-kv-text-p span a{
    color: #555;
    text-decoration: underline;
    font-size: 12px;
}
.compaid_5x_show_3_txt{
    margin-top: -3%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}

.activiy-compaid .activiy-compaid-kv-text-mb{
    padding-top: 1%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
}

.activiy-compaid .activiy-compaid-04-h3 h3{
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-size: 50px;
}
.activiy-compaid .activiy-compaid-04 h4{
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-size: 30px;
    margin-top: 10px;
    text-align: center;
}
.compaid_5x_text-p_01 p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.activiy-compaid-04 p{
    text-align: center !important;
}
.activiy-compaid .activiy-compaid-04 .item-tags{
    text-align: center;
    margin: auto;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.activiy-compaid .activiy-compaid-04 .item-tags img{
    text-align: center;
    margin: auto;
}
.activiy-compaid .activiy-compaid-04-maging{
    padding: 0 20px;
}
.activiy-compaid .compaid-show-box{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin-top: 4%;
}
.activiy-compaid .activiy-compaid-kv-text span{
    font-size: 14px;
    margin: 10px;
}
.activiy-compaid .activiy-compaid-01 h1{
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 68px;
    line-height: 120%;
    margin-bottom: 10px;
}
.compaid-learn-more{
    color: #00b2e6;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.compaid-show-box h3{
    color: #00b2e6;
}
.input-5x-img{
    background: url("/content/dam/honor/global/other/common/img/compaid_5x_input_bg2.png") no-repeat;
    height: 57px;
    width: 387px;
    float: right;
}
.activiy-compaid-kv-log{
    width: 50%;
    margin: 1% auto;
    max-width: 500px;
    min-width: 250px;
}
.input-5x-img img{
    float: right;
}
.input-5x-btn-img{
    margin-left: -32px;
    margin-top: -1px;
}
.activiy-compaid .phone-section-wrapper{

}
.dead_island-font-02{
    margin:10% 0;
    text-align: center;
    font-size: 80px
}
.activiy-compaid-04{

    margin: 5% 0;
}
.activiy-compaid-04 p{
    width: 80%;
    margin: auto;
}
.compaid_5x_kv_show_3-txt{
    position: relative;
}
@media (max-width: 1799px) and (min-width: 1599px) {
    .activiy-compaid-kv-min-height img {
        min-height: 1050px;
    }
}
@media (max-width: 1599px) and (min-width: 1500px) {
    .dead_island-font {
        font-size: 5em;
    }
    .input-5x-img-new img {
        width: 80%;
    }
}
@media (max-width: 1499px) and (min-width: 1366px){
    .activiy-compaid-kv-min-height img {
        min-height: 830px;
    }

    .input-5x-img-new img {
        width: 80%;
    }

    .dead_island-font{
        font-family: dead_island;
        font-size: 5em;
    }
    .compaid_5x_product-img img{
        max-width: 430px;
    }
    .activiy-compaid .slider-section .blank-fonts h3, .activiy-compaid .slider-section .bg-textbox h3, .honor6 h3 {
        font-size: 48px;
    }
    .input-5x-img img{
        height: 50px;
    }
    .activiy-compaid .activiy-compaid-04 {
        text-align: center;
        margin: 5% 0;
    }
    .activiy-compaid .activiy-compaid-01 {
        margin: 0;
        background: url("/content/dam/honor/global/other/common/img/compaid_2_bg.jpg") no-repeat;
        min-height: 591px;
    }
    .activiy-compaid-03 img{
        max-width: 80%;
    }
    .activiy-compaid .banner-compaidbox-new{
        width: 100%;
        background: url("/content/dam/honor/global/other/common/img/compaid_5x_bg_1366.jpg")no-repeat;
        min-height: 870px;
    }
}
@media (max-width: 1365px) and (min-width: 1296px){
    .activiy-compaid-kv-min-height img {
        min-height: 880px;
    }
    .parameters-box{
        padding: 0 10%;
    }


    .dead_island-font{
        font-family: dead_island;
        font-size: 4em;
    }


    .activiy-compaid .slider-section .blank-fonts h3, .activiy-compaid .slider-section .bg-textbox h3, .honor6 h3 {
        font-size: 48px;
    }
    .activiy-compaid .activiy-compaid-04 {
        text-align: center;
        margin: 10% 0;
    }
    .input-5x-img img{
        height: 48px;
    }
    .input-5x-width {
        max-width: 300px;
    }
    .activiy-compaid .banner-compaidbox-new{
        width: 100%;
        background: url("/content/dam/honor/global/other/common/img/compaid_5x_bg_1266.jpg") no-repeat;
        min-height: 760px;
    }
    .compaid_5x_product-img img {
        max-width: 407px;
    }
}
@media (max-width: 1295px) and (min-width: 1024px){
    .activiy-compaid-kv-min-height img {
        min-height: 750px;
    }
    .Share_t{
        left: 47%;
    }
    .input-5x-img-new img {
        width: 80%;
    }
    .dead_island-font{
        font-family: dead_island;
        font-size: 4em;
    }
    .compaid_5x_product-img img {
        max-width: 380px;
    }
    .activiy-compaid .banner-compaidbox-new{
        width: 100%;
        background: url("/content/dam/honor/global/other/common/img/compaid_5x_bg_1266.jpg") no-repeat;
        min-height: 760px;
    }
    .activiy-compaid .slider-section .blank-fonts h3, .activiy-compaid .slider-section .bg-textbox h3, .honor6 h3 {
        font-size: 38px;
    }
    .activiy-compaid .slider-section .blank-fonts h2, .activiy-compaid .slider-section .bg-textbox h3, .honor6 h2 {
        font-size: 28px;
    }
    .activiy-compaid .activiy-compaid-04 {
        text-align: center;
        margin: 10% 0;
    }

    .activiy-compaid .activiy-compaid-kv-input {
        text-align: center;
        padding-top: 5%;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .Share_t{
        left: 47%;
    }
    .activiy-compaid-kv-min-height img{
        min-height:700px;
    }
    .activiy-compaid-kv-log img{
        width: 80%;
    }
    .dead_island-font{
        font-family: dead_island;
        font-size: 3em;
    }
    .activiy-compaid .banner-compaidbox-new{
        width: 100%;
        background: url("/content/dam/honor/global/other/common/img/compaid_5x_bg_1266.jpg") no-repeat;
        min-height: 760px;
    }
    .activiy-compaid .slider-section .blank-fonts h3, .activiy-compaid .slider-section .bg-textbox h3, .honor6 h3 {
        font-size: 38px;
    }
    .activiy-compaid .slider-section .blank-fonts h2, .activiy-compaid .slider-section .bg-textbox h3, .honor6 h2 {
        font-size: 28px;
    }
    .compaid_5x_product-img img {
        max-width: 316px;
    }
    .activiy-compaid .activiy-compaid-04 {
        text-align: center;
        margin: 8% 0;
    }

}

@media only screen and (max-width: 767px) {
    .compaid_5x_text-p_01 {
        margin-top: 0;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .activiy-compaid-kv-min-height img {
        max-height: 654px;
        min-height: 500px;
        width: 100%;
    }
    .compaid_5x_show_3_txt {
        margin-top: 10%;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .input-5x-img-new img {
        width: 100%;
    }
    .Share_t_bg img {
        max-width: 200px;
    }
    .compaid_5x_text-p-new p {
        font-size: 18px;
    }
    .input-5x-img {
        float: none;
        background-position: center center;
        background-size: 100%;
        margin: auto;
        width: 300px;
    }
    .input-5x-width {
        left: 5%;
        padding-top: 2%;
    }
    .Share_t {
        left: 42%;
        top: 17px;
    }
    .activiy-compaid-kv-img{}
    .compaid_logo{
        position: absolute;
        top: 1%;
        left: 0;
        z-index: 999;
    }
    .compaid_logo img{
        max-width: 120px;
    }
    .compaid_5x_text-p_01-txt{
        font-size: 18px;
        line-height: 1em;
    }
    .compaid_5x_text-p_01 p{
        font-size: 16px;
        line-height: 1em;
    }
    .activiy-compaid-kv-text-p span{
        font-size: 14px;
    }
    .dead_island-font{
        font-family: dead_island;
        font-size: 3em;
    }
    .compaid_5x_text-p p {
        font-size: 1.5em;
    }
    .input-5x-btn-img {
        margin:0 auto;
    }
    .input-5x-btn-img img {
        margin: auto;
        max-width: 200px;
        margin-top: 10px;
    }
    .input-5x-btn-block{
        float: none;
        background: url("/content/dam/honor/global/other/common/img/compaid_5x_iput.png") no-repeat;
        width: 250px;
        height: 60px;
        display: inline-block;
        text-transform: capitalize;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        font-size: 15px;
        line-height: 43px;
        text-align: center;
        color: #fff;
        background-size: 76%;
        background-position: center;
        margin: auto;
        -moz-transition: all 0.4s linear 0;
        -webkit-transition: all 0.4s linear 0;
        -ms-transition: all 0.4s linear 0;
        -o-transition: all 0.4s linear 0;
        transition: all 0.4s linear 0;
    }
    .input-5x-btn-block-1{

    }

    .activiy-compaid .activiy-compaid-kv-input {
        text-align: center;
        padding-top: 0;
    }
    .input-5x-new-input {
        padding-left: 0;
        margin-top: 2%;
        margin-bottom: 0;
    }
    .input-5x-btn {
        position: relative;
        font-size: 16px;
        padding-top: 2%;
    }
    .activiy-compaid .banner-compaidbox {
        top: 6%;
    }

    .input-5x-btn-img img{
        margin: auto;
        max-width: 200px;
        margin-top: 10px;
        display: inline-block;
    }
    .activiy-compaid .activiy-compaid-kv-input h3 {
        font-size: 2em;
        margin-bottom: 20px;
    }
    .activiy-compaid .blank-fonts  .activiy-compaid-04-h3 h3{
        font-size: 48px;
        text-align: center;
    }
    .activiy-compaid .blank-fonts  .activiy-compaid-04-h3 p{
        text-align: center;
    }
    .activiy-compaid .activiy-compaid-04-h3 {
        margin: 10px 0 26px 0;
    }
    .activiy-compaid .activiy-compaid-04 .item-tags img {
        text-align: center;
        max-width: 90px;
        min-height: 0;
        margin: auto;
    }
    .activiy-compaid .blank-fonts h2{
        font-size: 18px !important;
        margin: 0;
    }
    .compaid_5x_product-img {
        margin-top: 0;
        margin-left: 0;
    }

    .compaid_5x_product-img img {
        max-width: 250px;
    }
    .boder-center {
        border-right: none;
        padding-left: 0;
    }
    .activiy-compaid .activiy-compaid-04 {
        margin: 0;
    }
    .activiy-compaid .dead_island-font-02{
        margin:10% 0;
        text-align: center;
        font-size: 50px
    }
    .activiy-compaid-04 p {
        margin: 5% 0;
    }
    .Share_t_bg span{
        font-size: 14px;
    }
    .input-5x-img img {
        float: none;
    }
    .compaid_5x_share_text {
        margin: 5% 0;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
}
@media only screen and (max-width: 367px) {
    .activiy-compaid-kv-min-height img {
        min-height: 550px;
    }
    .activiy-compaid .banner-compaidbox {
        top: 10%;
    }
    .activiy-compaid .activiy-compaid-kv-input h3 {
        font-size: 27px;
        margin-bottom: 11px;
    }
    .dead_island-font {
        font-size: 2em;
    }
    .compaid_5x_kv_a {
        bottom: 13%;
    }
    .input-5x-btn-block {
        background-size: 66%;
    }
    .input-5x-img {
        width: 278px;
    }

}
/* activiy-compaid end */



/* engine-earphones-20151225 start*/

.engine-earphones .engine-earphone-01{
    background: #333;
    color: #fff;
}
.engine-earphone-01-20{
    width: 18%;
    display: inline-block;
}
.engine-earphones .engine-earphone-01-01{
    text-align: center;
    margin: 10% 0 5% 0;
}
.engine-earphones .engine-earphone-01-03{
    margin: 5% 10%;
}
.engine-earphones .engine-earphone-01-03-txt{
    margin: 10% 34% 0 2%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.engine-earphones .engine-earphone-01 .engine-earphone-01-01 .blank-fonts h3 {
    list-style: none;
    color: #fff !important;
}
.engine-earphones .engine-earphone-01 .text-list-menu li {
    list-style: none;
    color: #fff;
}
.engine-earphones .engine-earphone-02{
    margin: 0;
}
.engine-earphones .engine-earphone-02 .engine-earphone-02-txt{
    margin: 10% 10%;
}
.engine-earphones .engine-earphone-03{
    margin: 0;
    background: #f8e8de;
}
.engine-earphones .engine-earphones .engine-earphone-03{
    margin: 0;
}
.engine-earphones .engine-earphone-03 .blank-fonts{
    margin-top: 10%;
}
.engine-earphones .engine-earphone-04{
    margin: 10% 0;
}
.engine-earphones .engine-earphone-04 .blank-fonts{
    left: 10%;
    position: relative;
}
.engine-earphones .engine-earphone-05{
    background: #e0fbfb;
    margin: 0;
}
.engine-earphones .engine-earphone-05 .blank-fonts{
    margin-top: 10%;
}
.engine-earphones .engine-earphone-06{
    background: #feeef6;
    margin: 0;
}
.engine-earphones .engine-earphone-06-01{
    margin: 10% 0;
}
.engine-earphones .engine-earphone-06 .blank-fonts{
    text-align: center;
    margin: 5% 0;
}
.engine-earphones .engine-earphone-07{
    margin: 0;
    background: #ececec;
}
.engine-earphones .engine-earphone-07 .blank-fonts{
    left: 10%;
    position: relative;
}
.engine-earphones .engine-earphone-07-01{
    margin: 5% 0;
}
.engine-earphones .engine-earphone-08{
    margin: 0;
}
.engine-earphones .engine-earphone-08 .blank-fonts{
    margin-top: 10%;
}
.engine-earphones .engine-earphone-08-02{
    margin: 10% 0;
}
.engine-earphones .engine-earphone-09{
    background: #ececec;
    margin: 0;
}
.engine-earphones .engine-earphone-09-01{
    margin: 10% 0;
}
.engine-earphones .engine-earphone-09 .blank-fonts{
    text-align: center;
    margin: 5% 0;
}
.engine-earphone-09-icon{
    width: 80%;
    margin:5% auto;
}
.engine-earphones .engine-earphone-09-icon-txt{
    text-align: center;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin: 10px auto;
    width: 80%;
}
.engine-earphones .engine-earphone-10{
    margin: 0;
}
.engine-earphones .engine-earphone-10 .blank-fonts{
    margin: 10% 0 0 10%;
}
.engine-earphone-01-03-txt span{
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .engine-earphones .engine-earphone-01-03{
        margin: 5% 2%;
    }
    .engine-earphones .engine-earphone-01-03 .col-xs-4{
        margin-top: 5%;
    }
    .engine_earphones_am12_1_img img{
        width: 60%;
        max-width: 150px;
    }
    .engine-earphones .engine-earphone-07 .blank-fonts {
        left: 0;
        margin: 5% 0;
    }
    .engine-earphones .engine-earphone-04 .blank-fonts {
        left: 0;
        position: relative;
    }
    .engine-earphones .engine-earphone-10 .blank-fonts {
        margin: 0;
        margin-top: 5%;
    }

    .engine-earphones .product-sliders img {
        min-height: 60px !important;
    }
    .engine-earphones .engine-earphone-01 .text-list-menu {
        text-align: center;
        padding-left: 0;
    }
    .engine-earphones .engine-earphone-02 .engine-earphone-02-txt {
        margin: 5% 0;
    }
    .engine-earphones .engine-earphone-01 .engine-earphone-01-01 .blank-fonts h3 {
        text-align: center;
    }

}
/* engine-earphones-20151225 end*/


/*honor5x-flip-cover start*/
.parameters-box p{
    font-family: verdana, geneva, sans-serif;
    font-size: 10pt;
}
.honor5x-flip-cover .banner-btnbox{
    text-align: center;
    position: absolute;
    bottom: 50px;
    margin: auto;
    display: block;
    width: 100%;
}
.honor5x-flip-cover .honor5x-flip-cover-01{
    background: #fdf8ee;
}
.honor5x-flip-cover .honor5x-flip-cover-01 .blank-fonts{
    margin: 10% 0 5% 0;
    text-align: center;
}
.honor5x-flip-cover .honor5x-flip-cover-02{
    margin: 0;
}
.honor5x-flip-cover .honor5x-flip-cover-02 .blank-fonts{
    margin-top: 80%;
    width: 80%;
}
.honor5x-flip-cover .honor5x-flip-cover-03{
    margin: 0;
    background: #fdf9f2;
}
.honor5x-flip-cover .honor5x-flip-cover-03-h3{
    text-align: center;
    margin: 5% 0;
}
.honor5x-flip-cover .honor5x-flip-cover-03-txt-01 {
    margin-top: 25%;
}
.honor5x-flip-cover .honor5x-flip-cover-03-txt-01 p{

}
.honor5x-flip-cover .honor5x-flip-cover-03-txt-02 {
    margin-top: 90%;
}
.honor5x-flip-cover .honor5x-flip-cover-03-txt-03 {
    margin-top: 113%;
}
.honor5x-flip-cover .honor5x-flip-cover-03-icon{
    width: 80%;
    margin:5% auto;
    text-align: center;
}
.honor5x-flip-cover .col-sm-2-5{
    width: 18%;
    display: inline-block;
    margin: auto;
}
.col-sm-2-5 img {
    max-width: 110px;
}
.honor5x-flip-cover .honor5x-flip-cover-03-sapn{
    margin: 5%;
    text-align: center;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor5x-flip-cover .honor5x-flip-cover-04{
    margin: 0;
    position:relative;
}
.honor5x-flip-cover .honor5x-flip-cover-04 .blank-fonts {
    position: absolute;
    left: 60%;
    top: 47%;
}
.honor5x-flip-cover .product-sliders .blank-fonts h3{
    color: #e0a42d !important;
}
@media only screen and (max-width: 767px) {
    .honor5x-flip-cover  .honor5x-flip-cover-02 .blank-fonts {
        margin-top: 5%;
        width: 100%;
    }
    .honor5x-flip-cover .honor5x-flip-cover-04 .blank-fonts {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 5%;
    }
    .honor5x-flip-cover .honor5x-flip-cover-03-icon {
        width: 100%;
        margin: 5% auto;
        text-align: center;
    }
    .honor5x-flip-cover .col-sm-2-5 img{
        min-height: 0 !important;
    }
    .honor5x-flip-cover .blank-fonts h3{
        color: #e0a42d !important;
    }
    .honor5x-flip-cover .banner-btnbox {
        position: relative;
        bottom: 0px;
    }
}


/*honor5x-flip-cover end*/






/*honor-hybrid-earphone bof*/
.honor-hybrid-earphone .banner-btnbox{
    margin: 15% 0 ;
}
.honor-hybrid-earphone .circle {
    width:120px;
    height: 120px;
    background: url("/content/dam/honor/global/other/common/img/circle.png");
    /*display:table-cell;
    vertical-align: middle;*/
    text-align: center;
    font-size: 22px;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #d0d3d9;
    padding:0 10px;
    margin: 10px auto;
}
.honor-hybrid-earphone .font-circle {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #d0d3d9;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}
.honor-hybrid-earphone h2 {
    font-family: "bignoodletitlingregular";
    font-size: 70px;
    margin: 10px 0;
}
.honor-hybrid-earphone h3 {
    font-family: "bignoodletitlingregular";
    font-size: 38px;
    /*margin: 10px 0;*/
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone h3 {
        font-size: 20px;
    }
}
.honor-hybrid-earphone p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 175%;
    font-size: 16px;
}


.honor-hybrid-earphone .s1 {
    padding-top: 8%!important;
    color:#fff;
    background: url(/content/dam/honor/global/other/common/img/bg-s1.jpg);
}
.honor-hybrid-earphone .s1 h2 {
    margin-top:100px;
    margin-bottom: 50px;
}

.honor-hybrid-earphone .s1 h3 {
    margin: 40px 0;
}
@media (max-width: 1366px) and (min-width: 1118px) {
    .honor-hybrid-earphone .banner-btnbox {
        margin: 8% 0 10% 21%;
    }
}
@media only screen and (max-width: 1199px){
    .honor-hybrid-earphone .s1 h2 {
        margin-top:40px;
        margin-bottom: 0;
        font-size: 48px;
    }
    .honor-hybrid-earphone .s1 h3 {
        font-size: 24px;
        margin: 30px 0;
    }
    .honor-hybrid-earphone .banner-btnbox {
        margin: 10% 0 10% 18%;
    }
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s1 h3 {
        text-align: center;
    }
    .honor-hybrid-earphone .banner-btnbox {
        margin: 8% 0 0 28%;
    }
}




.honor-hybrid-earphone .s2 {
    background: #fbf7f6;
    min-height: 470px;
}

.honor-hybrid-earphone .s2 .s2-text {
    margin-top:15%;
}
.honor-hybrid-earphone .s2 .s2-text p {
    color: #333438;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s2 .s2-text p{
        padding:0 15px;
    }
}
.honor-hybrid-earphone .s2 .circle {
    background: url("/content/dam/honor/global/other/common/img/circle-grey.png");
    color: #333438;
    font-size: 18px;
}

.honor-hybrid-earphone .s3 {
    display: inline-block;
    margin-bottom: -5px;
    padding-top:5%;
    padding-bottom:5%;
    width: 100%;
    background: #313131;
    min-height: 500px;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s3 {
        padding:10% 15px;
    }
}

.honor-hybrid-earphone .s4 {
    display: inline-block;
    margin-bottom: -5px;
    padding-top:5%;
    padding-bottom:5%;
    width: 100%;
    background: #3e4345;
    min-height: 500px;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s4 {
        padding:10% 15px;
    }
}

.honor-hybrid-earphone .s5 {
    display: inline-block;
    margin-bottom: -5px;
    padding-top:5%;
    width: 100%;
    background: #313131;
    min-height: 500px;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s5 {
        padding:10% 15px;
    }
}
.honor-hybrid-earphone .s6 {
    position: relative;
    margin-bottom: -5px;
}
.honor-hybrid-earphone .s6 .s6-02 {
    position: absolute;
    color: #fff;
    margin-top: 80px;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s6 .s6-02 {
        position: relative;
        color: #000;
        padding: 10px;
    }
    .honor-hybrid-earphone .s6 .s6-01 img {
        margin-bottom: 5%;
    }
    .honor-hybrid-earphone .s6 .s6-02 {
        margin-top: 0;
    }
}
.honor-hybrid-earphone .s7 {
    width:100%;
    display: inline-block;
    padding-top: 8%;
    padding-bottom: 5%;
    margin-bottom: -5px;
    color:#fff;
    background: url(/content/dam/honor/global/other/common/img/s7-01.jpg);
    min-height: 500px;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s7 {
        padding-left: 10px;
        padding-right: 10px;
        padding-top:10%;
    }
    .honor-hybrid-earphone .s7 .s7-img {
        margin-right: -10px;
        margin-top:-59px;
    }
}

.honor-hybrid-earphone .s8 {
    width:100%;
    display: inline-block;
    padding-top: 8%!important;
    padding-bottom: 5%;
    margin-bottom: -5px;
    color:#fff;
    background: #d2d7dc;
    min-height: 600px;
}
.honor-hybrid-earphone .s8 .circle {
    background: url("/content/dam/honor/global/other/common/img/circle-grey.png");
    color: #333438;
}

.honor-hybrid-earphone .s8 p {
    color: #333438;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s8{
        padding-top: 15%!important;
    }
    .honor-hybrid-earphone .s8 .s8-02 {
        padding-left:10px;
        padding-right: 10px;
    }
}

.honor-hybrid-earphone .s9 {
    width:100%;
    margin-bottom: -5px;
    display: inline-block;
    color:#fff;
    background: #7a97a5;
    min-height: 386px;
}
.honor-hybrid-earphone .s9 .circle {
    background: url("/content/dam/honor/global/other/common/img/circle-white.png");
    color: #fff;
    font-size: 18px;
    margin-left: 0;
}
.honor-hybrid-earphone .s9 .s9-02{
    margin-top: 14%;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s9 .circle {
        margin-left:auto;
    }
    .honor-hybrid-earphone .s9 .s9-02 {
        padding-left:10px;
        padding-right: 10px;
        margin-bottom: 50px;
    }
}
.honor-hybrid-earphone .s10 {
    width:100%;
    position: relative;
    display: inline-block;
    margin-bottom: -5px;
    color:#333438;
    background: #fff;
    min-height: 290px;
}
.honor-hybrid-earphone .s10 .s10-02 {
    position: absolute;
    top:10%;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s10 .s10-01 {
        margin-bottom: 10px;
    }
    .honor-hybrid-earphone .s10 .s10-02 {
        position: relative;
        padding-left:10px;
        padding-right: 10px;
    }
}

.honor-hybrid-earphone .s11 {
    width:100%;
    display: inline-block;
    padding-top: 8%;
    margin-bottom: -5px;
    color:#fff;
    background: #000;
    min-height: 386px;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s11 .s11-02 {
        padding-left:10px;
        padding-right: 10px;
    }
}

.honor-hybrid-earphone .s12 {
    width:100%;
    display: inline-block;
    margin-bottom: -5px;
    color:#fff;
    background: #000;
    min-height: 386px;
}

.honor-hybrid-earphone .s13 {
    width:100%;
    margin-bottom: -5px;
    display: inline-block;
    position: relative;
    color:#fff;
    background: #000;
    min-height: 386px;
}
.honor-hybrid-earphone .s13 .s13-02 {
    position: absolute;
    top: 10%;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s13 .s13-02 {
        position: relative;
        padding-left:10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }
    .honor-hybrid-earphone .s13 img {
        margin-bottom: 15px;
    }
}
.honor-hybrid-earphone .s14 {
    width:100%;
    display: inline-block;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left:10px;
    padding-right: 10px;
    color:#000;
    background: #e5e5e5;
    min-height: 330px;
    padding-left:10px;
}
.honor-hybrid-earphone .s14 h3,
.honor-hybrid-earphone .s14 p {
    text-align: center;
}
.honor-hybrid-earphone .s14 p.s14-03 {
    margin-top: 40px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
    .honor-hybrid-earphone .s14 {
        padding-top: 15%;
    }
    .honor-hybrid-earphone .s14 p.s14-03 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}


/*honor-hybrid-earphone eof*/



/*yuyue-5x-2016-01-05 start*/
.compaid_logo{
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 999;
    text-align: left;
}
.compaid_logo img{
    max-width:200px;
}
.banner5x-box-yuyue{
    width: 100%;
    padding-top: 8%;
    padding-bottom: 9%;
    background: url(/content/dam/honor/global/other/common/img/compaid_5x_yuyue_bg.jpg) no-repeat center top;
}
.banner-btnbox{
    text-align: center;
}
.banner5x-box-yuyue-a{
    text-align: right;
    margin-right: 5%;
}
.banner5x-box-yuyue-h1{
    font-family: "dead_island";
    font-size: 6em;
    text-align: center
}
.banner5x-box-yuyue-img{
    margin-top: 1%;
}
.banner5x-box-yuyue .banner5x-box-yuyue-p{
    font-size: 2em;
    text-align: center;
    color: #00b5e2;
}
@media only screen and (max-width: 767px) {
    .compaid_logo{
        position: absolute;
        top: 2%;
        left: 2%;
        z-index: 999;
    }
    .compaid_logo img{
        max-width: 100px;
    }
    .banner5x-box-yuyue{
        padding-top: 10%;
    }
    .banner5x-box-yuyue-h1 {
        font-size: 3em;
        margin-top: 3%;
    }
    .banner5x-box-yuyue .banner5x-box-yuyue-p{
        font-size: 18px;
        margin: 5% 0 9% 0;
    }
    .banner5x-box-yuyue-a {
        margin: 0;
        text-align: center;
    }
    .banner5x-box-yuyue .mt-40{
        margin-top: 25px;
    }
    .banner5x-box-yuyue-a {
        margin: 7% 0 8% 0;
        text-align: center;
    }

    .banner5x-box-yuyue-1 .banner-btnbox {
        text-align: center;
        margin-top: 8%;
    }
}

/*yuyue-5x-2016-01-05 end*/
/*new03-5x-2016-01-05 start*/
.banner-btn-one-txt{
    position: absolute;
    bottom: 31%;
    right: 32%;
    font-size: 18px;
    color: #00b2e6;
    display: inline-block;
    text-align: center;
}
.parameters-box p{
    font-family: verdana, geneva, sans-serif;
    font-size: 10pt;
}
.honor-2015-0105{

}
.honor-2015-0105 .product-sliders .blank-fonts h3 {
    color: #333 !important;
}
.honor-2015-0105 .honor-2015-0105-02 .blank-fonts{
    margin-top: 30%;
}
.honor-2015-0105 .honor-2015-0105-03 .blank-fonts{
    margin-top: 15%;
}
.honor-2015-0105-02{
    margin: 0;
}
.honor-2015-0105-03{
    margin: 0;
    background: #ccc;
}
.honor-2015-0105-01{
    margin: 10% 0;
}
@media only screen and (max-width: 767px) {
    .honor5x-flip-cover .honor5x-flip-cover-01 .blank-fonts {
        text-align: left;
    }
    .honor-2015-0105 .honor-2015-0105-02 .blank-fonts {
        margin-top: 10%;
    }
    .honor-2015-0105 .honor-2015-0105-03 .blank-fonts {
        margin-top: 5%;
    }
    .honor-2015-0105-03 img{
        width: 80%;
    }
}
/*new03-5x-2016-01-05 end*/

/*honor-accessories start*/
.honor-accessories-01 {
    margin: 0;
}
.honor-accessories-01-txt{
    width: 35%;
    margin: auto;
}
.honor-accessories-01 .blank-fonts{
    margin-top: 13%;
    position: absolute;

    text-align: center;
    width: 100%;
}
.honor-accessories-02{
    margin: 5% 0;
}
.honor-accessories-02-txt{
    width: 40%;
    margin: auto;
}
.honor-accessories-02 .blank-fonts{
    text-align: center;
    margin: 2% 0;
}
.honor-accessories-03{
    margin: 0;
    text-align: left;
}

.honor-accessories-03-txt{
    width: 40%;
}

.honor-accessories-03 .blank-fonts {
    position: absolute;
    top: 30%;
    left: 10%;
}

.honor-accessories-03 .banner-btnbox{
    text-align: left;
}
.honor-accessories-04{
    margin: 0;
}
.honor-accessories-04 .blank-fonts {
    position:absolute;
    top: 30%;
    left: 10%;
}
.honor-accessories-04 .blank-fonts h3, .honor-accessories-04 .blank-fonts p {
    color: #fff !important;
    text-align: left;
}
.honor-accessories-04 .banner-btnbox{
    text-align: left;
}
.honor-accessories-05{
    margin: 5% 0;
}

.honor-accessories-05-txt{

    width: 50%;



    margin: auto;
}
.honor-accessories-05 .blank-fonts{
    text-align: center;
    margin: 2% 0;
}
.honor-accessories-05 .banner-btnbox{
    margin: 5% 0 0 0;
}

@media only screen and (max-width: 767px) {
    .honor-accessories-02 .blank-fonts h3, .honor-accessories-02 .blank-fonts p {
        text-align: center !important;
    }
    .honor-accessories-03 .blank-fonts {
        position: relative;
        margin-top: 5%;
        left: 0;
    }
    .honor-accessories-04 {
        margin: 0;
        background: #000 !important;
    }
    .honor-accessories-04 .blank-fonts {
        position: relative;
        margin-top: 5%;
        left: 0;
    }
    .honor-accessories-04 .item-c .blank-fonts h3, .honor-accessories-04 .item-c .blank-fonts p {
        color: #fff !important;
    }
    .honor-accessories-01 .item-c .blank-fonts h3, .honor-accessories-01 .item-c .blank-fonts p {
        text-align: center;
    }
    .honor-accessories-03 .item-c .blank-fonts h3, .honor-accessories-03 .item-c .blank-fonts p {
        text-align: center;
    }
    .honor-accessories-05 .item-c .blank-fonts h3, .honor-accessories-05 .item-c .blank-fonts p {
        text-align: center;
    }
    .honor-accessories-03 .banner-btnbox {

        text-align: center;
    }
    .honor-accessories-05 .blank-fonts {
        margin-top: 5%;
    }
    .honor-accessories-01-txt{
        width: 100%;
    }
    .honor-accessories-02-txt{
        width: 100%;
    }
    .honor-accessories-03-txt{
        width: 100%;
    }
    .honor-accessories-04-txt{
        width: 100%;
    }
    .honor-accessories-05-txt{
        width: 100%;
    }

}
/*honor-accessories end*/




/*honor-run start 20160108*/
.honor-run-02{
    background-color: #3db3e7 !important;

}
.honor-run-02 .honor-run-02-txt h3{
    color: #fff !important;
}
.honor-run-02 .honor-run-02-txt p{
    color: #fff !important;
    font-size: 24px;
    text-transform: capitalize;

}
.honor-run-02 .honor-run-02-txt h1{
    font-size: 14em;
    font-family: "bignoodletitlingregular";
}
.honor-run-02 .honor-run-02-txt small{
    color: #fff;
    font-size: 48px;

}
.honor-run-02-txt{
    text-align: center;
    color: #fff;
    width: 80%;
    margin: 5%  auto;

}
.honor-run-03{
    margin: 5% 0 !important;
}
.honor-run-table-01-bg{

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    width:80%;
    height:100px;
    margin:0 auto;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#15A216,endColorStr=#fff); /*IE*/
    background:-moz-linear-gradient(left,#3db3e7,#fff);/*火狐*/
    background:-webkit-gradient(linear, 0% 100%, 100% 0%,from(#3db3e7), to(#fff));/*谷歌*/
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #3db3e7),color-stop(1, #fff));/* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#3db3e7', endColorstr='#fff'); /*IE6 & IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#3db3e7', endColorstr='#fff')"; /* IE8 */
}


.honor-run-03 h3{
    text-align: center;
    padding:0 0 5% 0;
}
.honor-run-table-02-bg{

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    width:80%;
    height:100px;
    margin:0 auto;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#f4f4f4); /*IE*/
    background:-moz-linear-gradient(left,#fff,#f4f4f4);/*火狐*/
    background:-webkit-gradient(linear, 0% 100%, 100% 0%,from(#fff), to(#f4f4f4));/*谷歌*/
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #fff),color-stop(1, #f4f4f4));/* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#fff', endColorstr='#f4f4f4'); /*IE6 & IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#fff', endColorstr='#f4f4f4')"; /* IE8 */
}
.honor-run-table-01-txt{
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 43%;
}
.honor-run-table-01-txt p{
    font-size: 1.5em;
}
.honor-run-04 .bx-pager{
    bottom: 12px !important;
}
.honor-run-05{
    background: #00b2e6 !important;

}
.honor-run-05 .banner-btnbox{
    margin: 2% 0 5% 0;
}
.honor-run-05 h3{
    margin: 5% 0 2% 0;
    color: #fff !important;
    text-align: center !important;
}
@media only screen and (max-width: 767px) {
    .honor-run-05 .product-sliders .item-c h3{
        color: #fff !important;

    }
    .honor-run-01 ul{
        margin: 0;
    }
    .honor-run-02 .honor-run-02-txt{
        width: 100%;
    }
    .honor-run-02 .honor-run-02-txt .col-sm-4 p{
        text-align: center !important;
        color: #fff !important;
        font-size: 18px;
    }
    .honor-run-table-01-txt {
        vertical-align: middle;
        text-align: center;
        position: relative;
        top: 0;
        line-height: 8px;
        padding: 22px;
    }
}
/*honor-run end */


/*honor-club start 20160112 */
.honor-club{
}
.honor-club-us .form1 {
    color: #fff;
    font-size: 3em;
    text-align: center;
    line-height: 1em;
    margin: 3em 0;
}
.honor-club-us p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 1.5em;
}
.honor-club-us .banner-btns-1 {
    width: 100%;
    position: absolute;
    top: 25%;
    text-align: center;
}
.honor-club-us .banner-btns-1 p{
    width: 50%;
    margin: 2% auto;
    color: #fff;
    text-align: center;
    font-size:24px;
}
.honor-club-us .banner-btns-1 h3{
    color: #fff;
    font-size: 4em;
    font-family: "bignoodletitlingregular";
}
.honor-club-02{
    margin: 10% 0 2% 0;
    height: 300px;
}
.honor-club-02 p{
    text-align: center;
}
.honor-club-02 .col-sm-3{
    text-align: center;
    margin: auto;
}
.chk_3 {
    display: none;
}
.chk_3 + label {
    background-color: #fafbfa;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-right: 30px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 58px;
    height: 32px;
}
.chk_3  + label:after {
    content: ' ';
    position: absolute;
    top: 0;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}
.chk_3  + label:before {
    content: ' ';
    position: absolute;
    background: white;
    top: 1px;
    left: 1px;
    z-index: 999999;
    width: 31px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    height: 31px;
    border-radius: 100px;
    box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}
.chk_3:active + label:after {
    box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}
.chk_3:active + label:before {
    width: 37px;
}
.chk_3:checked:active + label:before {
    width: 37px;
    left: 20px;
}
.chk_3  + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.chk_3:checked + label:before {
    content: ' ';
    position: absolute;
    left: 26px;
    border-radius: 100px;
}
.chk_3:checked + label:after {
    content: ' ';
    font-size: 1.5em;
    position: absolute;
    background: #00b1e8;
    box-shadow: 0 0 2px #fff;
}
.honor-club-check-boder{
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 3% 0;
    margin: 3% 0;
}
.bg-color-blue{
    background: #00b1e8;
}
.honor-club-us label {
    margin: 20px 0 0 5px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: left;
}
.honor-club-us .we-video-icon-6 {
    width: 200px;
    height: 45px;
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #0077b0;
    width: 100%;
}
.honor-club-txt-control-label {
    text-align: left;
}
.honor-club-txt-control-label span{
    text-align:left;
}
.honor-club-us .btn-we-block-6 a {
    text-decoration: none;
    cursor: pointer;
    line-height: 24px;
    padding-top: 7px;
    color: #0077b0;
}
.honor-club-us .btn-we-block-6 {
    display: inline-block;
    width: 200px;
    height: 45px;
    background-color: #FFF;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    vertical-align: inherit;
    text-align: center;
    top: 0px;
    color: #0077b0;
}
.honor-club-us .banner-btns-1 {
    text-align: center;
    margin: 4% 0 8% 0;
}
.honor-club-us .bannerfont {
    margin: 4% 0;
    max-width: 100%;
    padding-top: 5%;
}
.honor-club-us .bannerfont h1{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin: 20px;
}
.honor-club-us .banner-btns-1 h3{
    /*font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;*/
}
.honor-club-us .blank-fonts .blue-text{
    font-size: 18px;
    line-height: 175%;
    color: #01b4e1 !important;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-club-us .honor_club-txt-07 {
    text-align: center;
    margin: 4% 0;
    color:#fff;
}
.honor-club-us .show-text {
    font-size: 14px;
    color: #ed1b24;
    padding: 10px 0;
}
.honor-club-us .wrapper-dropdown-3 {
    position: relative;
    padding: 10px;
    background: #fafafa;
    /* border-radius: 7px; */
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: #333;
    text-align: left;
    padding: 20px 10px;
}
.honor-club-us .wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
.honor-club-us .wrapper-dropdown-3 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.honor-club-us .Band_z1_product-txt-control-label .form-control {
    height: 62px;
    background: #fafafa;
    border-radius: 0;
    line-height: 28px;
}
.honor-club-us .wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.honor-club-us .wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}
.honor-club-us .wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
.honor-club-us .wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}
.honor-club-us .wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}
.honor-club-us .wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    background: #fafafa;
}
.honor-club-us .no-opacity       .wrapper-dropdown-3 .dropdown,
.honor-club-us .no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.honor-club-us .no-opacity       .wrapper-dropdown-3.active .dropdown,
.honor-club-us .no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}
.honor-club-us .wrapper-dropdown-4 {
    position: relative;
    padding: 10px;
    background: #fafafa;
    /* border-radius: 7px; */
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: #333;
    text-align: left;
    padding: 20px 10px;
}
.honor-club-us .wrapper-dropdown-4:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
.honor-club-us .wrapper-dropdown-4 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.honor-club-us .honor-club-txt-control-label .form-control {
    height: 62px;
    background: #fafafa;
    border-radius: 0;
    line-height: 28px;
}
.honor_club-txt-07 h1{
    color: #fff;
    font-size: 4em;
    font-family:"bignoodletitlingregular";
    margin-top: 20px;
}
.honor-club-txt-control-label label{
    color: #fff;
    cursor:pointer;
}
.honor-club-us .wrapper-dropdown-4 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.honor-club-us .wrapper-dropdown-4 .dropdown li i {
    float: right;
    color: inherit;
}
.honor-club-us .wrapper-dropdown-4 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
.honor-club-us .wrapper-dropdown-4 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}
/* Hover state */
.honor-club-us .wrapper-dropdown-4 .dropdown li:hover a {
    background: #f3f8f8;
}
/* Active state */
.honor-club-us .wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    background: #fafafa;
}
/* No CSS3 support */
.honor-club-us .no-opacity       .wrapper-dropdown-4 .dropdown,
.honor-club-us .no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.honor-club-us .no-opacity       .wrapper-dropdown-4.active .dropdown,
.honor-club-us .no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}
.honor-club-us .main .wrapper-demo img{
    padding: 0 5px 5px 0;
}
.honor-club-us .color-icon{
    min-height: 0;
    max-width: 140px;
}
@media only screen and (min-width: 1024px) and (max-width: 1423px) {
    .honor-club-us .honor-en .blank-fonts p, .bg-textbox p {
        line-height: 100%;
    }
    .honor-club-us .txt-02 {
        bottom: 2%;
        line-height: 125%;
    }

    .honor-club-us .banner-btns-1 p {
        width: 70%;
        margin: 2% auto;
        color: #fff;
        text-align: center;
        font-size: 18px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .honor-club-us .honor-en .blank-fonts p, .bg-textbox p {
        line-height: 100%;
    }
    .honor-club-us .txt-02 {
        bottom: 2%;
        line-height: 125%;
    }
    .honor-club-us .banner-btns-1 p {
        width: 80%;
        margin: 2% auto;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }
    .honor-club-us .banner-btns-1 h3 {
        font-size: 2em;
    }
}
@media only screen and (max-width: 767px) {
    .honor-club-us .form1 {
        color: #fff;
        font-size: 1.5em;
        text-align: center;
        line-height: 1em;
        margin: 1em 0;
    }

    .honor-club-us .banner-btns-1 p {
        width: 100%;
        margin: 2% auto;
        color: #fff;
        text-align: center;
        font-size: 26px;
    }
    .honor-club-us .txt-02 {
        position: relative;
        bottom: 9%;
        left: 0;
        width: 100%;
    }
    .honor-club-us .btn-we-block-6 {
        margin-top: 10px;
    }
    .honor-club-us .bannerfont h1 {
        line-height: 3em;
        font-size: 24px;
    }
    .honor-band-z1 .bannerfont {
        margin-bottom: 50px;
    }
}
/*honor-club end 20160112 */
/* honor-versary bof 20160113 */
.banner-text{
    position:absolute;
    width:80%;
    top:0;
    height:100%;
    left:50%;
    margin-left:-40%;
}
.banner-text .big-font{
    font-size:8em;
    color:#fff;
    font-family: "bignoodletitlingregular";
}
.font-table{
    display:table;
    height:100%;
}
.vertical-middle{
    display:table-cell;
    vertical-align:middle;
}
.honor-run-05 h3,
.container-txt h2{
    font-family: "bignoodletitlingregular";
}
.container-txt{
    max-width:1200px;
    margin:2% auto 5%;
}
.container-txt .bg-grey{
    background-color:#f9f9f9;
    padding:30px;
}
.contentfont{
    text-align:center;
    margin-bottom:2%;
}

/* Storystream bof */
.stry-hub p {
    color: #999 !important;
}
.container-txt{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
/* Storystream eof */

/* honor-versary eof 20160113 */
/*golden-ticket start 20160113*/
.golden-ticket-01 ul{
    margin: 0;
}
.golden-ticket-02{
    background: #00b2e6 !important;
}
.golden-ticket-02 .blank-fonts .honor-run-02-txt p{
    color: #fff !important;
    text-align: center !important;
}
.golden-ticket-02 h3{
    padding: 5% 0;
}
.golden-ticket-02 h5{
    font-size: 6em;
    font-family: "bignoodletitlingregular";
}
.golden-ticket-02 p{
    font-size: 18px;
    color: #fff !important;
}
.golden-ticket-04,
.golden-ticket-04 h2{
    color: #fff;
}

.golden-ticket-03-txt p{
    font-size: 18px;
}
.golden-ticket-03{
    margin: 0;
}
.golden-ticket-03 .blank-fonts{
    text-align: center;
    padding: 0;
}
.golden-ticket-03-txt{
    margin: 2% 0;
}
.golden-ticket-04 .blank-fonts{
    padding: 0;
}
.banner-btnstyle.blue {
    border-color: #00b2e6;
    color: #00b2e6;
}
.golden-ticket-04{
    background: #00b2e6;
}
.golden-ticket-05{
    margin: 5% 0;
}
@media only screen and (max-width: 767px) {
    .golden-ticket-03 .item-c .golden-ticket-03-txt  h3{
        text-align: center;
        margin: 5% 0 0 0;
    }
    .golden-ticket-03 .item-c .golden-ticket-03-txt p{
        text-align: center;
    }
    .golden-ticket-02 h5 {
        font-size: 3em;
    }
    .golden-ticket-02 .blank-fonts .honor-run-02-txt p {
        font-size: 14px;
    }
    .golden-ticket-04 .item-c .blank-fonts h2{
        text-align: center;
        font-size: 24px;
    }
    .golden-ticket-04 .item-c .blank-fonts p{
        text-align: center;
        font-size: 18px;
    }
}
/*golden-ticket end 20160113*/

/*text-btn-all-bule start*/
.we-video-icon-6 {
    width: auto;
    min-width: 200px;
    height: 45px;
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #0077b0;
    padding-top: 0.1em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.we-video-icon-6-white {
    width: auto;
    min-width: 200px;
    height: 45px;
    background: none;
    border: 2px #fff solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #fff;
    padding-top: 0.1em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
a.we-video-icon-6-white{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
/*text-btn-all-white start*/

@media only screen and (max-width: 767px) {
    .we-video-icon-6 {
        width: 150px;
        height: 35px;
        min-width: 0;
        background: none;
        border: 2px #0077b0 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 35px;
        position: relative;
        text-align: center;
        color: #0077b0;
        padding-top: 0.1em;
    }
    .we-video-icon-6-white {
        width: 150px !important;
        min-width: 0;
        height: 35px !important;
        background: none;
        border: 2px #fff solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 35px;
        position: relative;
        text-align: center;
        color: #fff;
        padding-top: 0.1em;
        display: inline-block;
        margin-bottom: 5px;
    }
    .honor-band-feature .we-video-icon-6 {
        width: 150px;
        height: 35px;
        background: none;
        border: 2px #0077b0 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 35px;
        position: relative;
        display: inline-block;
        text-align: center;
        color: #0077b0;
        vertical-align: middle;
        padding-top: 0.1em;
    }
}


/*honor7 new-20160224 start*/

.honor7-new .honorbox-tag .tag-box .item-tags {
    width: 27%;
}
.honor7-new .product-sliders span{
    line-height: 2em;
}
.honor7-new .tag-box p {
    padding-top: 0;
}
.honor7-new .honor7 .bgblues .tag-box p {
    line-height: 1em;
}
.honor7-new .text-list-menu-new li {
    list-style: none;
}
.honor7-new .item-tags-boder-white {
    border-right: 1px solid #fff; padding: 0 2%
}
.honor7-new .item-tags-boder-black {
    border-right: 1px solid #555; padding: 0 2%
}
.honor7-new .item-tags-boder-none {
    border-right: none; padding: 0 2%
}

.honor7-new-table{
    margin: 10% 0;
}
.honor7-new-table .td-gray{
    background: #F5F5F5;
}
.honor7-new-table .table>tbody>tr>td{
    border-top: none;
}
.honor7-new-table .table td p{
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
}
.honor7-new-table table tr td{
    padding: 3%;
    padding: 30px 20px;
}
.honor7-new-table .td-border{
    width: 45%;
    text-align: left;
    padding-left: 4%;
    border-left: 2px solid #13a5d4;

}
.bg-honor7-banner-new {
    width: 100%;
    padding-top: 5%;
    background: url("/content/dam/honor/global/other/common/img/hono7_banner_bg_new.jpg") no-repeat center top;
}
.banner-btnstyle-glod{
    width: auto;
    min-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    background: none;
    border-radius: 10px;
    border: 2px #8a6d3b solid;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    color: #8a6d3b;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin: 2% 0 0 10% !important;
}
.banner-btnstyle-glod a.jsshop-01{
    color: #8a6d3b;
    text-decoration: none;
}
a.banner-btnstyle-glod:hover,a.banner-btnstyle-glod:visited,a.banner-btnstyle-glod:active,a.banner-btnstyle-glod:focus{
    color: #8a6d3b;
}
.banner-btnstyle-new-white{
    width: auto;
    min-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    background: none;
    border-radius: 10px;
    border: 2px #fff solid;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;

}
.honor4x .topbannerSlider .honor7-btn-center {
    padding-top: 20%;
    text-align: center;
}
a.banner-btnstyle-new-white:hover,a.banner-btnstyle-new-white:visited,a.banner-btnstyle-new-white:focus,a.banner-btnstyle-new-white:active{
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .honor7-new .item-tags-boder-white {
        border-right: none; padding: 0 2%
    }
    .honor7-new .item-tags-boder-black {
        border-right: none; padding: 0 2%
    }
    .honor7-new .item-tags-boder-none {
        border-right: none; padding: 0 2%
    }
    .honor7-new-table .table td p{
        text-align: center;
        font-size: 1em;
        font-weight: 600;
        margin: 0;
    }
    .banner-btnstyle-glod{
        height: 35px !important;
        font-size: 18px;
        line-height: 35px;
        width: 150px !important;
        min-width: 0;
        margin: 2% 0 0 25% !important;
    }
    .banner-btnstyle-new-white{
        height: 35px !important;
        font-size: 18px;
        line-height: 35px;
        width: 150px !important;
        min-width: 0;
    }
}
/*honor7 new-20160224 end*/



/*honor-holly-low start*/
.honor-holly-low p{
    line-height: 175%;
}
.honor-holly-low .bg-honor-holly-low-banner {
    width: 100%;
    padding: 8% 0;
    background: url(/content/dam/honor/global/other/common/img/holly_01_bg.jpg) no-repeat center top;
}
.honor-holly-low .topbannerSlider .bannerfont {
    padding-top: 20%;
    text-align: center;
}
.honor-holly-low .topbannerSlider h2{
    font-family: 'dead_island';
    font-size: 7em;
    text-align: center;
    color: #fff;
    line-height: 2em;
}
.honor-holly-low-videw{
    text-align: center;
    margin: 15% 0;
}
.honor-holly-low .holly-02{
    position: relative;
    margin: 5% 0 0 0;
}
.honor-holly-low .product-sliders span{
    color: #00aeef;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}


.honor-holly-low .holly-02 .tag-box .item-tags{
    margin:2% 1%;
    width: 150px;
    height: 220px;
    overflow: hidden;
    display: inline-block;
}
.honor-holly-low .holly-02 .tag-box .item-tags p{
    color: #00b3e0;
    line-height: 125%;
    font-size: 16px;
}
.honor-holly-low .holly-02 .honlly-img-icon{
    margin-bottom: 30px;
}
.honor-holly-low .holly-02 .bg-textbox {
    padding: 0 10px;
    margin-top: 15%;
    margin-bottom: 0;
}
.honor-holly-low .holly-02 .honlly-icon-title{
    font-size: 16px;
    font-weight: bold;
    color: #00b3e0;
    white-space: nowrap;
}
.honor-holly-low .holly-03{
    position: relative;
    background: #39b4e4;

}
.honor-holly-low .holly-03 h3, .holly-03 p ,.holly-03 span{
    color: #fff6f7 !important;
}
.honor-holly-low .holly-03 .tag-box .item-tags p{
    color: #fff;
    line-height: 125%;
    font-size: 16px;
}
.honor-holly-low .holly-03 .tag-box .item-tags{
    margin:2% 1%;
    width: 150px;
    height: 300px;
    overflow: hidden;
    display: inline-block;
}
.honor-holly-low .holly-03 .honlly-icon-title{
    font-size: 18px;
    color: #fff;
    white-space: normal;
}
.honor-holly-low .holly-03 .honlly-img-icon{
    margin-bottom: 30px;
}
.honor-holly-low .holly-03 ul{
    margin: 0;
}
.honor-holly-low .holly-04{
    background: #f8f4f0;
}
.honor-holly-low .holly-05{
    background: #fcf9f2;
}
.honor-holly-low .holly-06{
    margin: 0;
}
.honor-holly-low .holly-06 ul{
    margin: 0;
}
.honor-holly-low .holly-06 .holly-06-img{
    padding-top: 10%;
}
.honor-holly-low .holly-06 .honlly-icon-title{
    color: #00b2e6;
    font-size: 2em;
}
.honor-holly-low .holly-07{
    background: #f1f1f1;
}
.honor-holly-low .holly-08{
    background: #5abdfa;
}
.honor-holly-low .holly-08 ul{
    margin: 0;
}
.honor-holly-low .holly-08 .honlly-icon-title{
    font-size: 1.5em;
    color: #fff;
    white-space: nowrap;
}
.honor-holly-low .holly-08 .tag-box .item-tags p{
    color: #fff;
    line-height: 125%;
    font-size: 16px;
}
.honor-holly-low .holly-08 h3, .holly-08 p {
    color: #fff6f7 !important;
}
.honlly-img-icon img {
    max-width: 55px;
}
.holly-05 ul{
    margin-bottom: 0;
}
@media (max-width: 1366px) and (min-width: 992px) {
    .honor-holly-low .holly-02 .tag-box .item-tags {
        margin: 1% 2%;
        width: 123px;
        height: 187px;
        overflow: hidden;
        display: inline-block;
    }
    .honor-holly-low .product-sliders span {
        font-size: 18px;
    }
    .honor-holly-low .topbannerSlider h2 {
        font-size: 4em;
    }
    .honor-holly-low .holly-02 {
        margin: 5% 0 0 0;
    }
    .honor-holly-low .holly-02 .honlly-img-icon img {
        max-width: 35px;
    }
    .honor-holly-low .holly-03 .honlly-img-icon img {
        max-width: 35px;
    }
    .honor-holly-low .holly-03 .tag-box .item-tags {
        margin: 1% 2%;
        width: 123px;
        height: 217px;
        overflow: hidden;
        display: inline-block;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .honor-holly-low .product-sliders span {
        font-size: 18px;
    }
    .honor-holly-low .topbannerSlider h2 {
        font-size: 3em;
    }
    .honor-holly-low .holly-02 .honlly-img-icon img {
        max-width: 35px;
    }
    .honor-holly-low .holly-03 .honlly-img-icon img {
        max-width: 35px;
    }
    .holly-03 .bg-mdgrey {
        background-color: #39b4e4;
    }
    .honor-holly-low .holly-05 ul {
        margin: 0;
    }
    .honor-holly-low .holly-06 {
        margin: 0;
    }
    .honor-holly-low .holly-02 {
        position: relative;
        margin: 0;
    }
}
@media only screen and (max-width: 767px) {
    .honor-holly-low .topbannerSlider .bannerfont {
        padding-top: 0;
    }
    .honor-holly-low .holly-02 {
        position: relative;
        margin-top: 5%;
    }
    .honor-holly-low .topbannerSlider h2 {
        font-size: 2em;
        line-height: 1em;
    }
    .honor-holly-low-videw {
        text-align: center;
        margin: 6% 0;
    }
    .honor-holly-low .holly-02 .tag-box .item-tags {
        margin: 0;
        width: 150px;
        height: 210px;
    }
    .honor-holly-low .product-sliders span {
        font-size: 16px;
    }
    .honor-holly-low .holly-02 .tag-box .item-tags p {
        font-size: 14px;
    }
    .honlly-img-icon img {
        max-width: 30px;
    }
    .holly-02 .bg-textbox{
        background: #fff;
        margin: 0;
    }
    .honor-holly-low .holly-06 {
        margin: 0;
    }
    .honor-holly-low .holly-06 ul {
        margin: 0;
    }
    .honor-holly-low .holly-03 .tag-box .item-tags {
        height: 200px;
    }
    .honor-holly-low .tag-box .item-tags p {
        font-size: 14px;
    }
    .honor-holly-low .holly-03 .honlly-icon-title {
        font-size: 16px;
    }
    .honor-holly-low .holly-03 .tag-box .item-tags p {
        font-size: 14px;
    }
    .honor-holly-low .holly-06 .honlly-icon-title {
        color: #00b2e6;
        font-size: 16px;
    }
}
/*honor-holly-low end*/

/*honor-bee start*/
.honor-bee ul{
    margin: 0;
}
.honor-bee-01{
    background: url("/content/dam/honor/global/other/common/img/honor_bee_01_bg.jpg") no-repeat;
}
.honor-bee-01 img{
    padding: 20% 0 10% 0;
    max-width: 382px;
    margin:auto;
}
.honor-bee-01 .bannerfont{
    margin-top: 35%;
}
.honor-bee-01 .bannerfont img{
    padding: 5% 0;
}
.honor-bee-01 .bannerfont h2{
    color: #e4c95d;
    font-size: 4em;
}
.honor-bee-02{
    background: url("/content/dam/honor/global/other/common/img/honor_bee_02_bg.jpg") no-repeat;
}
.honor-bee-02{
    margin-bottom: 10%;
}
.honor-bee-02 img{
    width: 60%;
}

.honor-bee-03{
    background: url("/content/dam/honor/global/other/common/img/honor_bee_03_bg.jpg") no-repeat;
}
.honor-bee-03 img{
    width: 60%;
    padding-top: 20%;
}

.honor-bee-04 img{
    width: 60%;
    padding-top: 20%;
    margin: auto;
}

.honor-bee-04 h3{
    display: inline-block;
    margin-right: 5%;
}
.honor-bee-05{
    background: url("/content/dam/honor/global/other/common/img/honor_bee_05_bg.jpg") no-repeat;
    color: #fff;
}
.honor-bee-05 h3, .honor-bee-05 p{
    color: #fff !important;
}
.honor-bee-07 h3, .honor-bee-07 p{
    color: #fff !important;
}
.honor-bee-05 img{
    max-width: 300px;
    padding: 20% 0 10% 0;
    margin-left: 20%;
    height: auto;
}

.honor-bee-06{
    background: url("/content/dam/honor/global/other/common/img/honor_bee_06_bg.jpg") no-repeat;
}
.honor-bee-06 img{
    max-width: 420px;
    padding: 20% 0 10% 0;
}
.honor-bee .bg-textbox{
    margin-top: 20%;
}
.honor-bee-07{
    background: #00c4f7;
    color: #fff;
}
.honor-bee-07 img{
    max-width: 400px;
    padding: 0 0 30% 0;
}
.honor-bee-07.bg-textbox{
    padding-top: 5%;
}
.honor-bee .bg-textbox span{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    font-size: 18px;
}
.honor-bee h3{
    font-size: 60px;
    margin-bottom: 0;
    line-height: 100%;
}
@media (max-width: 1439px) and (min-width: 767px){
    .honor-bee h3 {
        font-size: 48px !important;
    }
    .honor-bee .bg-textbox p {
        line-height: 125%;
    }

}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .honor-bee .bg-textbox p {
        line-height: 125%;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .honor-bee-03 img {
        width: 60%;
        padding-top: 0;
    }
    .honor-bee-01 img {
        max-width: 300px;
    }
}
@media only screen and (max-width: 767px) {
    .honor-bee-01 img {
        padding: 10% 0 0 0;
        max-width: 200px;
    }
    .honor-bee-01 .bannerfont {
        margin-top: 0;
    }
    .honor-bee-03 img {
        width: 60%;
        padding-top: 0;
    }
    .honor-bee h2{
        margin: 0;
    }
    .honor-bee img{
        margin: auto;
        display: block;
    }
    .honor-bee h3 {
        font-size: 48px !important;
    }
    .honor-bee-05 img {
        max-width: 200px;
    }
    .honor-bee-06 img {
        max-width: 220px;
        padding: 0 0 10% 0;
    }
    .honor-bee-04 img {
        padding-top: 0;
    }
    .honor-bee-02 .bg-textbox{
        margin-bottom: 0;
    }
    .honor-bee-05 .bg-textbox{
        margin: 0;
    }
    .honor-bee-07 img {
        max-width: 220px;
        padding: 0;
    }
    .honor-bee-01 .bannerfont h2 {
        color: #f0e6bc;
        font-size: 3em;
    }
}
/*honor-bee end*/
/*easter start 20160315*/
.we-easter .we-easter-01{
    padding: 10% 0 0 0 !important;
    background: #00b7e1;

}
.we-easter .we-easter-01 p, .we-easter .we-easter-01 h3{
    color: #fff !important;
    font-family: "bignoodletitlingregular";
}
.we-easter .we-easter-01 p{
    font-size: 2em;
}
.we-easter-01 .we-easter-01-txt{
    margin-top: 10%;
}
.we-easter-01-txt span{
    line-height: 2em;
}
.we-easter-02-img {
    text-align: center;
}
.we-easter-02-img img{
    margin: auto;
    text-align: center;
}
.we-easter-02{
    margin: 2% auto;
}
.we-easter-02-icon{
    margin: 5% auto;
}
.we-easter-02-icon img{
    max-width: 150px;
    margin-bottom: 20px;
}
.we-easter-03{
    margin: 2% auto;
}
.we-easter-03-txt{
    margin-top: 15%;
}
.we-easter-03-txt h3{

    margin: 5% 0;
}
.we-easter-04{
    background: #e2e2e2;
}
.we-easter-04 ul{
    margin: 0;
}
.we-easter-04 .blank-fonts{
    position: absolute;
    top: 20%;
    left: 10%;
}
.we-easter-04-txt h3{
    width: 50%;
    margin: 5% 0;
}
.easter-video{
    text-align: center;
    margin: auto;
}
.we-easter .we-easter-form-bg .Band_z1_product-txt-control-label label{
    color: #fff;

}
.we-easter .we-easter-form-bg{
    background: #24c6f7;
    color: #fff;
}
.we-easter .Band_z1_product-txt-control-label .form-control {
    background: #fff;
}
.we-easter-04-img{
    position: relative;
}
.we-easter-01 .sxsw-section4{
    background: none;
}
@media (max-width: 1439px) and (min-width: 1024px){
    .we-easter .we-easter-01 h3 {
        font-size: 3em !important;
    }
    .we-easter .we-easter-01 p {
        font-family: "bignoodletitlingregular" !important;
    }

    .we-easter .we-easter-02 .blank-fonts h3{
        font-size: 3em !important;
    }
}
@media only screen and (max-width: 767px) {
    .we-easter .form1, .honor-club .form1 {
        font-size: 24px;
        text-align: center;
        line-height: 1em;
        margin: 4em 0;
    }
    .we-easter .we-easter-01 .we-easter-01-txt p{
        font-size: 16px;
        color: #fff !important;
        text-align: center !important;
    }

    .we-easter .product-sliders img {
        min-height: 0!important;
    }
    .we-easter .we-easter-01 {
        padding: 3% 0 !important;
    }
    .we-easter .we-easter-01 span {
        font-size: 24px;
    }
    .we-easter-03-txt img{
        max-width: 120px;
    }
    .we-easter-04 .blank-fonts {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5%;
    }
    .we-easter-04-txt img{
        max-width: 120px;
        margin-top: 5%;
    }
    .we-easter-03-txt {
        margin-top: 0;
        margin-bottom: 5%;
    }
    .we-easter .blank-fonts .we-easter-01-txt h3 {
        font-size: 24px;
        color: #fff !important;
        text-align: center;
    }
    .we-easter-01 .we-easter-01-txt {
        margin-top: 0;
        text-align: center;
    }
    .we-easter-02-icon p{
        font-size: 14px;
    }
    .we-easter .we-easter-02 .blank-fonts p,.we-easter .we-easter-02 .blank-fonts h3{
        text-align: center;
    }
    .we-easter .we-easter-04{
        background: #ccc;
    }
    .btn-video{
        width:40px;
        height:40px;
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-20px;
        margin-left:-20px;
     /*   background: url(/global/wp-content/themes/honor/images/sxsw/video_blue_mb.png) no-repeat 0 0;*/
        background-size:100%;
    }
}
/*easter end 20160315*/
/*

 niefang
 2016-03-14

*/

/* sxwx bof */
.sxsw-section4 .video-js {
    width: 1140px\9 !important;
    height: 640.68px\9 !important;
}
.sxsw-box{
    padding:0;
    line-height:1.4;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.sxsw-banner{
    position:relative;
    overflow:hidden;
    min-height:780px;
}
.sxsw-banner .bg{
    width:1920px;
    height:auto;
    position:absolute;
    min-height:780px;
    left:50%;
    top:0;
    margin-left:-960px;
    z-index:1;
    background:url(/content/dam/honor/global/other/common/img/sxsw_banner.jpg) no-repeat center 0;
    animation: bgone linear 5s;
    -o-animation: bgone linear 5s;
    -ms-animation: bgone linear 5s;
    -moz-animation: bgone linear 5s;
    -webkit-animation: bgone linear 5s;
}
.sxsw-banner .bg{
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.sxsw-tbox{
    padding-top:70px;
    position:relative;
    overflow:hidden;
    z-index:10;
    text-align:center;
}
.sxsw-tbox>img{
    margin-top:10px;
    max-width:100%;
}
.btn-watct{
    margin-top:20px;
    color:#fff;
    height:48px;
    line-height:48px;
    padding:0 10px;
    display:inline-block;
    background:url(/content/dam/honor/global/other/common/img/btn_bg.png) 0 0 repeat;
}
.btn-watct:hover{
    color:#fff;
}
.sxsw-banner .t1{
    animation: imgt1 1s ease-out;
    -o-animation: imgt1 1s ease-out;
    -ms-animation: imgt1 1s ease-out;
    -moz-animation: imgt1 1s ease-out;
    -webkit-animation: imgt1 1s ease-out;
}
.sxsw-banner .t2{
    animation: imgt2 2s ease-out;
    -o-animation: imgt2 2s ease-out;
    -ms-animation: imgt2 2s ease-out;
    -moz-animation: imgt2 2s ease-out;
    -webkit-animation: imgt2 2s ease-out;
}
.sxsw-banner .t3{
    animation: imgt3 2s cubic-bezier(0,0,1,1);
    -o-animation: imgt3 2s cubic-bezier(0,0,1,1);
    -ms-animation: imgt3 2s cubic-bezier(0,0,1,1);
    -moz-animation: imgt3 2s cubic-bezier(0,0,1,1);
    -webkit-animation: imgt3 2s cubic-bezier(0,0,1,1);
}
/* animation bof */
/* bgone // */
@keyframes bgone{
    from{
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
}
@-o-keyframes bgone{
    from{
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
}
@-ms-keyframes bgone{
    from{
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
}
@-moz-keyframes bgone{
    from{
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
}
@-webkit-keyframes bgone{
    from{
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to{
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
}

/* bgone \\ */

/* t1 t2 t3// */
@keyframes imgt1{
    0%{
        transform:scale(0,0);
        opacity:0;
    }
    60%{
        transform:scale(1,1);
    }
    80%{
        transform:scale(1.05,1.05);
    }
    100%{
        transform:scale(1,1);
        opacity:1;
    }
}
@-o-keyframes imgt1{
    0%{
        transform:scale(0,0);
        opacity:0;
    }
    60%{
        transform:scale(1,1);
    }
    80%{
        transform:scale(1.05,1.05);
    }
    100%{
        transform:scale(1,1);
        opacity:1;
    }
}
@-ms-keyframes imgt1{
    0%{
        transform:scale(0,0);
        opacity:0;
    }
    60%{
        transform:scale(1,1);
    }
    80%{
        transform:scale(1.05,1.05);
    }
    100%{
        transform:scale(1,1);
        opacity:1;
    }
}
@-moz-keyframes imgt1{
    0%{
        transform:scale(0,0);
        opacity:0;
    }
    60%{
        transform:scale(1,1);
    }
    80%{
        transform:scale(1.05,1.05);
    }
    100%{
        transform:scale(1,1);
        opacity:1;
    }
}
@-webkit-keyframes imgt1{
    0%{
        transform:scale(0,0);
        opacity:0;
    }
    60%{
        transform:scale(1,1);
    }
    80%{
        transform:scale(1.05,1.05);
    }
    100%{
        transform:scale(1,1);
        opacity:1;
    }
}

/* t2 bof */
@keyframes imgt2{
    from{
        opacity:0;
        transform:translateY(-500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-o-keyframes imgt2{
    from{
        opacity:0;
        transform:translateY(-500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-ms-keyframes imgt2{
    from{
        opacity:0;
        transform:translateY(-500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-moz-keyframes imgt2{
    from{
        opacity:0;
        transform:translateY(-500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-webkit-keyframes imgt2{
    from{
        opacity:0;
        transform:translateY(-500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
/* t2 eof */

/* t3 bof */
@keyframes imgt3{
    from{
        opacity:0;
        transform:translateY(500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-o-keyframes imgt3{
    from{
        opacity:0;
        transform:translateY(500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-ms-keyframes imgt3{
    from{
        opacity:0;
        transform:translateY(500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-moz-keyframes imgt3{
    from{
        opacity:0;
        transform:translateY(500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
@-webkit-keyframes imgt3{
    from{
        opacity:0;
        transform:translateY(500%) scale(0,0);
    }
    to{
        transform:translateY(0) scale(1,1);
        opacity:1;
    }
}
/* t3 eof */

/* animation eof */

/* sxsw-section1 bof */
.sxsw-section1{
    width:100%;
    padding-top:5%;
    padding-bottom:5%;
    min-height:400px;
    position:relative;
    overflow:hidden;
    background:url(/content/dam/honor/global/other/common/img/sxsw_p1.jpg) center 0 fixed;
}
.sxsw-section1 h2,
.sxsw-section2 h2,
.sxsw-section2 h3{
    margin-bottom:20px;
}
.sxsw-section1 p{
    margin-bottom:20px;
}
/* sxsw-section1 eof */
/* sxsw-section2 bof */
.sxsw-section2{
    width:100%;
    min-height:400px;
    position:relative;
    overflow:hidden;
    background-color:#eeeef0;
}
.bluefonts{
    color:#00afd9;
}

.section2-text{
    padding-top:80px;
}
.bigred{
    color:#f04e5b;
    font-weight:bold;
}
.section2-text ul li{
    list-style:disc;
    margin-bottom:20px;
    line-height:1.4;
}
/* sxsw-section2 eof */

/* sxsw-section3 eof  */
.sxsw-section3{
    width:100%;
    position:relative;
    overflow:hidden;
    background:url(/content/dam/honor/global/other/common/img/sxsw_p1.jpg) center 0 fixed;
}
.section3-text h2{
    text-align:center;
}
.section3-text{
    padding-top:5%;
    padding-bottom:5%;
}
.sxsw-section3 .bx-wrapper .bx-controls {
    width:60%;
    left:50%;
    margin-left:-30%;
    z-index: 51;
    position: absolute;
    display: block;
    bottom: 3%;
    text-align:center;
}
.sxsw-section3 .swiper-pagination{
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
}
.sxsw-section3 .swiper-pagination-bullet,
.sxsw-section3 .swiper-pagination-switch{
    display: inline-block;
    width: 8px;
    margin:0 3px;
    height: 8px;
    opacity:1;
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -252px 0;
    text-indent: -9999px;
}
.sxsw-section3 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sxsw-section3 .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -244px 0;
}
.section3-text h2{
    margin-bottom:20px;
}
/* sxsw-section3 eof  */

/* sxsw-section4 bof */
.sxsw-section4{
    padding-top:5%;
    padding-bottom:40px;
    width:100%;
    position:relative;
    overflow:hidden;
    background:url(/content/dam/honor/global/other/common/img/sxsw_p5.jpg) center 0;
}
.sxsw-section4 #bx-pager img{
    padding:5px;
}
.sxsw-section4 #bx-pager a{
    float: left;
    width: 25%;
}
#bx-pager{
    overflow:hidden;
    height:180px;
}

.sxsw-section4 .bx-controls{
    position:relative;
    top:0;
    left:0;
    right:0;
}
.sxsw-section4 .bx-controls .bx-prev{
    z-index: 21;
    width: 33px;
    height: 64px;
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -10px 0;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -620px;
    top: 40%;
    text-indent: -9999px;
}
.sxsw-section4 .bx-controls .bx-next{
    z-index: 21;
    width: 33px;
    height: 64px;
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -63px 0;
    position: absolute;
    display: block;
    right: 50%;
    margin-right: -620px;
    top: 40%;
    text-indent: -9999px;
}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 540px;
    width: 100%;
}
.gallery-thumbs {
    height: 180px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs .swiper-wrapper{
    transform: none;
}
.sxsw-section4 .video-content{
    width:100%;
    margin:0 auto;
}
.vjs-poster{
    background-size:100%;
}
.sxsw-section4 .vjs-default-skin .vjs-big-play-button,
.sxsw-section4 .vjs-paused .vjs-big-play-button {
    font-size: 3em;
    display: block;
    z-index: 2;
    cursor: pointer;
    opacity: .8;
    background-color: transparent;
    border: none;
    border-radius:0;
    box-shadow: none;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(/content/dam/honor/global/other/common/img/video_blue.png) center center no-repeat;
}
.sxsw-section4 .video-content:hover .vjs-default-skin .vjs-big-play-button,
.sxsw-section4 .video-content:hover .vjs-paused .vjs-big-play-button {
    opacity: 1;
}

.sxsw-section4 .vjs-has-started .vjs-big-play-button{
    display:none;
}
.sxsw-section4 .vjs-paused .vjs-big-play-button {
    display:block;}
.sxsw-section4 .vjs-default-skin .vjs-big-play-button:before {
    content:normal;
    text-shadow: none;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.sxsw-section4 .video-js{
    margin:0 auto;
    overflow:hidden;
}
.sxsw-section4 .swiper-button-next.swiper-button-white,
.sxsw-section4 .swiper-container-rtl .swiper-button-prev.swiper-button-white,
.sxsw-section4 .arrow-right {
    z-index: 21;
    width: 33px;
    height: 64px;
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -63px 0;
    position: absolute;
    display: block;
    right: 50%;
    margin-right: -620px;
    top: 50%;
    margin-top: -32px;
    text-indent: -9999px;
}
.sxsw-section4 .swiper-button-prev,
.sxsw-section4 .swiper-container-rtl .swiper-button-next,
.sxsw-section4 .arrow-left{
    z-index: 21;
    width: 33px;
    height: 64px;
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -10px 0;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -620px;
    top: 50%;
    margin-top: -32px;
    text-indent: -9999px;
}
.btn-video{
    width:40px;
    height:40px;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    margin-top:-15px\9;
    margin-left:-15px\9;
    background: url(/content/dam/honor/global/other/common/img/video_blue.png) no-repeat 0 0;
    background: url(/content/dam/honor/global/other/common/img/video_blue_mb.png) no-repeat 0 0;
    background-size:100%;
}
.box-small{
    position:relative;
    padding:5px;
    overflow:hidden;
}
.boxsmallimg{
    position:relative;
}

.sxsw-section4 .vjs-big-play-button,
.sxsw-section4 .vjs-has-started .vjs-big-play-button,
.sxsw-section4 .vjs-default-skin .vjs-big-play-button,
.sxsw-section4 .vjs-paused .vjs-big-play-button{
    display: none !important;
}
/* sxsw-section4 eof */
/* sxwx eof */

.honor5x-logo-vector a img{
    display: inline-block;
}
.honor5x-logo-vector a{
    padding: 0 35px;
}
/*assets start*/
.assets-01 ul{
    margin: 0;
}
.assets .assets-02{
    background:#00ccff !important;
    padding: 5% 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.assets .assets-02 .blank-fonts p{
    color: #fff !important;
    text-align: center;
}
.assets-02 .blank-fonts{
    padding-top: 50px;
}
.assets .assets-02 .blank-fonts h3{
    color: #fff !important;
    text-align: center;
    margin: 5% 0 2% 0;
}
.assets-02-span span{
    font-size: 2em;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    padding-right: 10px;
}
.assets-02-span .col-sm-4{
    text-align: center;
}
.assets-02-span img{
    display: inline-block;
    max-width: 200px;
}
.assets-02-span p{
    padding-top: 20px;
}
.assets .assets-03 .assets-03-down{
    text-align: center;
    background: #fafafa;
    padding: 3% 0;
}
.assets .assets-03 .assets-03-down a{
    color: #666;
    font-size: 16px;
}
.assets .assets-03 .assets-03-down h3, .assets .assets-03 .assets-03-down p{
    text-align: center;
}
.assets-02-span {
    margin-bottom: 5%;
}
.assets-03{
    position: relative;
}
.assets_go{
    background: #ff0054;
    text-align: center;
    padding: 4% 0 2% 0;
    position: relative;
}
.assets-log{
    margin: 5% auto 7% auto;
    text-align: center;
    max-width: 1380px;
}
.assets-log h3{
    font-family: "bignoodletitlingregular";
    margin-bottom: 10px;
    color:#fff;
    font-size: 48px;
}
.assets-log-p p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.assets-02-frist-p{
    font-size: 20px;
}
.assets_go span{
    font-size: 6em;
    color: #fff;
    vertical-align: middle;
    position: relative;
    padding-top: 0.2em;
}
.assets-log-go-vmall {
    border-bottom: 1px solid #00b5e2;
}
.assets-log-go-vmall a{
    text-align: center;
    display: inline-block;
}
.assets-log-go-vmall p{
    font-size: 14px;
}
.assets-log-go{
    background: #fff;

}
.assets-log-go-img{
    text-align: center;
}
.assets-log-go-img a{
    display: inline-block;
    border-right: 1px solid #ccc;
    padding-left: 2px;
    max-width: 90px;
    margin: 10px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .assets_go span {
        font-size: 4em;
    }
    .assets-log-go-img a img{
        max-width: 80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .assets_go span {
        font-size: 3em;
    }

}
@media only screen and (max-width: 767px) {
    .section3-text{
        padding-top:10%;
        padding-bottom:5%;
    }
    .assets-02-span img{
        display: inline-block;
        max-width: 150px;
        min-height: 0 !important;
    }
    .assets-02-frist-p {
        font-size: 18px;
    }
    .assets-log-p p {
        font-size: 18px;
    }
    .assets .assets-02 .assets-log h3{
        text-align: center;
        margin: 2% 0;
    }
    .assets-log h3{

        font-size: 24px;
    }
    .assets .assets-02 .assets-log-go-vmall p {
        font-size: 14px;
        text-align: center;
    }
    .assets .assets-02 .item-c .assets-log-p p{
        color: #fff !important;
        text-align: center;
    }
    .assets_go span {
        font-size: 1.5em;
    }
    .assets-02 .assets-log-go-img img{
        min-height: 0 !important;
    }
    .assets-02 .assets-log-go-vmall img{
        min-height: 0 !important;
    }
    .assets-log-go-img a {
        border-right: none;
    }
}
/*assets end*/

/*india-landing-page start*/
.india-landing-page{

}
.landing-page-02{
    background: #00b5e2;
    padding-bottom: 5%;
}

.landing-page-logo{
    position: absolute;
    top: 70px;
    left: 5%;
}
.landing-page-01-visit-home{
    position: absolute;
    top: 70px;
    right: 2%;
    display: block;
    width: 100%;
}
.landing-page-01-visit-home a{
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 2%;
    top: 2%;
}
.landing-page-02-icon img{
    margin: auto;
    vertical-align: middle;
}
.india-landing-index {
    display: inline-block;
    text-align: center;
    margin: auto;
    width: 100%;
}
.india-landing-index a{
    text-align: center;
    margin: auto;
    display: inline-block;

}
.landing-page-02-icon{
    margin-top: 50%;
    vertical-align: middle;
}
.landing-page-foot{
    background: #1d90c6;
    width: 100%;
    height: 100px;
    text-align: center;
}
.landing-page-foot span{
    color: #d8d9dd;
    font-size: 16px;
    top: 50%;
    position: relative;
}
.landing-page-foot .landing-page-foot-img{
    position: relative;
    top: 35%;
}
@media only screen and (max-width: 767px) {
    .landing-page-01-visit-home {
        top: 10px;
        right: 2%;
    }
    .landing-page-logo {
        position: absolute;
        top: 10px;
        left: 2%;
    }
    .landing-page-01-visit-home a {
        color: #fff;
        font-size: 14px;
        position: absolute;
        right: 2%;
        top: 10px;
    }
    .landing-page-logo img{
        max-width: 120px;
    }
    .landing-page-02-icon {
        display: none;
    }
    .landing-page-foot {
        background: #1d90c6;
        width: 100%;
        height: 50px;
        text-align: center;
    }
    .landing-page-foot span {
        color: #d8d9dd;
        font-size: 12px;
        top: 15%;
        position: relative;
    }
}
/*india-landing-page end*/

/* 408 bof */
#main{
    position:relative;
}
.carnival-banner{
    height:650px;
    background:url(/content/dam/honor/global/other/common/img/banner_bg.jpg) no-repeat center bottom;
}

.map-section{
    height:717px;
    position:relative;
    background:url(/content/dam/honor/global/other/common/img/map_bg.jpg) no-repeat center center;
}
.map-line{
    max-width:1100px;
    margin-left:auto;
    margin-right:auto;
    height:717px;
    position:relative;
}
.map-linebg{
    width:1100px;
    height:717px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-550px;
    z-index:2
}
.map-linebg.active{
    background:url(/content/dam/honor/global/other/common/img/map_line.png) no-repeat center center;
    animation: runline 1s linear infinite;
    -o-animation: runline 1s linear infinite;
    -ms-animation: runline 1s linear infinite;
    -moz-animation: runline 1s linear infinite;
    -webkit-animation: runline 1s linear infinite;
}
@keyframes runline{
    0%{
        transform:scale(0.99);
    }
    25%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.99);
    }
    75%{
        transform:scale(1);
    }
    100%{
        transform:scale(0.99);
    }
}
@-o-keyframes runline{
    0%{
        -o-transform:scale(0.98);
    }
    25%{
        -o-transform:scale(1);
    }
    50%{
        -o-transform:scale(0.98);
    }
    75%{
        -o-transform:scale(1);
    }
    100%{
        -o-transform:scale(0.98);
    }
}
@-ms-keyframes runline{
    0%{
        -ms-transform:scale(0.98);
    }
    25%{
        -ms-transform:scale(1);
    }
    50%{
        -ms-transform:scale(0.98);
    }
    75%{
        -ms-transform:scale(1);
    }
    100%{
        -ms-transform:scale(0.98);
    }
}
@-moz-keyframes runline{
    0%{
        -moz-transform:scale(0.98);
    }
    25%{
        -moz-transform:scale(1);
    }
    50%{
        -moz-transform:scale(0.98);
    }
    75%{
        -moz-transform:scale(1);
    }
    100%{
        -moz-transform:scale(0.98);
    }
}
@-webkit-keyframes runline{
    0%{
        -webkit-transform:scale(0.98);
    }
    25%{
        -webkit-transform:scale(1);
    }
    50%{
        -webkit-transform:scale(0.98);
    }
    75%{
        -webkit-transform:scale(1);
    }
    100%{
        -webkit-transform:scale(0.98);
    }
}
.map-item{
    position:absolute;
    display:none;
    z-index:33;
}
.map-item-txt{
    position:relative;
    color:#fff;
}
.map-item-txt p{
    margin-bottom:0;
    text-align:center;
    color:#fdd000;
    font-weight:bold;
    line-height:1.1;
}
/* all map 17 bof */
.map-a{
    top:41%;
    right:21px;
}
.map-b{
    right:69px;
    top:68%;
}
.map-c{
    right: 13%;
    top: 59%;
}
.map-d{
    right: 29%;
    top: 47%;
}
.map-e{
    right: 38%;
    top: 57%;
}
.map-f{
    left:46%;
    top: 50%;
}
.map-g{
    right:35%;
    top: 47%;
}
.map-h{
    right:40%;
    top: 44%;
}
.map-i{
    left:50%;
    top: 34%;
}
.map-j{
    left:42%;
    top: 53%;
}
.map-k{
    left:37%;
    top: 39%;
}
.map-l{
    left:47%;
    top: 38%;
}
.map-m{
    left:45%;
    top: 42%;
}
.map-n{
    left:34%;
    top: 31%;
}
.map-o{
    left:13%;
    top: 35%;
}
.map-p{
    left:44%;
    top: 17%;
}
.map-q{
    right:24%;
    top: 16%;
}
/* all map 17 eof */
.point-icon{
    width:13px;
    height:13px;
    position:absolute;
    background:url(/content/dam/honor/global/other/common/img/map_point.png) no-repeat center center;
}
.map-a .point-icon,
.map-b .point-icon,
.map-c .point-icon,
.map-d .point-icon{
    left:0;
    bottom:14px;
}
.map-d .point-icon{
    bottom:13px;
}
.map-e .point-icon{
    bottom:26px;
    right:-2px;
}
.map-f .point-icon{
    bottom:30px;
    right:-3px;
}
.map-g .point-icon{
    left:-2px;
    bottom:3px;
}
.map-i .point-icon{
    left:-2px;
    bottom:13px;
}
.map-j .point-icon,
.map-l .point-icon,
.map-p .point-icon{
    position:static;
    margin-left:auto;
    margin-right:auto;
    margin-top: -2px;
}
.map-m .point-icon{
    position:static;
    margin-top: -2px;
}
.map-k .point-icon{
    right:0;
    bottom:33px;
}
.map-n .point-icon {
    right: 0;
    bottom: 39px;
}
.map-o .point-icon{
    left:7px;
    bottom:13px;
}
.map-q .point-icon{
    left:-1px;
    bottom:15px;
}
.map-p .point-icon{
    margin-top:0;
}
.map-k p{
    position: absolute;
    left: 0;
    bottom: 11%;
}
.map-pic{
    margin-left:20px;
}
.map-e .map-pic,
.map-f .map-pic{
    margin-left:0;
    margin-right:20px;
}
.map-j .map-pic,
.map-l .map-pic,
.map-m .map-pic,
.map-p .map-pic{
    margin-left:0;
}
.map-k .map-pic{
    margin-left:40px;
}
/* select bof */
.card-box{
    position: absolute;
    width:60%;
    bottom:40px;
    left:50%;
    margin-left:-30%;
}
.card-drop {
    max-width: 280px;
    position: relative;
    margin: 0 auto;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    z-index: 99;
}
.card-drop a {
    display: block;
    width: 100%;
    line-height: 100%;
    padding: 10px 0 10px 20px;
    height: 40px;
    text-decoration: none;
    color: #fff;
    background-color: #01b4e1;
    border-bottom: 1px solid #23527c;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.card-drop a i {
    display: inline-block;
    width: 20px;
}
.card-drop > a.togglecard {
    position: relative;
    z-index: 300;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -moz-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    background-color: #01b4e1;
    text-align:left;
}
.card-drop > a.togglecard:active {
    -moz-transform: rotateX(60deg);
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg);
}
.card-drop > a.togglecard.active:before {
    content: "\f0d8";
}
.card-drop > a.togglecard:before {
    font-family: 'FontAwesome';
    content: '\f0d7';
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
    height: 39px;
    line-height: 40px;
    width: 60px;
    text-align: center;
    display: block;
    border-left: 1px solid #0d79ac;
}
.card-drop ul {
    position: absolute;
    height: 100%;
    top: 0;
    display: block;
    width: 100%;
}
.card-drop ul li {
    margin: 0 auto;
    -moz-transition: all, 0.3s ease-out;
    -o-transition: all, 0.3s ease-out;
    -webkit-transition: all, 0.3s ease-out;
    transition: all, 0.3s ease-out;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
}
.card-drop ul li a:hover {
    background-color: #0d79ac;
    color: #fff;
}
.card-drop ul li.active a {
    color: #fff;
    background-color: #0d79ac;
    cursor: default;
}
span.label-active{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display: inline-block;
    max-width: 120px;
    font-size: 14px;
    line-height: 1.4;
}
#contact-box{
    margin-top:20px;
}
.card-drop ul li.closed a:hover {
    cursor: default;
    background-color: #5f8181;
}
.card-drop>a{
    border: 1px solid #23527c;
}
.card-drop ul{
    margin-top:20px;
    text-align: left;
}
.card-drop ul a{
    padding: 5px;
    height:20px;
    font-size:12px;
}
.card-drop ul li a{
    background:#f9f9f9;
    border:none;
    color:#000;
}
.contact-show-text{
    color:#fff;
    text-align:center;
}
.contact-show-text{
    display:none;
    margin-bottom:10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.contact-show-text.active{
    display:block;
}
.contact-show-text p {
    margin-bottom: 5px;
    font-size: 16px;
}
.contact-show-text h2 {
    font-family: "bignoodletitlingregular";
    margin-bottom: 10px;
}
/* select eof */

/* end bof*/
.carnival-sectionend{
    height:723px;
    padding-top:3%;
    background:url(/content/dam/honor/global/other/common/img/baskitball_bg.jpg) no-repeat center center;
}
.carnival-sectionend a{
    display:block;
}

.carnival-banner img,
.map-section>img{
    display:none;
}
.pcpic{
    display:block;
}
.mobilepic{
    display:none;
}
/* end eof */
@media (max-width:1100px){

    /* 408 bof */
    .carnival-banner,
    .map-section{
        height:auto;
        width:100%;
        background:none;
        background-color:#f9f9f9;

    }
    .map-line{
        display:none;
    }
    .pcpic{
        display:none;
    }
    .mobilepic{
        display:block;
    }
    .carnival-banner img,
    .map-section>img{
        display:block;
    }
    .card-box{
        position:relative;
        bottom: 0;
        width: 100%;
        margin-left: 0;
        left: 0;
        margin-top: -40px;
    }
    .carnival-sectionend{
        height:auto;
        padding:5%;
    }
    .card-drop{
        max-width:240px;
    }
    /* 408 eof */
}
/* 408 eof */


/*honor7-enhanced start*/
.bg-honor7-banner-new .banner-btnstyle-glod{
    margin: auto !important;
}
.bg-honor7-banner-new {
    width: 100%;
    background: url("/content/dam/honor/global/other/common/img/hono7_banner_bg_new.jpg") no-repeat center top;
}
.honor7-enhanced p{
    font-size: 18px;
    line-height: 175%;
}
.honor7-enhanced-banner{
    background: #e0e0e0;
    padding: 5% 0;
}
.honor7-enhanced .table1-span{
    color: #c0a16b;
}
.honor7-enhanced label{
    font-size: 16px;
    font-weight: normal !important;
}
.honor7-enhanced .bgbox-s8{
    margin-top: 5%;
}
.honor7-enhanced-icon{
    margin: 2% 0;
}
.honor7-enhanced-icon>div{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5%;
    font-family: "Open Sans", "Century Gothic";
}
.honor7-btn-en{
    margin-top: 5%;
}
@media only screen and (min-width: 768px) and (max-width: 1365px) {
    .honor7-enhanced-icon img{
        max-width: 80px;
    }
    .honor7-enhanced p{
        font-size: 16px;
        line-height: 140%;
    }
    .bg-honor7-banner-new {
        padding: 10% 0;
    }
}
@media only screen and (max-width: 767px) {
    .honor7-enhanced p{
        font-size: 16px;
        line-height: 140%;
    }
    .honor7-enhanced-icon img{
        max-width: 80px;
    }
    .honor7-enhanced-icon>div {
        font-size: 12px;
    }
    .honor7-enhanced .bannerfont{
        margin-bottom:0;
    }
}
/*honor7-enhanced end*/

/*eventpage-copies-5x start*/
.eventpage-copies-5x{
    margin-top: 0;
}
.eventpage-copies-5x .eventpage-copies-5x-02 h3{
    padding: 0;
}
.eventpage-copies-5x-02-row{
    margin-top: 5%;
}
.eventpage-copies-5x .eventpage-copies-5x-02{
    background: #3eb3e8 !important;
}
.eventpage-copies-5x .eventpage-copies-5x-02 .eventpage-copies-5x-02-row h5{
    font-size: 10em;
    padding-top: 0.2em;
}
.eventpage-copies-5x .golden-ticket-04{
    background: #fff;
}
.eventpage-copies-5x .golden-ticket-04 .golden-ticket-03-txt{
    text-align: center;
    margin: 5%;
}
.eventpage-copies-5x .golden-ticket-01 .blank-fonts h3{
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
    color: #fff !important;
    font-size: 5em;
}
.eventpage-copies-5x .honor-run-05 h3 {
    font-family: "bignoodletitlingregular";
    font-size: 4em;
}
.eventpage-copies-5x .honor-run-05 {
    background: #3eb3e8 !important;
}
@media only screen and (max-width: 767px) {
    .eventpage-copies-5x .golden-ticket-04 .golden-ticket-03-txt h3{
        text-align: center;
        font-size: 3em;
    }
    .eventpage-copies-5x-02 .honor-run-02-txt h3{
        font-size: 3em !important;
    }
    .eventpage-copies-5x-03-mb{
        background: #3eb3e8 !important;
    }
    .eventpage-copies-5x .golden-ticket-01 .blank-fonts h3{
        position: absolute;
        text-align: center;
        top: 45%;
        color: #fff !important;
        font-size: 4em;
        left: 0;
    }
    .eventpage-copies-5x .product-sliders img {
        min-height: 0 !important;
    }
}
/*eventpage-copies-5x end*/
/* eventpage-xletix bof */
/* 2016-05-05 // */
.bggrey.honor6{
    padding:5% 10px;
}
.bggrey.honor6 img{
    margin-bottom:10px;
}
.bggrey.honor6 h3{
    margin-bottom:10px;
}
/* 2016-05-05 \\ */
/* eventpage-xletix eof */







/*honor-hff start*/
.honor-hff .honor-en,.honor-hff .txt{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-hff .honor-en{
    margin-top: 0;
}
.honor-hff .honor-hff-01{
    text-align: center;
    background: #fafafa;
}
.honor-hff .honor-hff-01-log{
    margin: 8% 0;
}
.honor-hff .honor-hff-01-log img{
    margin: auto;
}
.honor-hff .honor-hff-04{
    background-image: url("/content/dam/honor/global/other/common/img/hff_010.jpg");
    background-position: center;
    background-size: 100% 100%;
    height: 800px;
}
.honor-hff .honor-hff-02{
    background-image: url("/content/dam/honor/global/other/common/img/hff_09.jpg");
    background-position: center;
    background-size: 100% 100%;
    height: 550px;
}
.honor-hff .honor-hff-02 .txt{
    color: #fff;
    text-align: center;
    width: 100%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 18px;
    line-height: 175%;
    vertical-align: middle;
    margin-top: 8%;
}
.honor-hff .honor-hff-03{
    background: #fafafa;
}
.honor-hff .honor-hff-03 .txt{
    text-align: center;
}
.honor-hff .honor-hff-03-row{
    padding:0 10%;
}
.honor-hff .hff-play-video-btn{
    background: #00b2e6;
    color: #fff;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    display:block;
    height: 45px;
}
.honor-hff .honor-hff-03-pading .txt{
    margin: 3% 0;
}

.honor-hff .honor-hff-03 .txt h3{
    font-size: 48px;
    padding-bottom: 10px;
    color: #333;
}

.honor-hff .honor-hff-03-p-height{
    padding: 20px 0;
}
.honor-hff .honor-hff-03-pading{
    margin: 5% 0;
}
.honor-hff .honor-hff-03-p h4,.honor-hff-03-p span{
    text-align: center;
    display: block;
    line-height: 155%;
}
.honor-hff .honor-hff-03-p p{
    line-height: 175%;
}
.honor-hff .honor-hff-04 .txt{
    margin-top: 8%;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 18px;
    line-height: 175%;
}
.honor-hff .hff-play-video-btn-white{
    background: #fff;
    width: 200px;
    height: 45px;
    color: #0a9ce8;
    display: block;
    cursor: pointer;
    margin: auto;
}
.honor-hff a.hff-play-video-btn-white{
    font-size: 14px;
    text-decoration: none;
    line-height: 45px;
    margin-top: 60px;
}
.honor-hff .honor-hff-05-border-right{
    border-right: 1px solid #ccc;
}
.honor-hff .honor-hff-05{
    padding: 10% 0 5% 0 !important;
}
.honor-hff .honor-hff-05 .txt h3{
    font-size: 36px;
    margin-bottom: 5%;
    color: #333;
}
.honor-hff .honor-hff-05 .txt{
    text-align: center;
    padding: 0 5%;
}
.honor-hff .honor-hff-05-btn{
    background: #11b4e6;
    width: 200px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.honor-hff .honor-hff-05-btn-width{
    text-align: center;
    margin-top: 5%;
}
.honor-hff .honor-hff-06{
    background: #f0f0f0;
    padding: 5% 0 !important;
}
.honor-hff .honor-hff-06 .txt h3{
    font-size: 48px;
    margin-bottom: 5%;
    color: #333;
}
.honor-hff .honor-hff-06-pic{
    padding: 25% 10% 10% 10%;
}
.honor-hff .honor-hff-06 .txt h4{
    font-size: 24px;
    color: #333;
}
.honor-hff .honor-hff-06 .txt p{
    line-height: 155%;
}
.honor-hff .honor-hff-06-02{
    text-align: center;
    border-top: 1px solid #ccc;
    margin-top: 10%;
    padding-top: 10%;
}
.honor-hff .honor-hff-06-02 h3{
    font-size: 48px;
    color: #333;
    margin-bottom: 2%
}
.honor-hff .honor-hff-06-02-head p{
    font-size: 18px;
    line-height: 155%;
}
.honor-hff .honor-hff-06-02-head{
    margin-bottom: 5%;
}
.honor-hff .honor-hff-06-people{
    text-align: center;
    padding: 5%;
}
.honor-hff .honor-hff-06-people-p{
    margin: 10% 0;
}
.honor-hff-06-people-p p{
    line-height: 155%;
}
.honor-hff .honor-hff-06-people-p h4{
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}
.honor-hff .honor-hff-06-people-p-bt{
    text-align: left;
    line-height: 155%;
}
.honor-hff-06-people p{
    word-break: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .honor-hff .honor-hff-01-log {
        margin: 18% 0 10% 0;
    }
    .honor-hff .honor-hff-01-log img {
        max-width: 400px;
    }
    .honor-hff .honor-hff-02 {
        height: 400px;
    }
    .honor-hff .honor-hff-03 .txt h3 {
        font-size: 28px;
    }
}
@media only screen and (max-width: 767px) {
    .honor-hff .honor-hff-01-log {
        margin: 13% 0;
    }

    .honor-hff .honor-hff-01-log img {
        max-width: 300px;
    }

    .honor-hff .product-sliders img {
        min-height: 0 !important;
    }

    .honor-hff .honor-hff-02 .item-c p {
        color: #fff !important;
        text-align: center;
        line-height: 155%;
        font-size: 16px;

    }

    .honor-hff .honor-en .item-c h3 {
        text-align: center;
    }

    .honor-hff .honor-hff-05 .item-c p {
        text-align: center;
    }

    .honor-hff .honor-hff-02{
        background-image: url("/content/dam/honor/global/other/common/img/hff_09_mb.jpg");
        height: 450px;
    }

    .honor-hff .honor-hff-03 .txt h3 {
        font-size: 28px;
        padding-bottom: 10px;
        text-align: center;
        color: #333;
    }

    .honor-hff .honor-hff-03 .txt p {
        text-align: center;
    }

    .honor-hff .honor-hff-03-row {
        padding: 0;
        margin-top: 10%;
    }

    .honor-hff .honor-hff-03-p h4, .honor-hff-03-p span {
        font-size: 18px;
    }

    .honor-hff .honor-hff-04 {
        height: 600px;
    }

    .honor-hff .honor-hff-04 .txt h3 {
        color: #fff !important;
        text-align: center;
    }

    .honor-hff .honor-hff-04 .txt p {
        color: #fff !important;
        text-align: center;
    }

    .honor-hff .honor-hff-05 .txt {
        margin-bottom: 15%;
    }

    .honor-hff .honor-hff-06 .txt h4 {
        text-align: center;
    }

    .honor-hff .honor-hff-06-02 .item-c h3 {

    }

    .honor-hff .honor-hff-06-people {
        text-align: center;
        padding: 5% 0;
    }

    .honor-hff .honor-hff-06-people-p h4 {
        text-align: center;
    }

    .honor-hff .honor-hff-06-pic {
        padding: 10% 0;
    }

    .honor-hff .honor-hff-06 {
        padding: 15% 0 !important;
    }

    .honor-hff .honor-hff-04 .txt {
        font-size: 16px;
        line-height: 125%;
    }
    .honor-hff .honor-en, .honor-hff .txt {
        padding: 0 5px;
    }
}
/*honor-hff end*/


/*honor-accessories-assets start*/
.honor-accessories-assets{

}
.honor-accessories-assets .honor-accessories-01-txt{
    position: absolute;
    text-align: center;
    margin-left: 20%;
}
.honor-accessories-assets .honor-accessories-01-txt h3{
    font-size: 60px;
}
.honor-accessories-assets .honor-accessories-01-txt p{
    font-size: 18px;
}
.honor-accessories-assets .honor-accessories-01{

}
.honor-accessories-assets .honor-accessories-02{
    background: #edebed;
    margin: 0;
}
.honor-accessories-assets .honor-accessories-02 .product-sliders{

    padding: 5% 0;
}
.page-product-simpler .slider-section.honor-accessories-assets-bx-center .bx-wrapper .bx-controls{
    z-index: 51;
    position: absolute;
    display: block;
    right: 0;
    bottom: 3%;
    text-align: center;
    width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .honor-accessories-assets .honor-accessories-01-txt p {
        font-size: 14px;
    }
    .honor-accessories-assets .honor-accessories-assets-bx-center p {
        line-height: 155%;
    }
    .honor-accessories-assets .honor-accessories-03 .blank-fonts {
        position: absolute;
        top: 8%;
        left: 10%;
    }
    .honor-accessories-assets .honor-accessories-03-txt p {
        line-height: 155%;
    }
}
@media only screen and (max-width: 767px) {
    .honor-accessories-assets .honor-accessories-01-txt {
        width: 90%;
        margin-left: 0;
    }
    .honor-accessories-assets .honor-accessories-01 .item-c .blank-fonts h3, .honor-accessories-assets .honor-accessories-02 .item-c .blank-fonts h3,.honor-accessories-assets .honor-accessories-03 .item-c .blank-fonts h3,.honor-accessories-assets .honor-accessories-04 .item-c .blank-fonts h3{
        font-size: 48px;
    }
    .honor-accessories-assets .honor-accessories-02 {
        background: #fff;
        margin: 0;
    }
    .honor-accessories-assets .honor-accessories-04 .blank-fonts{
        text-align: center;
    }
    .honor-accessories-assets .honor-accessories-01-txt p {
        font-size: 16px;
    }
    .honor-accessories-assets-bx-center .product-slider-h6{
        padding-bottom: 100px !important;
    }
    .honor-accessories-assets #product-slider-h6 .blank-fonts{
        margin-bottom: 50px;
        position: relative;
        background-color: #fff;
        z-index: 1000;
    }
    .honor-accessories-assets .honor-accessories-04 .blank-fonts h3,.honor-accessories-assets .honor-accessories-04 .blank-fonts p{
        text-align: center;
    }
    .honor-accessories-assets .honor-accessories-04 .banner-btnbox{
        text-align: center;
    }
}
/*honor-accessories-assets end*/



/*fise start*/
.fise .fise-map{
    position: absolute;
    bottom: 20%;
    text-align: center;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.fise .fise-map .fise-map-txt{
    color: #fff;
    margin: 3% 0;
}

.fise .fise-map .fise-map-txt h3{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    font-size:36px;
    font-style: italic;
    margin-bottom: 10px;
}
.fise .fise-map-color{
    color: #f9af05;
}
.fise .fise-map-txt h3.fise-map-txt-a{
    font-size: 24px;
}
.fise .fise-map-txt span{
    display: inline-block;
    margin-left: 20px;
}
.fise .fise-btn{
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.fise .fise-map-btn{
    width: 250px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
    background: #f9af05;
    text-align: center;
    margin: auto;
    border: 2px solid #fff;
}
.fise .fise-map-btn a{
    color: #fff;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
}
.fise .fise-map-all{
    position: relative;
}
.fise .fise-map-0 {
    top: 23%;
    left: 25%;
    text-align: center;
}
.fise .fise-map-a{
    top: 33%;
    left: 25%;
    text-align: center;
}
.fise .fise-map-all-txt{
    position: absolute;
}
.fise .fise-map-all-txt span{
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.fise .fise-map-b{
    top: 32%;
    left: 49%;
    text-align: center;
}
.fise .fise-map-c{
    top: 25%;
    left: 55%;
    text-align: center;
}
.fise .fise-map-d{
    top: 45%;
    left: 61.8%;
    text-align: center;
}
.fise .fise-map-e{
    top: 36%;
    left: 67%;
    text-align: center;
}
.fise .fise-map-all-txt img{
    max-width: 90px;
}
.fise .honor-en{
    margin-top: 0;
}
.fise .fise-04{

    background: #f3f2f3;
}
.fise-04-txt{
    padding: 5% 5px;
}
.fise-04-txt-p{
    margin: 2% 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.fise-04-txt-p h3{
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 18px;
    line-height: 155%;
    text-align: center;
}
.fise-04-txt-p p{
    line-height: 155%;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;

}
.fise-04-txt h2{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    font-size: 48px;
    color: #333;
}
.fise-04-country{
    margin-bottom: 10px;
}
.fise-04-country h3{
    text-align: center;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.fise-04-txt a{
    color: #333;
}
.fise-btn-group-mb {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5%;
}
.fise-btn-group-mb .fise-map-btn{
    z-index: 99;
    position: relative;
}
.fise-04 .fise-04-video{
    position: relative;
}
.fise-04 .jsshop-01{
    background: url("/content/dam/honor/global/other/common/img/play-button11.png") no-repeat center center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.fise-btn-group-mb .dropdown-menu{
    min-width:248px;
    margin: -20px auto auto auto;
    z-index: 9;
    background: #e08a04;
    opacity: 0.8;
    border: 2px #fff solid;
    border-radius: 10px;
}
.fise-btn-group-mb .dropdown-menu>li>a{
    color: #fff;
    font-size: 16px;
}
.fise-btn-group-mb .dropdown-menu>li>a:hover{
    color: #333;
}
.fise-btn-group-mb .dropdown-menu li:first-child{
    padding-top: 20px;
}
.fise-btn-group-mb .open .fa-chevron-right{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.page-product-simpler .slider-section.honor-accessories-assets-bx-center .bx-wrapper .bx-controls {
    z-index: 51;
    position: absolute;
    display: block;
    right: 0;
    bottom: 50%;
    text-align: center;
    width: 100%;
}
.fise-04-txt>.hidden-xs>.row>.col-sm-4.col-xs-6 {
    padding: 0 8px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1364px) {
    .fise .fise-map .fise-map-txt h3 {
        font-size: 24px;
    }
    .fise  .jsshop-01 img {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .fise .fise-map {
        position: relative;
        background: #000;
        margin-top: -20px;
    }
    .fise .fise-map .fise-map-txt h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .fise .fise-btn {
        position: relative;
        bottom: 10%;
        background: #000;
    }

    .fise .slider-section.honor-accessories-assets-bx-center .bx-wrapper .bx-controls {
        z-index: 51;
        position: absolute;
        display: block;
        right: 0;
        bottom: 3%;
        text-align: center;
        width: 100%;
    }
    .fise .jsshop-01 img{
        width: 100%;
        max-width:100%;
    }
    .fise .jsshop-01{
        width: 100%;
        height: 100%;
    }
    .fise a.video-play-btn img{
        width: 100%;
    }
    .fise-04-txt h2 {
        text-align: center;
    }
    .fise-04-txt>.row {
        letter-spacing: -0.315em;
    }
    .fise-04-txt>.row>.col-sm-4.col-xs-6 {
        letter-spacing: normal;

        display: inline-block;
        vertical-align: top;
    }
}
/*fise end*/





/*honor-headset start*/
.honor-headset .honor-en{
    margin: 0;
}
.honor-headset ul{
    margin: 0;
}
.honor-headset .blank-fonts p ,.honor-headset .blank-fonts td{
    font-family: "open sans";
}
.honor-headset .honor-headset-01 .blank-fonts h3 ,.honor-headset .honor-headset-05 .blank-fonts h3{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 60px;
    color: #666;
}
.honor-headset .honor-headset-01 .blank-fonts p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 24px;
    color: #666;
    line-height: 125%;
}

.honor-headset .honor-headset-01 .blank-fonts{
    top: 31%;
    position: absolute;
    right: 10%;
    width: 34%;
}
.honor-headset .honor-headset-02 .blank-fonts{
    background: #000;
    position: relative;
    padding:0 0 5% 10%;
}
.honor-headset .honor-headset-02 .blank-fonts h3,.honor-headset  .honor-headset-02 .blank-fonts p{
    color: #fff !important;
    width: 80%;
}
.honor-headset .honor-headset-03 .blank-fonts{
    position: absolute;
    top: 18%;
    right: 8%;
    width: 50%;
}
.honor-headset .honor-headset-04{
    background: url("/content/dam/honor/global/other/common/img/headset_4.jpg")no-repeat center center ;
    height: 100%;
    min-height: 500px;
}
.honor-headset .honor-headset-04 .blank-fonts{
    text-align: center;
    padding: 10% 0;
}
.honor-headset .honor-headset-04 .blank-fonts .container{
    padding: 5%;
}
.honor-headset .honor-headset-04 .blank-fonts .container td{
    color: #fff;
    border: #fff 1px solid;
}
.honor-headset .honor-headset-04 .blank-fonts .container .container-td td{
    color: #0071bc;
}
.honor-headset .honor-headset-04 .blank-fonts h3, .honor-headset .honor-headset-04 .blank-fonts p{
    color: #fff !important;

}
.honor-headset .honor-headset-05 .blank-fonts{
    position: absolute;
    top: 30%;
    left: 10%;
}
.honor-headset .honor-headset-05 .blank-fonts h3{
    color: #fff !important;
}
.honor-headset .blank-fonts td{
    text-align: center;
    vertical-align: middle;
}
.honor-headset .honor-headset-06 .blank-fonts p{
    color: #fff !important;
    padding: 0 10%;
    text-align: center;
}
.honor-headset .honor-headset-06 .blank-fonts{
    background-image: url("/content/dam/honor/global/other/common/img/honor-headset-06-bg.png");
    padding-bottom: 2%;
}
.honor-headset .honor-headset-07 .blank-fonts{
    position: absolute;
    top: 20%;
    left: 10%;
    color: #333;
}
.honor-headset .honor-headset-09 .blank-fonts{
    background-image: url("/content/dam/honor/global/other/common/img/honor-headset-06-bg.png");
    padding-bottom: 2%;
}

.honor-headset .honor-headset-09 .blank-fonts p{
    color: #fff !important;
    text-align: center;
    padding: 2% 10%;
}
.honor-headset .honor-headset-10 .blank-fonts {
    position: absolute;
    bottom: 20%;
    left: 10%;
    width: 80%;
}
.honor-headset .honor-headset-11 .blank-fonts {
    background: #000;
    width: 100%;
    height: 80px;
    opacity: 0.6;
    position: absolute;
    bottom: 0;
}
.honor-headset .honor-headset-11 .item-c  h3 {
    color: #fff !important;
    padding-left: 10%;
    position: absolute;
    bottom: 0;
    line-height: 80px;
    font-size: 36px;
}
.honor-headset .honor-headset-12 {
    background: #e5e5e5;
}
.honor-headset .honor-headset-12 .blank-fonts {
    margin: 13% 0;
}
.honor-headset .honor-headset-12 .blank-fonts li{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 175%;
    text-align: left;
    list-style-type: disc;

}
.honor-headset .honor-headset-12 .blank-fonts h4{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 175%;
    font-size: 20px;
}
.honor-headset .honor-headset-12 .headset-12-ul{
    margin: 2% 0;
    padding-left: 20px;
}
.honor-headset .honor-headset-12 .headset-12-h4{
    margin: 5% 0 2% 0;
}
.honor-headset .honor-headset-12 .blank-fonts td{
    width: 50%;
    padding: 2%;
}
.honor-headset .honor-headset-12 .blank-fonts td:first-child{
    border-right: 1px #fff solid ;
}
.honor-headset .honor-headset-12 .blank-fonts .table tr:nth-child(odd){
    background: #afafaf;
}
.honor-headset .honor-headset-12 .blank-fonts .table tr:nth-child(even){
    background: #d8d8d8;
}
@media (max-width: 1439px) and (min-width: 1025px){
    .honor-headset .honor-headset-01 .blank-fonts h3 ,.honor-headset .honor-headset-05 .blank-fonts h3{

        font-size: 48px;
        color: #000;
    }
    .honor-headset .honor-headset-01 .blank-fonts p {
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        font-size: 16px;
        color: #666;
        line-height: 125%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .honor-headset .honor-headset-03 .blank-fonts {
        top: 1%;
    }
    .honor-headset .honor-headset-01 .blank-fonts h3 ,.honor-headset .honor-headset-05 .blank-fonts h3{

        font-size: 28px;
        color: #000;
    }
    .honor-headset .honor-headset-01 .blank-fonts p {
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        font-size: 16px;
        color: #666;
        line-height: 125%;
    }
}
@media only screen and (max-width: 767px) {
    .honor-headset .honor-headset-01 .blank-fonts h3 ,.honor-headset .honor-headset-05 .blank-fonts h3{
        font-family: "bignoodletitlingregular";
        font-size: 24px;
        color: #000;
    }
    .honor-headset .honor-headset-01 .blank-fonts p {
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        font-size: 16px;
        color: #666;
        line-height: 125%;
    }
    .honor-headset .honor-headset-03 .blank-fonts {
        top: 1%;
        position: relative;
        right: 0;
        width: 100%;
    }

    .honor-headset .honor-headset-01 .blank-fonts {
        top: 0;
        position: relative;
        right: 0;
        width: 100%;
    }
    .honor-headset .honor-headset-02 .blank-fonts {
        padding: 15px;
    }
    .honor-headset .honor-headset-06 .blank-fonts p {
        padding: 0 15px;
    }
    .honor-headset .honor-headset-09 .blank-fonts p {
        padding: 0 15px;
    }
    .honor-headset .honor-headset-07 .blank-fonts {
        position: relative;
        top: 0;
        left: 0;
    }
    .honor-headset .honor-headset-11 .item-c h3 {
        line-height: 50px;
        font-size: 24px;
    }
    .honor-headset .honor-headset-11 .blank-fonts {
        height: 50px;
    }
    .honor-headset .honor-headset-10 .blank-fonts {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .honor-headset .blank-fonts{
        padding-top: 2%;
    }
    .honor-headset .honor-headset-04 .blank-fonts {
        padding:10% 15px;
    }
    .honor-headset .honor-headset-04 .blank-fonts .container {
        padding: 0;
    }
}
/*honor-headset end*/



/*honor-selfie-stick start*/
.honor-selfie-stick .honor-en{
    margin: 0;
}
.honor-selfie-stick .blank-fonts{
    position: absolute;
}
.honor-selfie-stick .selfie-stick-01 .blank-fonts{
    bottom: 30%;
    left: 20%;
}
.honor-selfie-stick .selfie-stick-01 .blank-fonts h3{
    color: #fff !important;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}
.honor-selfie-stick .selfie-stick-02 .blank-fonts{
    top: 30%;
    left: 40%;
}
.honor-selfie-stick .selfie-stick-03 .blank-fonts{
    bottom: 8%;
    left: 10%;
}
.honor-selfie-stick .selfie-stick-04 .blank-fonts{
    bottom: 24%;
    left: 10%;
    width: 30%;
}
.honor-selfie-stick .selfie-stick-04-1 .blank-fonts{
    top: 15%;
    left: 10%;
}

.honor-selfie-stick .selfie-stick-05 .blank-fonts{
    right: 10%;
    bottom: 15%;
    width: 30%;
}
.honor-selfie-stick .selfie-stick-06 .blank-fonts{
    left: 10%;
    top: 25%;
    width: 50%;
}
.honor-selfie-stick .selfie-stick-07 .blank-fonts{
    text-align: center;
    top: 10%;
    width: 100%;
}
.honor-selfie-stick ul{
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .honor-selfie-stick .blank-fonts{
        position: relative;
        padding: 5px;
    }
    .honor-selfie-stick .selfie-stick-01 .blank-fonts{
        position: absolute;
        left: 10%;
        bottom: 10%;
    }
    .honor-selfie-stick .selfie-stick-01 .blank-fonts h3{
        color: #fff !important;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-selfie-stick .selfie-stick-02 .blank-fonts{
        top: 0;
        left: 0;
    }
    .honor-selfie-stick .selfie-stick-03 .blank-fonts{
        bottom: 0;
        left: 0;
    }
    .honor-selfie-stick .selfie-stick-04 .blank-fonts{
        bottom:0;
        left: 0;
        width: 100%;
    }
    .honor-selfie-stick .selfie-stick-04-1 .blank-fonts{
        top: 0;
        left: 0;
    }

    .honor-selfie-stick .selfie-stick-05 .blank-fonts{
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .honor-selfie-stick .selfie-stick-06 .blank-fonts{
        left: 0;
        top: 0;
        width: 100%;
    }
    .honor-selfie-stick .selfie-stick-07 .blank-fonts{
        text-align: center;
        top: 0;
        width: 100%;
    }
}
/*honor-selfie-stick end*/


/*index-new 20160524 start*/

.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */

    /*width:200px;
    height: 100px;*/
}
.swiper-slide {
    /* Specify Slides's Size: */

    /*width: 100%;
    height: 100%;*/
}
.swiper-slide-active {
    /* Specific active slide styling: */

}
.swiper-slide-visible {
    /* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}
.swiper-active-switch {
    /* Specific active button style: */

}
.swiper-visible-switch {
    /* Specific visible button style: */

}
.index-slide{
    position: relative;
}
.index-slide .arrow-left {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -15px;
    width: 5%;
    height: 100%;
    z-index:99;
}
.index-slide .arrow-right {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -15px;
    width: 5%;
    height: 100%;
    z-index:91;
}
.index-new .swiper-container {
    height: 800px;
    width: 100%;
}
.index-new .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    width: 10px;
    height: 10px;
    background: #ccc;
    text-indent: -9999px;
    display: block;
    border-radius: 50%;
}
.index-new .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
    background:#fff;
}
@media only screen and (max-width: 767px){
    .index-new .bx-wrapper .bx-controls {
        width: auto;
        position: absolute;
        display: block;
        left: inherit;
        right: inherit;
        text-align: center;
        bottom: 5%;
        width: 100%;
        margin: auto;
    }
}
.index-new .swiper-slide {
    height: 100%;
}
.index-new .pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.index-new .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.index-new .swiper-visible-switch {
    background: #aaa;
}
.index-new .swiper-active-switch {
    background: #fff;
}
.index-new .hot-topic-show{
    padding-right: 5px;
}

.index-new {width:100%;overflow: hidden; position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.index-new p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    line-height: 155%;
}

.index-new .index-new_slider {
    width:100%;
    max-height: 1000px;
    position:relative;
    overflow: hidden;
    text-align:center;
}
.index-new .video-content-color{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-new .index-new-video .video-content:hover .video-content-color{
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.index-new .index-new_slider .bd {
    width:90%;
    position:absolute;
    left:50%;
    margin-left:-45%;
}
.index-new .index-new_slider .bd li img {
    display:block;
    width:100%;
}
.index-new .index-new_slider .tempWrap {
    overflow:visible !important
}

.index-new .index-new_slider .hd {
    position:absolute;
    width:100%;
    left:0;
}
.index-new .index-new_slider .hd li {
    display:inline-block;
    *display:inline;
    zoom:1;
    overflow:hidden;
    cursor:pointer;
}
.index-new .index-new_slider .pnBtn {
    position:absolute;
    z-index:1;
    top:0;
    width:126px;
    height:100%;
    cursor:pointer;
}
.index-new .index-new_slider .prev {
    z-index: 97;
    left:0;
}
.index-new_slider .next {
    z-index: 97;
    right: 0;
}
.index-new .banner-mask{
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    bottom: -2px;
    z-index: 98;
}
.index-new .index-new-02 .hot-topic{
    text-align: center;
    padding: 5% 0;
}
.index-new-02{
    margin: 80px 0 0 0;
    text-align: center;
}
.index-new .product-btn{
    background: url("/content/dam/honor/global/other/common/img/home_btn.png") no-repeat;
    height: 57px;
    width: 176px;
    display: inline-block;
    text-align: center;
}
.index-new .product-btn span{
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}
.index-new .index-new-02.hot-topic-show{
    padding: 5px;
}
.index-new .hot-topic-show .product-title p{
    color: #9d9d9d;

}
.index-new .index-new-02 .product-title{
    padding: 20px 0 50px 0;
}
.index-new .index-new-02 .product-title .title-new{
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    padding: 0 20px;
}
.index-new .product-show .show-title .topic-p{
    font-size: 28px;
    color: #333;
}
.index-new  .show-title p.price-show{
    font-size: 14px;
}
.index-new .product-show .col-sm-6{
    padding-right: 10px;
    padding-bottom: 5px;
}
.index-new .hot-topic-show .product-title .price-color{
    color: #00b7e1 !important;
    padding-right: 10px;
}
.index-new .index-new-product{
    background: #f4f4f4;
    text-align: center;
    padding: 80px 0 50px 0;
}
.index-new .show-topic{
    background: #fff;
}
.index-new .hot-topic h3{
    font-size: 48px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #333;
}
.index-new .product-title h3{
    padding-bottom: 10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #333;

}
.index-new .hot-topic p{
    font-size: 18px;
    width: 50%;
    margin: 0 auto;
}
.index-new .big-pictbox{
    display: table;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
@media (min-width: 1200px){
    .index-new  .big-pictbox{
        height: 201px;
        overflow: hidden;
    }
}
.index-new .show-03{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.index-new .big-photobox{
    position: relative;
}
.index-new .show-topic .big-photobox .banner-mask{
    width: 100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 20;
}
.index-new .show-content img {
    margin-top: 10px;
}
.index-new .show-content{
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 2px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.index-new .show-title{
    height: 80px;
}

.index-new .show-title p{
    height: 26px;
    line-height: 26px;
    margin: 0;
    font-size: 16px;
    padding: 10px 0;
}
.index-new .index-new-phone .show-title h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #999;
    font-size: 24px;
    font-weight: inherit;
}
.index-new .show-content .show-title p{
    padding: 0;
    font-size: 14px;
    overflow: hidden;
}
.index-new .show-content:hover{
    box-shadow: 0 0 15px #ccc;
    border-radius: 2px;
    transform:translateY(-5px);
    -webkit-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
}
.index-new .show-03 h3{
    font-size: 48px;
    line-height: 175%;
}
.index-new .show-title a{
    border-bottom: 1px solid #00b2e6;
    color: #00b2e6;
}
.index-new .show-03 h3{
    margin-bottom: 10px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.index-new .show-03 p{
    margin-bottom: 10px;
    line-height: 24px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.index-new .view-all{
    border: 1px solid #000;
    display: inline-block;
    float: right;
    margin-right: 10px;
}
.index-new .view-all:hover{
    border: 1px solid #0a9ce8;

}

.index-new .view-all a{
    padding: 10px 20px;
    line-height: 10px;
    display: block;
    color: #333;
    font-weight: bold;
}
.index-new .view-all a:hover{
    color: #0a9ce8;
}
.index-new .index-new-wear ,.index-new .index-new-accessoies{
    padding-top: 0;
}
.index-new .index-new-video .video-content{
    overflow: hidden;
    position: relative;
    transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
}
.index-new .video-content-bg{
    background: #fff;
    opacity: 0.6;
    display:block ;
    top: 0;
    left: 0;
    z-index: 9999;
}

.index-new .video-content-hover{
    /*display: none;*/
    position: absolute;
    width: 100%;
    height: 56px;
    bottom: 0;
    left:0;
    z-index: 99;
    transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin:0 -30px;
    -o-transform-origin:0 -30px;
    -ms-transform-origin:0 -30px;
    -moz-transform-origin:0 -30px;
    -webkit-transform-origin:0 -30px;
}
.index-new .postiontxtbox{
    width: 100%;
    height: 100%;
    background: url("/content/dam/honor/global/other/common/img/home-video-bg.png") repeat center;
    position: absolute;
    top:0;
    left: 0;
    z-index: 9992;
}
.index-new .postiontxtbox:hover{
    background: none;
}
.index-new .index-new-video .video-content:hover .postiontxtbox{
    z-index: 98;
}

.index-new .show-content .show-title h3{
    padding-bottom: 0;
    font-size: 16px;
    color: #333;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding: 0 20px;
    text-overflow: ellipsis;
}

.index-new .txtbox-hover{
    display: table;
    width: 80%;
    height:100%;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.index-new .txtbox-hover .video-content-txt{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    /*visibility: hidden;*/
}
.index-new .video-content:hover .txtbox-hover .video-content-txt{
    visibility: visible;
    opacity: 1 !important;
}
.index-new .txtbox-hover .video-content-txt:hover{
    opacity: 1 !important;
}
.index-new .index-video-play{
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.index-new .video-play-img{
    width: 40px;
    height: 41px;
}
.index-new .video-content:hover .video-content-hover{
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    display: block;
}
.index-new .index-new-video{
    text-align: center;
    margin-bottom: 40px;
}
.index-new .index-new-video .hot-topic{
    padding: 80px 0 40px 0;
}
.index-new .index-new-video .hot-topic h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #666;

}
.index-new .hot-topic-show img{
    transition: transform 2s;
}
.index-new .hot-topic-show img:hover{
    -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
    transform: scale(1.05);
}
.index-new .hot-topic-boder{
    line-height: 0;
    display: inline-block;
}
.index-new .hot-topic-boder-line{
    border-bottom: 2px solid #9d9d9d;
    display: inline-block;
    width: 40px;
    margin: 0 auto;
}
.index-new .video-content-txt .hot-topic-boder-line{
    border-bottom: 2px solid #fff;
    display: inline-block;
    width: 30px;
    margin: 0 auto;
}
.index-new .index-new-video .hot-topic p{
    padding-top: 10px;
    font-size: 28px;
    color: #333;
}
.index-new .video-content-task{
    background: url("/content/dam/honor/global/other/common/img/home_video_mask.png") no-repeat center;
    width: 100%;
    height: 87px;
    position: absolute;
    bottom: -2px;
    left: 0;
    cursor: pointer;
}
.index-new .video-content-2{
    margin-top: 10px;
}
.index-new .index-new-video .hot-topic h3{
    font-size: 24px;
    color: #999;
}
.index-new .video-content-txt h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    font-size: 36px;
    line-height: 12px;
}
.index-new .video-content-txt p{
    font-size: 20px;
}
.index-new .video-content-01{
    background: url("/content/dam/honor/global/other/common/img/home_video_15.jpg") no-repeat center center;
    height: 378px;
    width: 491px;
    margin: 0 auto;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
}
.index-new .video-content:hover .video-content-01{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.index-new .video-content:hover .video-content-02{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.index-new .video-content:hover .video-content-03{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.index-new .video-content:hover .video-content-04{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.index-new .video-content-02{
    background: url("/content/dam/honor/global/other/common/img/home_video_23.jpg") no-repeat center center;
    height: 378px;
    width: 772px;
    margin: 0 auto;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
}
.index-new .video-content-03{
    background: url("/content/dam/honor/global/other/common/img/character11.jpg") no-repeat center center;
    height: 378px;
    width: 491px;
    margin: 0 auto;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
}
.index-new .video-content-04{
    background: url("/content/dam/honor/global/other/common/img/background1.jpg") no-repeat center center;
    height: 378px;
    width: 772px;
    margin: 0 auto;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
}
.index-new .index-email{
    background: url("/content/dam/honor/global/other/common/img/home_email_bg.jpg") no-repeat center;
    width: 100%;
    height: 339px;
    position: relative;
    display: table;
    text-align: center;
}
.index-new .email-input h3{
    color: #fff;
    font-size: 36px;
    padding:0 0 50px 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.index-new .email-input-width{
    width: 60%;
    margin: auto;
}
.index-new .email-input{
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 20px;

}
.index-new .index-email .form-control{
    background: none;
    height: 60px;
    border-color: #fff;
    border-radius: inherit;
    color: #eee;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 18px;
}
.index-new .index-email .btn{
    height: 60px;
    background: none;
    color: #fff;
    font-size: 18px;
    border-color: #fff;
    width: 120px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.index-new .index-email .btn:hover{
    background: #fff;
    color: #00b7e1;
}
#js-mobile-footer.row{
    margin-left: 0;
    margin-right: 0;
}
@media (min-width:768px) {

    .index-new .special-spacing {letter-spacing: -0.315em}
    .index-new .special-spacing>.no-wrapp {float:none;display: inline-block;vertical-align: bottom;letter-spacing:normal;}
}
.index-new .special-spacing>.no-wrapp>.no-wrapp {position: relative;  overflow: hidden;}
.index-new .special-spacing>.no-wrapp>.no-wrapp .txt-box {
    position: absolute;
    width:100%;
    height:100%;
    top:100%;
    background: #00b3e0;
    text-align: center;
    font-size:16px;
    color:#fff;
    opacity: 0.9;
    -moz-opacity:0.9;
    -webkit-opacity:0.9;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.index-new .special-spacing>.no-wrapp>.no-wrapp.on>.txt-box {top:0;}
.index-new .special-spacing>.no-wrapp>.no-wrapp>.txt-box .txt-parent {display: table;width:100%;height:100%;padding:0 30px;}
.index-new .special-spacing>.no-wrapp>.no-wrapp>.txt-box .txt-parent p {display: table-cell;vertical-align: middle;}
.index-new .special-spacing>.no-wrapp>.no-wrapp>.txt-box .share-icon {position: absolute;left:10px;bottom:10px;}
.index-new .txt-box .txt-parent  a{
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .index-new .swiper-pagination-switch {
        width: 6px;
        height: 6px;
    }
    .index-new .swiper-active-switch{
        background: #00b7e1;
    }
    .product-title h3{
        font-size: 16px;
        line-height: 22px;
        text-indent: 10px;
    }
    .index-new .pagination {
        bottom: 0;
    }
    .index-new .index-new-02 .product-title .title-new {
        padding-left: 10px;
    }
    .index-new .product-title{
        text-align: left;
    }
    .index-new .product-title .price-color{
        text-align: right;
    }
    .index-new .hot-topic-show {
        padding-right: 0;
        border: 1px solid #ddd;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .index-new .index-new-02 .product-title {
        padding: 20px 0 0 0;
    }
    .index-new .index-new-video .hot-topic {
        padding: 20px 0 10px 0;
    }
    .index-new  .email-input-width {
        width: 95%;
    }
    .index-new   .index-new-video {
        margin-bottom: 0;
    }
    .index-new .show-03 h3 {
        font-size: 28px;
    }

    .index-new  .hot-topic p {
        width: 100%;
    }
    .index-new   .product-show .show-title .topic-p {
        font-size: 18px;
    }
    .index-new  .index-new-phone .show-title h3 {
        font-size: 16px;
        padding: 0 20px;
    }
    .index-new  .index-new-video .hot-topic p {
        font-size: 18px;
    }
    .index-new  .index-new-video .hot-topic h3 {
        font-size: 18px;
    }
    .index-new  .index-new-video .video-content {
        margin-bottom: 10px;
    }
    .index-new   .video-content-2{
        margin-top: 0;
    }
    .index-new .index-new_slider .bd {
        width: 100%;
        position: absolute;
        left: 0;
        margin-left: 0;
    }
    .index-new .show-title {
        height: 60px;
        line-height: 60px;
    }
    .index-new .show-title:first-child  {
        background: #f4f4f4;
    }
    .index-new .show-content .show-title {
        height: 50px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        text-overflow: ellipsis;
    }
    .index-new .big-pictbox {
        display: table;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        overflow: hidden;
        top: 2%;
        z-index: 999;
        color: #fff;
    }
    .index-new .show-topic .big-photobox .banner-mask {
        width: 100%;
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 20;
        top: inherit;
    }
    .index-new div[class*="video-content-"] {
        height: auto !important;
        margin: 0 auto;
        width: 100%;
    }
    .index-new .txtbox-hover .video-content-txt {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        /*visibility: visible;*/
    }
    .index-new .txtbox-hover {
        display: table;
        width: 80%;
        height: 300px;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
    }
    .index-new .index-video-play {
        position: absolute;
        right: 10px;
        bottom: 10px;
        left: auto;
    }
    .index-new .hot-topic-boder {

        padding-top: 20px;
    }
    .index-new .hot-topic h3 {
        font-size: 36px
    }
    .index-new-02 .container-bg{
        margin: 0 5px;
    }
    .index-new-02 {
        margin: 40px 0 0 0;

    }
    .index-new .index-new-product {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        text-overflow: ellipsis;
        padding: 10px 0 10px 0;
    }

    .product-show .container-bg{
        background: #fff;
        margin: 0 5px;
        padding: 0;
    }
    .index-new .product-show .col-sm-6 {
        padding-right: 5px;
        padding-bottom: 5px;
    }
    .index-new .view-all{
        margin: 20px 5px 0 0;
    }
    .index-new-video .hot-topic .hot-topic-boder{
        padding-top: 10px;
    }
    .index-new-video-mb{

    }
    .index-new .video-play-img {
        width: 31px;
        height: 32px;
    }
    .index-new .email-input h3 {
        font-size: 28px;
    }
    .index-new .hot-topic-boder-line {
        width: 30px;
    }
    .index-new .show-03 p {
        margin-bottom: 10px;
        line-height: 20px;
        height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        padding: 0 20px;
    }
    .index-new .show-03 h3 {
        margin-bottom: 10px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
    .index-new .video-content-txt p {
        font-size: 16PX;
    }
    .index-new .special-spacing>.no-wrapp>.no-wrapp {
        position: relative;
        overflow: hidden;
        margin-top: -1px;
    }
    .index-new .video-content-txt h3 {
        font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
        font-size: 30px;
    }
    .index-new .hot-topic-show .product-title p {
        color: #333;
    }
    .index-new .product-title h3 {
        font-weight: bold;
    }
    .index-new .show-content .show-title p {
        color: #00b7e1;
    }
    .index-new-accessoies .product-show .section-itembox{
        margin-bottom: 10px;
    }
}
/*index-new 20160524




/*honor-ce start*/

.honor-ce .ce-icon{
    width: 38px;
}
.honor-ce .honor-ce-dese h3{
    font-size: 24px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    margin-bottom: 10px;
}
.honor-ce .ce-pdf{
    display: inline-block;
    padding-right: 10px;
}
.honor-ce .ce-span{
    display: inline-block;
    vertical-align: middle;
}
.honor-ce p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
}
.honor-ce-dese{
    margin-top: 2%;
}
.honor-ce-dese p{
    font-size: 14px;
}
.honor-ce .table th{
    font-size: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-ce .table td{
    line-height: 44px;
    vertical-align: middle;
    font-size: 14px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-ce .table td h3{
    font-size: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-ce .table td p{
    margin: 0;
    line-height: 125%;
}
.honor-ce .table td:first-child{
    width: 40%;
}
.honor-ce .table{
    margin-bottom: 5%;
}
.honor-ce .table>tbody a{
    color:#333 ;
}
@media only screen and (max-width: 767px) {
    .honor-ce .ce-icon{
        width: 30px;
    }
    .honor-ce .table td:first-child {
        width: inherit;
    }
    .honor-ce .second-td{
        width: inherit;
    }
    .honor-ce .table th {
        padding: 4px;
        font-size: 16px;
    }
    .honor-ce .table>tbody>tr>td{
        padding: 4px;
    }
    .honor-ce .ce-pdf {
        display: inline-block;
        padding-right: 0px;
    }
}
/*honor-ce end*/





/*honor-band-a1 START*/
.honor-band-a1 h3{
    font-family: "bignoodletitlingregular";
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}

.honor-band-a1 p{
    color: #000;
    line-height: 175%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-band-a1 .blank-fonts{
    position: absolute;
}
.honor-band-a1 .blank-fonts h3{
    color: #fff !important;

}
.honor-band-a1 .honor-band-a1-02 .blank-fonts,.honor-band-a1 .honor-band-a1-02 .blank-fonts h3{
    color: #fff !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-03 .text-list-menu{
    max-width: 896px;
}
.honor-band-a1 .honor-band-a1-03 .blank-fonts,.honor-band-a1 .honor-band-a1-03 .blank-fonts h3{
    color: #fff !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-04 .blank-fonts,.honor-band-a1 .honor-band-a1-04 .blank-fonts h3{
    color: #333 !important;
    top: 10%;
    right: 20%;
    width: 50%;
}
.honor-band-a1 .honor-band-a1-05 .text-list-menu{

}
.honor-band-a1 .honor-band-a1-05 .blank-fonts,.honor-band-a1 .honor-band-a1-05 .blank-fonts h3{
    color: #333 !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-05 .txt {
    color: #333 !important;
    bottom: 15%;
    left: 29%;
    position: absolute;
    width: 64%;
}
.honor-band-a1 .honor-band-a1-05 .txt h3{
    margin-bottom: 20px;
    right: 10%;
}
.honor-band-a1 .honor-band-a1-06 .blank-fonts,.honor-band-a1 .honor-band-a1-06 .blank-fonts h3{
    color: #fff !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-07 .text-list-menu{
    max-width: 905px;
}
.honor-band-a1 .honor-band-a1-07 .blank-fonts,.honor-band-a1 .honor-band-a1-07 .blank-fonts h3{
    color: #333 !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-08 .blank-fonts,.honor-band-a1 .honor-band-a1-08 .blank-fonts h3{
    color: #333 !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-09 .blank-fonts,.honor-band-a1 .honor-band-a1-09 .blank-fonts h3{
    color: #333 !important;
    top: 10%;
    left: 20%;
    width: 70%;
}
.honor-band-a1 .honor-band-a1-13 .blank-fonts,.honor-band-a1 .honor-band-a1-13 .blank-fonts h3{
    color: #333 !important;
    top: 20%;
    left: 10%;
    width: 50%;
}
.honor-band-a1 .honor-band-a1-14 .blank-fonts,.honor-band-a1 .honor-band-a1-14 .blank-fonts h3{
    color: #333 !important;
    top: 20%;
    left: 10%;
    width: 50%;
}
.honor-band-a1 .honor-band-a1-15 .blank-fonts,.honor-band-a1 .honor-band-a1-15 .blank-fonts h3{
    color: #fff !important;
    top: 15%;
    right: 10%;
}
.honor-band-a1 .honor-band-a1-16 .text-list-menu{
    max-width: 890px;
}
.honor-band-a1 .honor-band-a1-16 .blank-fonts,.honor-band-a1 .honor-band-a1-16 .blank-fonts h3{
    color: #333 !important;
    top: 15%;
    left: 30%;
    /*width: 50%;*/
}
.honor-band-a1 .honor-band-a1-17 .blank-fonts,.honor-band-a1 .honor-band-a1-17 .blank-fonts h3{
    color: #333 !important;
    position: relative;

}
.honor-band-a1-17 .blank-fonts{
    background: #fff;
    margin: 5% 0;
    margin-left: 10%;
}
.honor-band-a1 .text-list-menu{
    padding-left: 0;
}
.honor-band-a1 .text-list-menu li {
    list-style: none;
    margin-bottom: 10px;
}
.honor-band-a1 .text-list-menu-dico li{
    list-style: disc;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    .honor-band-a1 .blank-fonts{
        position: relative;
    }
    .honor-band-a1 .honor-band-a1-02 .blank-fonts, .honor-band-a1 .honor-band-a1-02 .blank-fonts h3 {
        color: #333 !important;
        top: 0;
        left: 10px;
        width: 100%;
        padding-top: 5px;
    }
    .honor-band-a1 .honor-band-a1-03 .blank-fonts, .honor-band-a1 .honor-band-a1-03 .blank-fonts h3 {
        color: #333!important;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .honor-band-a1 .honor-band-a1-04 .blank-fonts, .honor-band-a1 .honor-band-a1-04 .blank-fonts h3 {
        color: #333 !important;
        margin-top: 5px;
        top: 0;
        right: 0;
        width: 100%;
    }
    .honor-band-a1 .honor-band-a1-05 .blank-fonts, .honor-band-a1 .honor-band-a1-05 .blank-fonts h3 {
        color: #333 !important;
        top: 10px;
        left: 10px;
        width: 100%;
        margin-top: 5px;
    }
    .honor-band-a1 .honor-band-a1-05 .txt {
        color: #333 !important;
        bottom: 0;
        right: 0;
        left:0;
        position: relative;
        margin-top: 4%;
        width: 100%;
    }
    .honor-band-a1 .honor-band-a1-05 .txt h3 {
        margin-bottom: 10px;
        right: 10%;
    }
    .honor-band-a1 .honor-band-a1-06 .blank-fonts, .honor-band-a1 .honor-band-a1-06 .blank-fonts h3 {
        color: #333 !important;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .honor-band-a1 .honor-band-a1-07 .blank-fonts, .honor-band-a1 .honor-band-a1-07 .blank-fonts h3 {
        color: #333 !important;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .honor-band-a1 .honor-band-a1-08 .blank-fonts, .honor-band-a1 .honor-band-a1-08 .blank-fonts h3 {
        color: #333 !important;
        top: 10%;
        right: 0;
        width: 100%;
    }
    .honor-band-a1 .honor-band-a1-09 .blank-fonts, .honor-band-a1 .honor-band-a1-09 .blank-fonts h3 {
        color: #333 !important;
        top: 10px;
        left:10px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .honor-band-a1 .honor-band-a1-13 .blank-fonts, .honor-band-a1 .honor-band-a1-13 .blank-fonts h3 {
        color: #333 !important;
        top: 0;
        left: 0;
        margin-top: 5px;
        width: 100%;
    }
    .honor-band-a1 .honor-band-a1-14 .blank-fonts, .honor-band-a1 .honor-band-a1-14 .blank-fonts h3 {
        color: #333 !important;
        top: 0;
        left: 0;
        margin-top: 5px;
        width: 100%;
    }
    .honor-band-a1 .honor-band-a1-15 .blank-fonts, .honor-band-a1 .honor-band-a1-15 .blank-fonts h3 {
        color: #333 !important;
        top: 0;
        right: 0;
        margin-top: 5px;
    }
    .honor-band-a1 .honor-band-a1-16 .blank-fonts, .honor-band-a1 .honor-band-a1-16 .blank-fonts h3 {
        color: #333 !important;
        top: 10;
        left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .honor-band-a1-17 .blank-fonts {
        background: #fff;
        margin: 5% 0;
        margin-left: 10px;
    }
    .honor-band-a1 ul{
        margin-top: 0;
        margin-bottom: 0;
    }
}
/*honor-band-a1 END*/


/*honor5c start*/
.honor5c .honor_5c_2_anination{
    margin: 5% 0;
    letter-spacing: -0.315em;
}
.honor5c .honor_5c_2_circle{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 300px;
    width: 50%;
    margin-top: -150px;
    margin-left: -25%;
}
.honor5c .honor_5c_2_txt h3{
    color: #fff;
    font-size: 36px;
}
.honor5c .honor_5c_2_txt p{
    color: #3179a4;
    font-size: 18px;
}
.honor5c .honor_5c_2_right{
    position: relative;
}
.honor_5c_2_circle_img{
    background: url("/content/dam/honor/global/other/common/img/honor_5c_2_circle.png") no-repeat center center;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    background-size: 80%;
    transform:rotate(-72deg);
    -webkit-transform:rotate(-72deg);
    transition: all 3s;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
}
.slider-section.active .honor_5c_2_circle_img{
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
}
.honor_5c_2_posion{
    position: relative;
}
.honor_5c_2_3000 {
    margin-right: -30%;
}
.honor_5c_2_3000 img {

}
.honor_5c_2_anination>div[class*="col-"] {
    letter-spacing: normal;
    float: none;
    display: inline-block;
    vertical-align: bottom;
}
.honor_5c_2_phone{

}
.honor_5c_2_txt{
    text-align: center;
    top: 30%;
    position: absolute;
    left: 36%;
}
.honor5c .honor5c .honor-en{
    margin: 0;  padding: 0;
}
.honor5c-01 .blank-fonts{
    position: absolute;
    width: 100%;
    top: 10%;
    text-align: center;
    z-index: 99;
}
.honor5c-01 .blank-fonts h3{
    color: #fff !important;
}
.honor5c-01 .blank-fonts p{
    color: #fff !important;
}
.honor5c .slider-section{
    position: relative;
    overflow: hidden;
}
.honor5c .slider-section.honor5c-01 .scrollanimation{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 98;
    transition: all 5s ease 1s;
    -o-transition: all 5s ease 1s;
    -ms-transition: all 5s ease 1s;
    -moz-transition: all 5s ease 1s;
    -webkit-transition: all 5s ease 1s;
}
.honor5c .slider-section.honor5c-01.active .scrollanimation{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-animation-transform: scale(1.05);
}


.honor5c .slider-section.honor5c-02 .scrollanimation{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 98;
    transition: all 5s ease;
    -o-transition: all 5s ease 3s;
    -ms-transition: all 5s ease 3s;
    -moz-transition: all 5s ease 3s;
    -webkit-transition: all 5s ease 3s;
}
.honor5c .slider-section.honor5c-02.active .scrollanimation{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-animation-transform: scale(1.5);
}

.honor5c .slider-section.honor5c-01 .blank-fonts h3 {
    transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    -ms-transition: all 5s ease-out;
    -moz-transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
    margin-left: -500px;
    opacity: 0.5;
}
.honor5c .slider-section.honor5c-01.active .blank-fonts h3 {
    margin-left: 0;
    opacity: 1;
}
.honor5c .slider-section.honor5c-01 .blank-fonts  {
    transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    left: -500px;
    opacity: 0;
}
.honor5c .slider-section.honor5c-01.active .blank-fonts {
    left: 0;
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .bg-textbox {
        padding: 0 10px;
        margin-top: 7%;
        margin-bottom: 15%;
    }

    .honor8-f .honor8-15 .bg-textbox {

    margin-top: 5%;
}
    .honor5c .honor_5c_2_txt h3 {
        color: #fff;
        font-size: 28px;
        line-height: 125%;
    }
    .honor5c .honor_5c_2_txt p {
        color: #3179a4;
        font-size: 14px;
        line-height: 125%;
    }
    .honor_5c_2_txt {
        text-align: center;
        top: 35%;
        position: absolute;
        left: 35%;
    }
}

.honor5c{

}
.honor5c-kv-btn{
    position: absolute;
    bottom: 24%;
    left: 16%;
}
.honor5c h3{
    font-size: 48px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #666;
    line-height: 175%;
}
.honor5c .item-tags img{
    max-width: 100px;
    margin: auto;
}
.honor5c .item-tags p{
    text-align: center;
}
.honor5c .item-tags .font-40{
    text-align: center;
    margin: auto;
}
.honor5c .item-tags h3{
    color: #42beed;
    font-weight: inherit;
    font-family: "微软雅黑", Arial, Helvetica, STHeiti, "Microsoft JhengHei", "微軟正黑體", sans-serif;

}
.honor5c p{
    font-size: 16px;
    line-height: 155%;
    margin-bottom: 5px;
    color: #999;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor5c h4{
    font-size: 20px;
    line-height: 155%;
    margin-bottom: 10px;
    color: #666;
}
.honor5c-eu h4{
    margin-bottom: 0;

}
.honor5c .item-tags sub{
    font-size: 14px;
}
.honor5c .item-tags p{
    color: #666;
    font-size: 14px;
}
.honor5c .honor5c-01{
    background: #000;
    padding-top: 5%;
    text-align: center;
    color: #fff;
}
.honor5c  .honor5c-01-txt .item-tags{
    width: 30%;
    min-width: 0;
}
.honor5c-01-txt{
    width: 70%;
    margin: 0 auto;
}
.honor5c-01-txt h4{
    color: #fff;
}
.honor5c-01 p{
    list-style-type: disc;
    color: #666;
}
.honor5c-01 .txt1{
    margin: 3% 0;

}
.honor5c .honor5c-02{
    background: #ececec;
    padding-top: 5%;
    text-align: left;
    color: #666;

}
.honor5c .honor5c-02 .txt1{
    text-align: left;
    margin-left: 10%;
    margin-top: 10%;
}
.honor5c-03{
    background: #f7f7f7;
}
.honor5c-03 .txt1{
    margin-top: 20%;
}
.honor5c-04{
    margin: 5% 0;
}
.honor5c-04 .text-list-menu{
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 20px;
}
.honor5c-04 .txt{
    text-align: center;
    margin: 5% 0;
}
.honor5c-04 h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor5c-04-bg{
    background: #fafafa;
    border-radius: 100%;
    padding: 5% 0;
}
.honor5c-04-tags{
    padding-top: 30%;
    margin: 5% 0;
}
.honor5c .item-tags>p{
    margin-top: 10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor5c .item-tags{
     float: none;
}

.honor5c-05{
    margin-top: 5%;
}
.honor5c-05 .txt1{
    margin-left: 10%;
}
.honor5c-06{
    text-align: center;
    background: #fafafa;
    padding-top: 5%;
}
.honor5c-06 .txt1{
    width: 80%;
    margin: 0 auto;
}
.honor5c-07{
    margin: 10% 0;
}
.honor5c-07 .txt{
    margin-left: 10%;
    position: absolute;
}
.honor5c-07 .txt1{
    margin-left: 40%;
    margin-top: -10%;
}
.honor_5c_7_border p{
    position: relative;
    margin-top: 5%;
}
.honor5c-08{
    background: #fafafa;
    text-align: center;
    padding: 5% 0;
}
.honor5c-08 .txt1 h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor5c-09 .txt1{
    padding-top: 18%;
}
.honor5c-tags{
    margin-bottom: 50px;
}

.honor5c-10 .txt1{
    position: absolute;
    top: 17%;
    left: 10%;
}

.honor5c-11 .txt1{
    position: absolute;
    right: 15%;
    top: 10%;
}
.honor5c-11 .txt{
    position: absolute;
    bottom: 4%;
    left: 10%;
    width: 50%;
}
.honor5c-12{
    background: #000;
    text-align: center;
    padding: 5% 0;
}
.honor5c-12 h4{
    color: #fff;
}
.honor5c-12 .txt1{
    position: absolute;
    text-align: center;
    padding: 5% 0;
    width: 100%;
}
.honor5c-13 .txt1{
    position: absolute;
    right: 10%;
    top: 20%;
    width: 50%;
}
.honor5c-14{
    margin-top: 5%;
}
.honor5c-14 .txt1{
    margin-left: 10%;
}
.honor5c-15{
    background: #fafafa;
    padding-bottom: 5%;
}
.honor5c-15 .txt1{
    margin-left: 10%;
    width: 60%;
    margin-top: -60px;
}

.honor5c-15 .honor5c-15-img li{
    position: relative;
}
.honor5c-15 .honor5c-15-img i{
    position: absolute;
    color: #666;
    font-size: 16px;
}
.honor5c-15 .honor5c-15-p .honor5c-15-img p{
    padding-left: 20px;
}
.honor5c-16{
    padding: 5% 0;
    background: #ececec;
}
.honor5c-16  .txt{
    padding-top: 15%;
}
.honor5c #top-banner{
    max-height: inherit !important;
}

.honor5c .item-tags {
    width: 20%;
    vertical-align: top;

}
.honor5c .item-tags h3{
    font-size:36px;
    line-height: 100%;
}
a.we-video-icon-6 {
    text-decoration: none;
    color: #01b4e1;
}
@media only screen and (min-width: 768px) and (max-width: 1423px) {
    .honor5c-03 .txt1 {
        margin-top: 10%;
    }
    .honor5c .item-tags h3{
        font-size: 36px;
    }
    .honor5c-11 .txt1 {
        position: absolute;
        right: 6%;
        top: 6%;
    }
    .honor5c-11 .text-list-menu li{
        line-height: 125%;
    }
.honor5c-11 .txt {
    position: absolute;
    bottom: 2%;
    left: 10%;
    width: 50%;
}
}
@media only screen and (max-width: 767px) {
    .honor5c .honor_5c_2_txt p {
        color: #3179a4;
        font-size: 12px;
    }
    .honor5c .item-tags {
        margin-bottom: 10px;
        min-width: 120px;
    }
    .honor5c .honor5c-01-txt .item-tags {
        width: 33%;
        min-width: 0;
    }
    .honor5c-11 .txt{
        width:100%;
    }
    .honor5c .item-tags .font-40 {
        text-align: center;
    }
    .honor5c .honor5c-01 .blank-fonts h3{
        color: #fff !important;
    }
    .honor5c .honor5c-01 .blank-fonts p{
        color: #fff !important;
        word-break: normal;
    }
    .honor5c-01-txt {
        width: 100%;
        margin: 0 auto;
    }
    .honor5c-04-bg {
        background: #fafafa;
        border-radius: 0;
        padding: 5% 0;
    }
    .honor5c-11 .txt1 {
        position: relative;
        right: 0;
        top: 10%;
    }
    .honor5c-11 .txt {
        position: relative;
        bottom: 0;
        left: 0;
    }
    .honor5c-11 .text-list-menu{
        display: inline-block;
        width: 100%;
    }
    .honor5c-04-tags {
        padding-top: 2%;
        margin: 5% 0;
    }
    .honor5c-04 {
        margin: 0;
    }
    .honor5c-12 .txt1 {
        position: relative;
        text-align: center;
        padding: 0;
        width: 100%;
    }
    .honor5c-06 .txt1 {
        width: 100%;
    }
    .honor5c-12 h4{
        color: #fff;
    }
    .honor5c p {
        line-height: 155%;
    }
    .honor5c h3 {
        font-size: 24px;
        font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
        color: #666;
        line-height: 175%;
    }
    .honor5c-15 .txt1 {
        margin-left: 0;
        width: 100%;
        margin-top: 0;
    }
    .honor5c-02 .txt1 {
        text-align: left;
        margin-left: 0;
    }
    .honor5c-05 .txt1 {
        margin-left: 0;
    }
    .honor5c-12 .txt{
        text-align: left;
    }

    .honor_5c_12-p{
        display: block;
        width: 100%;
        overflow: hidden;
        margin-left: 5px;
    }
    .honor5c-14 .txt1 {
        margin-left: 0;
    }

    .honor5c h4 {
        font-size: 18px;
    }
    .honor5c-kv-btn {
        position: absolute;
        bottom: 20px;
        left: 0;
        text-align: center;
        width: 50%;
    }
    .honor5c .we-video-icon-6 {
        font-size: 18px;
        line-height: 30px;
        margin-top: 4px;
    }
    .honor5c .we-video-icon-6 {
        width: auto;
        height: 30px;
        padding: 0px 20px;
        background-color: none;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 30px;
        position: relative;
        text-align: center;
    }
    .honor5c-kv-btn a{
        display: inline-block;
    }
    .honor5c .honor_5c_2_anination {
        margin: 0;
        letter-spacing: -0.315em;
    }
}
/*honor-5c-video start*/
.honor-5c-video-contest{

}
.honor-5c-video .video-03-txt .btn.btn-03{
    width: 100px;
    height: 30px;
    background: #fff;
    color: #333;
    border-radius: 20px;
    display: inline-block;
    margin-right: 10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}
.honor-5c-video-contest .contest-01-bg{
    background: url("/content/dam/honor/global/other/common/img/honor-5c-video-contest-bg_01.jpg") no-repeat center;
    width: 100%;
    height: 837px;
    position: relative;
}
.honor-5c-video-contest .contest-02-bg{
    background: url("/content/dam/honor/global/other/common/img/honor-5c-video-contest-bg_02.jpg") no-repeat center;
    width: 100%;
    height: 944px;
    position: relative;
}
.honor-5c-video-contest .contest-02-bomton h3{
    font-size: 28px;
}
.honor-5c-video-contest .contest-02-bomton{
    background: url("/content/dam/honor/global/other/common/img/video-context-bg.png");
    padding: 40px 60px;
    margin-top: 50px;
}
.honor-5c-video-contest .contest-02>.row a {
    color: #333;
}
.honor-5c-video-contest .contest-01{
    margin-top: 15%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}
.honor-5c-video-contest h3{
    color: #fff;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    text-align: center;
    font-size: 48px;
}
.honor-5c-video-contest .contest-02-btn{
    width: 130px;
    height: 36px;
    background: #fff;
    font-size: 24px;
    border-radius: 50px;
    line-height: 32px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor-5c-video-contest .h3-yellow{
    color: #ddaf19;
}
.honor-5c-video-contest .contest-02>.row{
    margin-top: 10px;
}
.honor-5c-video-contest .contest-02>.row h3{
    font-size: 26px;
}

.honor-5c-video-contest .contest-02>.row span{
    color: #ddaf19;
    padding-right: 5px;
}
.honor-5c-video-contest h3.h3-02{
    font-size: 36px;
}
.honor-5c-video-contest .contest-02{
    padding-top: 10px;
}
.honor-5c-video-contest .contest-02 h3{
    text-align: left;
}
.honor-5c-video p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-5c-video .honor-5c-video-01{
    background: url("/content/dam/honor/global/other/common/img/honor5C_Videoframe_01.jpg") repeat-y center center;
    width: 100%;
    min-height: 835px;
    position: relative;
}
.honor-5c-video .honor-5c-video-02{
    background: url("/content/dam/honor/global/other/common/img/web_5C_page1_02.jpg") repeat-y center center;
    width: 100%;
    min-height: 675px;
    position: relative;
}
.honor-5c-video .honor-5c-video-03{
    background: url("/content/dam/honor/global/other/common/img/honor5C_Videoframe_03.jpg") repeat-y center center;
    width: 100%;
    min-height: 550px;
    position: relative;
}
.honor-5c-video h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #fff;
}
.honor-5c-video .video-share{
    position: absolute;
    top: 100px;
    left: 10%;
}
.honor-5c-video .video-share .btn{
    width: 100px;
    border-radius: 25px;
    height: 38px;
    line-height: 30px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    font-size: 18px;
}
.honor-5c-video .video-share .btn i{
    padding-right: 5px;
}
.honor-5c-video .video-01-txt{
    top: 30%;
    right: 20%;
    color: #fff;
    position: absolute;
}
.honor-5c-video .video-01-txt h3{
    font-size: 48px;
}
.honor-5c-video .video-01-down{
    right: 30%;
    margin-top: 15%;
    position: absolute;
    font-size: 36px;
}

.honor-5c-video .video-01-down a{
    color: #fff;
}
.honor-5c-video .honor-5c-video-02 .video-02-txt{
    position: absolute;
    top:10%;
    left: 20%;
}
.honor-5c-video .honor-5c-video-02 .video-02-txt h3{
    font-size: 36px;
    margin-top: 10px;
}
.honor-5c-video .honor-5c-video-02 .video-02-txt span{
    font-size: 48px;
}
.honor-5c-video .honor-5c-video-03{
    letter-spacing: -0.315em;
}
.honor-5c-video .honor-5c-video-mindle{
    padding-top: 50px;
}
.honor-5c-video .honor-5c-video-mindle>div[class*="col-"] {
    display: inline-block;
    letter-spacing: normal;
    float: none;
    vertical-align: middle;
}
.honor-5c-video .honor-5c-video-03 .video-03-txt{
    max-width: 600px;
    margin: auto;
    padding-top: 30px;
}
.honor-5c-video-03 .video-03-input{
    text-align: center;
}
.honor-5c-video .honor-5c-video-03 .video-03-txt .video-03-txt-btn{
    margin-top: 20px;
    text-align: center;
}
.honor-5c-video .honor-5c-video-03 .video-03-txt p{
    font-size: 16px;
    color: #fff;
    line-height: 175%;
}
.honor-5c-video .video-03-txt h3{
    font-size: 36px;
}
.honor-5c-video .video-03-txt .btn{
    height: 28px;
    background: none;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    border: none;
    color: #333;
}
.honor-5c-video .video-03-input .btn{
    margin: 40px 0 20px 0;
    background: none;
    height: 48px;
    border-radius: 0;
    color: #333;
    font-size: 16px;
}
.honor-5c-video .video-03-right-bg{
    border: 1px solid #fff;
    background: #00598b;
    opacity: 0.8;
    width: 80%;
    margin: auto;
    height: 300px;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    z-index: 0;
}
.honor-5c-video .video-03-right-txt p.video-03-right-txt-2{
    font-size: 24px;
    padding: 10px 0;
    font-weight: bold;
}
.honor-5c-video .video-03-right-txt p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    text-align: center;
}
.honor-5c-video .video-03-right-txt a{
    color: #333;
    line-height: 32px;
}
.honor-5c-video .video-03-right-txt .btn{
    background: #fff;
    border-radius: 20px;
    height: 45px;
    width: 180px;
    font-size: 20px;
    margin:40px auto 0 auto;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    display: inherit;

}
.honor-5c-video .video-03-right-content{
    position: relative;
}
.honor-5c-video .video-03-right-txt{
    padding: 5%;
    z-index: 2;
    position: relative;
    width: 80%;
    margin: auto;
}
.honor-5c-video .honor-5c-video-04{
    background: url("/content/dam/honor/global/other/common/img/honor5C_Videoframe_04.jpg") no-repeat center center;
    width: 100%;
    height: 510px;
    position: relative;
    letter-spacing: -0.315em;
}
.honor-5c-video .honor-5c-video-04>div[class*="col-"] {
    display: inline-block;
    letter-spacing: normal;
    float: none;
    vertical-align: middle;
}
.honor-5c-video .video-04-txt{
    max-width: 600px;
    margin: auto;
    min-width: 310px;
    padding: 10% 0;
}
.honor-5c-video .video-04-txt h3{
    font-size: 36px;
}
.honor-5c-video .honor-5c-video-04 .form-control{
    background: #fff;
    border-radius: 0;
    height: 200px;
    color: #333;
    max-height: 300px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
}
.honor-5c-video .honor-5c-video-04 .honor-5c-video-04-right #comment-list{
    background: none;
}
.honor-5c-video .honor-5c-video-04 .btn{
    background: #00b2e6;
    border-radius: 20px;
    margin-top: 20px;
    width: 160px;
    font-size: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    height: 40px;
    color: #fff;
}
.honor-5c-video .honor-5c-video-04-right{
    max-width: 80%;
    margin: auto;
}
.honor-5c-video .honor-5c-video-04 .honor-5c-video-04-right .form-control {
    height: 450px;
    min-width: 320px;
    width:100%;
}
.honor-5c-video .honor-5c-video-04-right .form-control{
    max-height: 300px;
    overflow: auto;
}
.honor-5c-video .comment-admin-icon{
    border-radius: 50%;
    border: 2px solid #0060b9;
    text-align: center;
    display: table;
    background: #fff;
}
.honor-5c-video .comment-admin-icon img{
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%;
}
.honor-5c-video .video-comment{
    margin: 20px;
    border-bottom: 1px solid #ccc;
}
.honor-5c-video .comment-admin-title{
    display: inline-block;
}
.honor-5c-video .comment-admin-title h3{
    color: #fff ;
    font-size: 18px;
}
.honor-5c-video .comment-admin-title span{
    font-size: 12px;
    color: #fff;
}
.honor-5c-video .comment-admin-p{
    overflow: hidden;
    width: 100%;
}
.honor-5c-video .comment-admin-p p{
    font-size: 16px;
    color: #fff;
    word-break: break-all ;
}
.honor-5c-video-line-content{
    /*border: 2px solid #fff;*/
    height: auto;
    /*width: 80%;*/
    width: 800px;
    margin: auto;
    background: #000;
}

.video-landing-page-bg{
    background: url("/content/dam/honor/global/other/common/img/video_LandingPage1.jpg") no-repeat center center;
    height:1080px;
    width: 100%;
    overflow: hidden;
}
.video-landing-page-txt{
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    width: 100%;
}
.video-landing-page{
    overflow: hidden;
}
.video-landing-page-top-txt{
    color: #fff;
    font-size: 48px;
    position: absolute;
    right: 5%;
    top: 5%;
}
.video-landing-page-top-txt h3{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.video-landing-page-txt h3{
    font-size: 68px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.video-landing-page-txt p{
    font-size: 28px;
    margin-top: 1%;
    line-height: 125%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.video-landing-page-txt p.p2{
    font-size: 36px;
    margin-top:3%;
    line-height: 125%;
}
.video-landing-page-txt .video-landing-page-txt-p{
    vertical-align: middle;
    padding: 0 2%;
}
.video-link{
    margin: 20px 0;
}
.honor-5c-video-contest .video-link h3{
    color: #fff;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
}
.honor-5c-video-contest .video-link .video-link-img{
    display: inline-block;
    margin: 0 20px;
    width: 14%;
}
.honor-5c-video-contest .video-link .video-link-img img{
    max-width: 160px;
    max-height: 70px;
}
.video-content-grey-bg{
    display: none;
    transition: all .5s;
}
.video-content-grey-bg.on {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=10);
    background-color: #000;
    z-index: 9991;
    position: fixed;
    transition: all .5s;
}
.context-show{
    display: none;
    width: 400px;
    height: 200px;
    border: 1px solid #fff;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 9999;
    background: #fff;
    border-radius: 5px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.context-show.on{
    display: block;
    width: 400px;
    height: 200px;
    z-index: 9999;
    border: 1px solid #fff;
    position: fixed;
    top: 40%;
    left: 50%;
    background: #fff;
    border-radius: 5px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.context-show .context-btn{
    bottom: 10px;
    position: absolute;
    text-align: right;
    width: 100%;
}
.context-show .context-btn a{
    width: 100px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
}
.context-show .context-btn a.no{
    height: 57px;
    width: 176px;
    display: inline-block;
    text-align: center;
    color: #00bae4;
    text-decoration: underline;
    font-size: 18px;
}
.context-show .context-btn a.yes{
    background: url("/content/dam/honor/global/other/common/img/home_btn.png") no-repeat center center;
    height: 57px;
    width: 176px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-size: 90%;
}
.context-show  h3{
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-align: center;
    margin-top: 50px;
}
.context-show-text{
    display: none;
    width: 400px;
    height: 250px;
    border: 1px solid #fff;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 9999;
    background: #fff;
    border-radius: 5px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.context-show-text.on{
    display: block;
    width: 400px;
    height: 250px;
    border: 1px solid #fff;
    position: fixed;
    top: 40%;
    z-index: 9999;
    left: 50%;
    background: #fff;
    border-radius: 5px;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.context-show-text .context-btn{
    bottom: 10px;
    position: absolute;
    text-align: right;
    width: 100%;
}
.context-show-text .context-btn a{
    width: 100px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
}
.context-show-text .context-btn a.no{
    background: url("/content/dam/honor/global/other/common/img/home_btn.png") no-repeat center center;
    height: 57px;
    width: 176px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-size: 90%;
}
.context-show-text .context-btn a.yes{
    background: url("/content/dam/honor/global/other/common/img/home_btn.png") no-repeat center center;
    height: 57px;
    width: 176px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-size: 90%;
}
.context-show-text .context-btn>a.yes{
    /*display: none;*/
}
.context-show-text h3{
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-align: center;
    margin: 20px 0 10px 0;
}
.context-show-text p{
    font-size: 14px;
    line-height: 155%;
    padding: 0 10px;
}
.context-show-text input{
    height: 45px;
    width: 380px;
    margin: 0 8px;
    position: relative;
    color: #00b7e1;
    font-size: 16px;
}
.video-03-right-txt .btn{
    height: 38px;
    line-height: 24px;
    width: 180px;
    font-size: 20px;
    margin: 40px auto 0 auto;
    color: #333;
    background: #fff;
    border-radius: 20px;
}
.video-landing-page-home{
    bottom: 5%;
    right: 2%;
    position: fixed;

}
.video-landing-page-home a{
    font-size: 18px;
    color: #fff;
    padding: 1px;
    border-bottom: 1px solid #fff;
}
.video-landing-page-home a:hover{
    text-decoration: none;
    color: #00b5e2;
    border-color: #00b5e2;
}
.video-landing-page-logo{
    position: absolute;
    left: 5%;
    top: 5%;
}
.honor-5c-video-contest .video-01-down {
    text-align: center;
    margin-top: 7%;
    width: 100%;
    position: absolute;
    font-size: 36px;
}
.honor-5c-video-contest .video-01-down a {
    color: #fff;
}


/*---------20160620 video update--------*/

.video-03-txt-bg{
    background:url("/content/dam/honor/global/other/common/img/Rectangle-9_03.png");
    width: 100%;
    min-height: 200px;
    margin: auto;
}
.video-03-txt-bg .txt h3{
    text-align: left;
}

.honor-5c-video .video-03-txt-bg .txt{
    padding: 20px;
}
.honor-5c-video .honor-5c-video-03 .video-03-txt .video-03-txt-bg p {
    font-size: 18px;
    color: #fff;
    line-height: 175%;
}
.honor-5c-video .honor-5c-video-03 .video-03-txt .video-03-txt-btn .btn {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    background: #fff;
    border-radius: 20px;
    height: 44px;
    width: 180px;
    display: inherit;
    line-height: 33px;
    font-size: 18px;
    margin: 20px auto 0 auto;
}
.honor-5c-video-mindle h3{
    text-align: center;
    letter-spacing: normal;
    font-size: 60px;
}
.video-03-txt-border-right{
    border-right: 2px solid #333;
}
.web_5C_pagesmar_link{
    background: url("/content/dam/honor/global/other/common/img/web_5C_page1_link_bg.jpg") no-repeat center;
    width: 100%;
    height: 100%;
}
.web_5C_pagesmar_link .video-link{
    margin: 0;
    top: 30%;
    position: relative;
    margin-left: 10%;
    padding: 30px 20px;
}
.web_5C_pagesmar_link .video-link h3 {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
}
.web_5C_pagesmar_link .video-link .video-link-img{
    display: inline-block;
    margin: 0 20px;
    width: 15%;
    min-width: 100px;
    max-width: 140px;
}
.honor-5c-video .honor-5c-video-01 {
    background: url("/content/dam/honor/global/other/common/img/web_5C_page1_012.jpg") repeat-y center center;
    width: 100%;
    min-height: 835px;
    position: relative;
}
.DareToPerform-txt{
    z-index: 998;
    position: absolute;
    top: 10%;
    right: 10%;
}
.DareToPerform-txt a{
    color: #fff;
    font-size: 24px;
}
.video-01-txt-btn{
    width: 200px;
    height: 52px;
    border: 2px solid #fff;
    text-align: center;
    margin:20px auto 0 auto;
}
.video-01-txt-btn a{
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .web_5C_pagesmar_link .video-link .video-link-img {
        margin: 0 8px;

    }
    .web_5C_pagesmar_link .video-link {
        padding: 20px 5px;
        margin-left: 0;
    }
    .honor-5c-video .video-01-txt {
        top: 25%;
        right: inherit;
        color: #fff;
        position: absolute;
        padding: 10px;
        width: 100%;
    }
    .honor-5c-video-mindle h3 {
        text-align: center;
        letter-spacing: normal;
        font-size: 28px;
    }
    .video-03-txt-border-right {
        border-right: none;
    }
}
/*-----------20160620 videoupdate ----------*/
@media only screen and (min-width: 1024px) and (max-width: 1423px) {
    .video-landing-page-txt {
        position: absolute;
        top: 45%;
        left: 50%;

    }
    .honor-5c-video-contest .video-link .video-link-img img {
        max-width: 120px;
        max-height: 70px;
    }
    .honor-5c-video-contest .contest-01 {
        margin-top: 21%;
    }
    .video-landing-page-bg{
        background: url("/content/dam/honor/global/other/common/img/video_LandingPage1.jpg") no-repeat center center;
        height:880px;
        width: 100%;
        overflow: hidden;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .video-landing-page-txt {
        position: absolute;
        top: 45%;
        left: 50%;

    }
    .honor-5c-video-contest .video-link .video-link-img img {
        max-width: 100px;
        max-height: 70px;
    }
    .honor-5c-video-contest .contest-01 {
        margin-top: 31%;
    }
    .video-landing-page-bg{
        background: url("/content/dam/honor/global/other/common/img/video_LandingPage1.jpg") no-repeat center center;
        height:800px;
        width: 100%;
        overflow: hidden;
    }
}
@media(max-width: 767px) {
    .honor-5c-video-contest h3 {
        font-size: 40px;
    }
    .honor-5c-video-contest .video-link .video-link-img img {
        max-width: 127px;
        max-height: 70px;
    }
    .honor-5c-video .honor-5c-video-04 .btn {
        margin: 20px auto 0 auto;
        display: inherit;
    }
    .context-show{
        width: 300px;
    }
    .context-show.on{
        width: 300px;
    }
    .context-show-text{
        width: 300px;
    }
    .context-show-text input{
        width: 280px;
    }
    .context-show .context-btn a.no {
        width: 145px;
    }
    .context-show .context-btn a.yes {
        width: 145px;
    }
    .context-show-text .context-btn a.no {
        width: 145px;
    }
    .context-show-text .context-btn a.yes {
        width: 145px;
    }
    .context-show-text.on {
        height: 280px;
    }
    .context-show .context-btn a {
        font-size: 18px;
    }
    .context-show-text .context-btn a {
        font-size: 18px;
    }
    .context-show-text.on{
        width: 300px;
    }
    .context-show .context-btn {
        bottom: 10px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .context-show{
    }
    .context-show-text{
    }
    .context-show-text.on {
    }
    .context-show.on {
    }
    .context-show-text .context-btn {
        text-align: center;
    }

    .honor-5c-video-contest  .contest-02>.row h3 {
        font-size: 18px;
    }
    .contest-01-bg {
        height: 647px;
    }
    .honor-5c-video-contest .contest-02-bg {
        height: 635px;
    }
    .honor-5c-video-contest .contest-02-btn {
        width: 90px;
        height: 32px;
        background: #fff;
        font-size: 20px;
        border-radius: 50px;
        line-height: 26px;
        font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    }
    .honor-5c-video-contest h3.h3-02 {
        font-size: 28px;
    }
    .honor-5c-video .honor-5c-video-04-right .form-control{
        max-height: 300px;
        overflow: auto;
    }
    .honor-5c-video-line-content{
        position: relative;
        /*border: 2px solid #fff;*/
        height: inherit;
        width: 100%;
        max-width: inherit;
        margin: auto;
        /*background: #000;*/
    }
    .honor-5c-video .video-03-right-content {
        position: relative;
        padding-top: 40px;
    }
    .honor-5c-video  .video-01-txt h3 {
        font-size: 28px;
    }
    .honor-5c-video .video-share {
        position: absolute;
        top: 10px;
        left: 10%;
    }
    .honor-5c-video  .video-01-txt {
        top: 25%;
        right: inherit;
        color: #fff;
        position: absolute;

    }
    .honor-5c-video  .honor-5c-video-02 .video-02-txt {
        position: absolute;
        bottom: inherit;
        left: 2%;
        top: 5%;
    }
    .honor-5c-video  .video-01-down {
        right: 30%;
        margin-top: 6%;
        position: absolute;
        font-size: 36px;
    }
    .DareToPerform-txt a {
        color: #fff;
        font-size: 20px;
    }
    .honor-5c-video  .honor-5c-video-01 {
        background: url("/content/dam/honor/global/other/common/img/honor-5c-video-contest-bg_01_mb.jpg") repeat-y center top ;
        min-height: 320px;
        width: 100%;
        position: relative;
        height: inherit;
    }
    .honor-5c-video  .honor-5c-video-02 {
        background: url("/content/dam/honor/global/other/common/img/honor5C_Videoframe_02_mb.jpg") repeat-y center top;
        min-height: 260px;
        width: 100%;
        position: relative;
        height: inherit;
    }
    .honor-5c-video  .honor-5c-video-03 {
        background: url("/content/dam/honor/global/other/common/img/honor5C_Videoframe_03_mb.jpg") repeat-y center top fixed;
        width: 100%;
        min-height: 611px;
        position: relative;
        height: inherit;
    }
    .honor-5c-video  .honor-5c-video-04 {
        background: url("/content/dam/honor/global/other/common/img/honor5C_Videoframe_04_mb.jpg") repeat-y center top fixed;
        width: 100%;
        min-height: 791px;
        position: relative;
    }
    .honor-5c-video-contest .contest-01-bg {
        background: url("/content/dam/honor/global/other/common/img/honor-5c-video-contest-bg_01_mb.jpg") no-repeat center;
        width: 100%;
        min-height: 397px;
        height: inherit;
        position: relative;
    }
    .honor-5c-video-contest .contest-02-bg {
        background: url("/content/dam/honor/global/other/common/img/honor-5c-video-contest-bg_02_mb.jpg") repeat-y fixed top center;
        width: 100%;
        min-height: 959px;
        height: inherit;
        position: relative;
    }
    .honor-5c-video-contest .contest-02-bomton h3 {
        font-size: 24px;
    }
    .honor-5c-video-contest .contest-02-bomton {
        padding: 20px;
        margin-top: 20px;
    }
    .honor-5c-video-contest .contest-02 h3 {
        text-align: center;
    }
    .honor-5c-video-contest .contest-02>.row .col-sm-10 h3{
        text-align: center;
    }
    .honor-5c-video-contest .contest-02>.row .contest-02-btn{
        text-align: center;
        margin: 10px auto 10px auto;
        display: inherit;

    }
    .honor-5c-video .video-03-right-txt p {
        font-size: 18px;
        line-height: 28px;
    }
    .honor-5c-video .video-03-right-txt p.video-03-right-txt-2 {
        font-size: 18px;
        padding: 10px 0;
        font-weight: bold;
    }
    .honor-5c-video .honor-5c-video-02 .video-02-txt h3 {
        font-size: 28px;
        padding: 5px;
    }
    .honor-5c-video  .video-04-txt h3 {
        font-size: 28px;
    }
    .honor-5c-video  .honor-5c-video-04-right {
        /*max-width: 100%;*/
        margin: auto;
        max-width: 408px;
    }
    .honor-5c-video  .video-comment {
        margin: 20px 0;
    }
    .honor-5c-video .video-03-right-bg {
        border: 1px solid #fff;
        opacity: 1;
        width: 100%;
        margin: auto;
        height: 250px;
        position: absolute;
        left: 0;
        margin-left: 0;
        z-index: 0;
    }
    .honor-5c-video .video-03-right-txt .btn {
        height: 38px;
        line-height: 24px;
        width: 180px;
        font-size: 20px;
        margin: 40px auto 0 auto;
    }
    .honor-5c-video .video-03-right-txt {
        padding: 5%;
        z-index: 2;
        position: relative;
        width: 100%;
        margin: auto;
    }
    .honor-5c-video  .honor-5c-video-mindle {
        padding: 10px;
    }
    .honor-5c-video  .video-03-txt h3 {
        font-size: 28px;
    }
    .honor-5c-video  .honor-5c-video-mindle>div[class*="col-"] {
        display: inherit;
        letter-spacing: normal;
        float: inherit;
    }
    .honor-5c-video-contest .video-link h3{
        color: #fff;
        font-size: 24px;
        display: block;
        text-align: left;
    }
    .honor-5c-video-contest .video-link .video-link-img {
        display: inline-block;
        padding: 0 10px 10px 10px;
        width: 50%;
        float: left;
        margin: auto;
        height: 70px;
    }
    .video-landing-page-txt h3 {
        font-size: 36px;
    }
    .video-landing-page-txt p {
        font-size: 18px;
        margin-top: 5%;
        line-height: 125%;
    }
    .video-landing-page-txt p.p2 {
        font-size: 24px;
        margin-top: 8%;
        line-height: 125%;
    }

    .video-landing-page-bg{
        background: url("/content/dam/honor/global/other/common/img/video_LandingPage_mb1.jpg") no-repeat center center;
        height: 735px;
        width: 100%;
        overflow: hidden;
    }

    .video-landing-page-txt {
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        text-align: center;
        color: #fff;
        width: 100%;
    }
}
/*honor-5c-video end*/

/* niefang xletix post */
/* 2016-06-08 bof */
.bx-wrapper ul li{
    display:block;
}
.bg-blue-5x{
    background-color:#3eb3e8;
}
.xletix-datebox{
    padding-top:30px;
    padding-bottom:30px;
}
.date-text{
    text-align:center;
    padding:30px 0;
}
.date-text>img{
    margin-bottom:10px;
    max-width:180px;
}
.date-imgbox{
    width:100%;
    margin:0 auto 20px;
    max-width:800px;
}
.date-imgbox img{
    margin-bottom:10px;
}
.date-imgbox img:hover{
    opacity:0.6;
    filter:alpha(opacity=60);
}
.date-imgbox>.row>div[class*="col-"]{
    overflow:hidden;
}
.btn-demo{
    min-width:200px;
    height:44px;
    border:2px solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 0.1em;
}
a.blueborder{
    border-color:#00b2e6;
    color:#00b2e6;
    text-decoration:none;
    transition: ease-in .3s;
    -o-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
}
a.blueborder:hover{
    color:#fff;
    background-color:#00b2e6;
}
.xletix-videobox{
    background-color:#eee;
    background-image:none;
    text-align:center;
}
.xletix-videobox .video-content{
    margin-top:20px;
}
.xletix-workmallbox{
    padding-top:30px;
    padding-bottom:30px;
    text-align:center;
}
.xletix-workmallbox .wookmark{
    margin-bottom:30px;
    letter-spacing:-0.315em;
    position:relative;
}

.xletix-workmallbox .wookmark>div[class*="col-"]{
    margin-top:10px;
    display:inline-block;
    float:none;
    letter-spacing:normal;
    vertical-align:top;
}
.masonry img{
    max-width:100%;
}
.waterfull .item {
    margin-top:10px;
}
.sxsw-section4 .video-js{
    width:100%;
}
.sxsw-section4 .container{
    width:100%;
    max-width:1200px;
}
@media (max-width:767px){
    .waterfull>.row,
    .waterfull>.row>li[class*="col-"]{
        width:100% !important;
    }
}
#waterfull {
    margin-bottom: 30px;
}
/* 2016-06-08 eof */




/*honor-wear-zero-ss start*/
.honor-wear-zero-ss .honor5c-kv-btn{
    position: absolute;
    bottom: 20%;
    right: 20%;
    left: inherit;
}
.honor-wear-zero-ss .honor5c-kv-btn .we-video-icon-6{
    border-color: #fff;
    color: #fff;
}
.honor-wear-zero-ss .blank-fonts{
    position: absolute;
}
.honor-wear-zero-ss-01 .blank-fonts{
    top: 35%;
    right: 0;
    width: 40%;
}
.honor-wear-zero-ss-02 .blank-fonts{
    top: 35%;
    left: 10%;
    width: 40%;
}
.honor-wear-zero-ss-04 .blank-fonts{
    top: 35%;
    right: 0;
    width: 40%;
}
.honor-wear-zero-ss-05 .blank-fonts{
    top: 35%;
    left: 10%;
    width: 40%;
}
.honor-wear-zero-ss-07 .blank-fonts{
    top: 35%;
    right: 0;
    width: 40%;
}
.honor-wear-zero-ss-08 .blank-fonts{
    top: 35%;
    left: 5%;
    width: 40%;
}
.honor-wear-zero-ss-09 .blank-fonts{
    top: 15%;
    text-align: center;
    width: 100%;
}
.honor-wear-zero-ss-10 .blank-fonts{
    top: 35%;
    right: 0;
    width: 40%;
}
.honor-wear-zero-ss-12 .blank-fonts{
    top: 35%;
    right: 5%;
    width: 40%;
}
.honor-wear-zero-ss-13 .blank-fonts{
    top: 35%;
    left: 10%;
    width: 40%;
}
.honor-wear-zero-ss-14 .blank-fonts{
    top: 20%;
    right: 0;
    width: 40%;
}
.honor-wear-zero-ss-13 .item-tags img{
    max-width: 100px;
}
.honor-wear-zero-ss .item-tags {
    text-align: center;
    margin: 20px 0;
}
.honor-wear-zero-ss .item-tags p{
    margin: 10px 0;
    white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .honor-wear-zero-ss .item-tags img{
        max-width: 80px;
    }
    .honor-wear-zero-ss .item-tags {
        text-align: center;
        margin: 20px 0;
        max-width: 100px;
        min-width: 80px;
    }
    .honor-wear-zero-ss-07 .blank-fonts {
        top: 15%;
    }
    .honor-wear-zero-ss-08 .blank-fonts {
        top: 15%;
    }
    .honor-wear-zero-ss-10 .blank-fonts {
        top: 15%;
    }
    .honor-wear-zero-ss-12 .blank-fonts {
        top: 15%;
    }
    .honor-wear-zero-ss-13 .blank-fonts {
        top: 15%;
    }
    .honor-wear-zero-ss-14 .blank-fonts {
        top: 10%;
    }
}
@media only screen and (max-width: 767px) {
    .honor-wear-zero-ss .honor5c-kv-btn {
        position: absolute;
        bottom: 20%;
        right: 0%;
        left: inherit;
    }
    .honor-wear-zero-ss .honor5c-kv-btn .we-video-icon-6 {
        border-color: #fff;
        color: #fff;
        width: 120px;
        height: 30px;
        line-height: 30px;
    }
    .honor-wear-zero-ss .blank-fonts {
        position: relative;
        margin: 5px 0;
    }
    .honor-wear-zero-ss-01 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-02 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-04 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-05 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-07 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-08 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-09 .blank-fonts {
        top: 10%;
        position: absolute;
    }
    .honor-wear-zero-ss-10 .blank-fonts {
        width: 100%;
        left: 0;
    }
    .honor-wear-zero-ss-10 .blank-fonts p {
        display: block;
    }
    .honor-wear-zero-ss-12 .blank-fonts {
        right: 0;
        width:100%;
    }
    .honor-wear-zero-ss-13 .blank-fonts {
        left: 0;
        width:100%;
    }
    .honor-wear-zero-ss-14 .blank-fonts {
        right: 0;
        width:100%;
    }
    .honor-wear-zero-ss .item-tags img{
        max-width: 50px;
    }
    .honor-wear-zero-ss .item-tags {
        text-align: center;
        margin: 20px 0;
        max-width: 100px;
        min-width: 80px;
    }
}
/*honor-wear-zero-ss end*/


/*honor5c-eu start*/
.honor5c-eu-01{

}
.honor5c-eu h3{
    color:#000;
}
.honor5c-eu-icon{
    text-align: center;
}
.honor5c-eu-01-img{
    margin: 5% 0;
}
.honor5c-eu-02{
    padding-top: 10%;
    background: #000;
    overflow: hidden;
    margin-top: 5%;
}
.honor5c-eu-02 .txt{
    color: #fff;
}
.honor5c-eu-03{
    background: #fafafa;
    display: block;
    overflow: hidden;
}
.honor5c-eu-03 .txt{
    left: 10%;
    margin-top: 10%;
    position: relative;
}
.honor5c-eu-04{
    background: #ececee;
    display: block;
    overflow: hidden;
}
.honor5c-eu-04 .txt{
    left: 10%;
    margin-top: 10%;
    position: relative;
}
.honor5c-eu .honor5c-04-bg{
    background: #fff;
}
.honor5c-eu-06{
    background: #000000;
    overflow: hidden;
}
.honor5c-eu-06{
    color: #fff;
    padding: 10% 0 0 10%;
}
.honor5c-eu-07{
    overflow: hidden;
}
.honor5c-eu-07{
    padding: 10% 0 0 10%;
}
.honor5c-eu-08{
    background: #00b2e6;
    margin: 5% auto;
    text-align: center;
    padding: 5% 0;
}
.honor5c-eu-08 h3{
    color: #fff;
}
.honor5c-eu-08-btn{
    width: 250px;
    height: 45px;
    margin: 20px auto 0 auto;

}
.honor5c-eu-08-btn .we-video-icon-6{
    color: #fff;
    border-color: #fff;
}
.honor5c-eu .table tr td:last-child{
    width: 50%;
    word-wrap: break-word;
    white-space: normal;
}
.honor5c-eu .table td{
    border: 1px solid #fff;
    border-left: 3px solid #fff;
    vertical-align: middle;
    padding: 10px;
}
.honor5c-eu .table tr:nth-child(odd){
    background: #eee;
}
.honor5c-eu .table tr:nth-child(odd):hover{
    background: #ccc;
    cursor: pointer;
}
.honor5c-eu .table tr:nth-child(even):hover{
    background: #fafafa;
    cursor: pointer;
}
.honor5c-eu tbody tr .color-td{
    color: #00b7e1;
    vertical-align: middle;
    background: #eee;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 4px solid #fff;
    padding-left: 2%;
    width: 25%;
}
.honor5c-eu-02 h3,.honor5c-eu-06 h3, .honor5c-eu-02 .item-tags>p{
    color: #fff;
}
.honor5c-eu h4{
    color: #42beed;
    line-height: 100%;
}
.honor5c-eu-08 h3{
    line-height: 100%;
}
.honor5c-eu-09{
    margin-top: 50px;
}
.honor5c-eu-09 h3{
    text-align: center;
    color: #000;
}
.honor5c-eu .honor5c-eu-01 .item-tags {
    height: 170px;
}
.honor5c-eu .we-honor5x {
    top: 60%;
    left: 23%;
    position: absolute;
}
.honor5c-eu .we-honor5x .banner-btnstyle{
    color: #fff;
    border: 2px #fff solid;
}
@media only screen and (max-width: 767px) {
    .honor5c-eu .we-honor5x {
        width: 100%;
        text-align: center;
        position: relative;
        left: 0;
        margin: auto;
    }
    .honor5c-eu .we-honor5x .banner-btnstyle {
        color: #00b3e0;
        border: 2px #00b3e0 solid;
        width: 150px;
        height: 35px;
        font-size: 18px;
        line-height: 37px;
        text-align: center;
    }
    .honor5c-eu-08-btn {
        width: auto;
        height: 45px;
        text-align: center;
        display: inline-block;
    }
    .honor5c-eu-02 .txt {
        margin-left: 10px;
    }
    .honor5c-eu-03 .txt {
        left: 0;
        margin: 10px;
    }
    .honor5c-eu-04 .txt {
        left: 0;
        margin: 10px;
    }
    .honor5c-eu-06 {
        padding: 10px;
    }
    .honor5c-eu-07 {
        padding: 10px;
    }
    .honor5c-eu-02 h3,.honor5c-eu-06 h3, .honor5c-eu-02 .item-tags>p{
        color: #fff;
    }
}
.honor5c-eu .table-responsive{
    border: none;
}
/*honor5c-eu end*/



/* 2016-06-15 eof */


/*power-bank-ap start 20160620*/
.power-bank-ap .honor-en{
    margin: 0;
    padding: 0;
}
.power-bank-ap .blank-fonts{
    position: absolute;
}
.power-bank-ap-01 .blank-fonts{
    top: 15%;
    left: 10%;
    width: 80%;
}
.power-bank-ap-01-txt{
    font-size: 48px;
    line-height: 120%;
}
.power-bank-ap-02 .blank-fonts{
    bottom: 15%;
    left: 10%;
}
.power-bank-ap-03 .blank-fonts{
    top: 15%;
    left: 10%;

}
.power-bank-ap-04 .blank-fonts{
    top: 15%;
    text-align: center;
    width: 100%;
}
.power-bank-ap-05 .blank-fonts{
    top: 15%;
    left: 10%;

}
.power-bank-ap-05 .blank-fonts h3 ,.power-bank-ap-05 .blank-fonts p,.power-bank-ap-04 .blank-fonts h3,.power-bank-ap-04 .blank-fonts p{
    color: #fff !important;
}
.power-bank-ap-06 .blank-fonts{
    bottom: 15%;
    left: 10%;
}
.power-bank-ap-07 .blank-fonts{
    top: 10%;
    left: 10%;

}
@media only screen and (max-width: 767px) {
    .power-bank-ap .blank-fonts{
        position: relative;
    }
    .power-bank-ap-01 .blank-fonts {
        top: 0;
        left: 0;
        width: 100%;
    }
    .power-bank-ap-02 .blank-fonts {
        bottom: 0;
        left: 0;
    }
    .power-bank-ap-03 .blank-fonts {
        top: 0;
        left: 0;
    }
    .power-bank-ap-04 .blank-fonts {
        top: 0;
        text-align: justify;
        width: 100%;
    }
    .power-bank-ap-05 .blank-fonts {
        top: 0;
        left: 0;
    }
    .power-bank-ap-06 .blank-fonts {
        bottom: 0;
        left: 0;
    }
    .power-bank-ap-07 .blank-fonts{
        top: 5%;
        left: 10%;
        position: absolute;
    }
}
/*power-bank-ap end*/

/* brand-new bof */
.brand-newsall .swiper-bannerbox{
    position:relative;
}
.brand-newsall .swiper-bannerbox .banner-mask {
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    bottom: -3px;
    z-index: 98;
}
.brand-newsall .banner-swiper-container{
    width:100%;
    height:100%;
}
.brand-newsall .mobileimg{
    display:none;
}
.brand-newsall .pcimg{
    display:block;
}
.brand-newsall .pcimg,
.brand-newsall .mobileimg{
    width:100%;
    margin:0 auto;
}
.brand-newsall{
    color:#333;
}
.brand-newsall h2.title{
    font-size:36px;
}
.brand-newsall .brandnew-title{
    text-align:center;
    color:#999;
    margin-bottom:30px;
}
.brand-newsall .brandnew-title h3{
    letter-spacing:3px;
    margin-bottom:5px;
}
.brand-newsall .brandnew-section3 .swiper-container{
    cursor: -webkit-grab;
    height: 580px !important;
}
.brand-newsall .swiper-container{
    cursor: -webkit-grab;
}
.brand-newsall .swiper-wrapper{
    height:100%;
}
.brand-newsall .swiper-slide {
    background-position: center;
    background-size: cover !important;
}
.brand-newsall .brandnew-section1{
    padding:5% 0;
    text-align:center;
    line-height: 28px;
}
.brand-newsall .brandnew-section1 .container{
    max-width:880px;
}
.brand-newsall .brandnew-section1 h2{
    margin-top:0;
    color:#333;
}
.brand-newsall .brandnew-section3{
    text-align:center;
    background-color:#fff;
    color:#fff;
    padding-top:5%;
}
.brand-newsall .brandnew-section4{
    text-align:center;
    background-color:#fff;
    color:#333;
    padding-top:5%;
    padding-bottom:30px;
    position:relative;
}
.brand-newsall .brandnew-section4 .swiper-container{
    width:100%;
    height:100%;
}
.brand-newsall .brandnew-section3 .swiper-wrapper{
    height:510px;
}
.brand-newsall .swiper-bannerbox .swiper-pagination,
.brand-newsall .brandnew-section3 .swiper-pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5%;
    width: 100%;
}
.brand-newsall .swiper-bannerbox .swiper-pagination-bullet,
.brand-newsall .swiper-bannerbox .swiper-pagination-switch,
.brand-newsall .brandnew-section3 .swiper-pagination-bullet,
.brand-newsall .brandnew-section3 .swiper-pagination-switch{
    display: inline-block;
    width: 10px;
    margin:0 3px;
    height: 10px;
    opacity:1;
    background: url(/content/dam/honor/global/other/common/img/brand_iconall.png) -250px 0 no-repeat;
    text-indent: -9999px;
}
.brand-newsall .swiper-bannerbox .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand-newsall .swiper-bannerbox .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
.brand-newsall .brandnew-section3 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand-newsall .brandnew-section3 .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
    background: url(/content/dam/honor/global/other/common/img/brand_iconall.png) -230px 0 no-repeat;
}
.brand-newsall .brandnew-section3 .section3-text p{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    line-height:175%;
}
.brand-newsall .brandnew-section3 .brandnewtxtbox{
    display:table;
    width:100%;
    height:100%;
}
.brand-newsall .brandnew-section3 .section3-text{
    display:table-cell;
    margin:0 auto;
    vertical-align:middle;
}
.brand-newsall .brandnew-section3 .section3-text .btn-demo{
    margin-top:20px;
}
.brand-newsall a.whiteborder{
    border-color:#fff;
    color:#fff;
    text-decoration:none;
    transition: ease-in .3s;
    -o-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
}
.brand-newsall a.whiteborder:hover{
    color:#333;
    background-color:#fff;
}
.brand-newsall .bignoodfont{
    font-family: "bignoodletitlingregular";
}
.brand-newsall .global-presencebox{
    margin-bottom:10px;
    text-align:right;
}
.brand-newsall .global-presencebox a.development-presence{
    color:#999;
    display:inline-block;
    text-align:left;
    text-decoration:underline;
}
.brand-newsall .global-presencebox a.development-presence:hover{
    color:#666;
    cursor: pointer;
}
.brand-newsall .global-presencebox span{
    display:block;
    float:left;
    margin-left:5px;
    font-size:16px;
}
.brand-newsall .development-bgbox .gallery-thumbs .swiper-slide{
    opacity:1;
}
.brand-newsall .title-line{
    margin:0 auto;
    width:50px;
    height:2px;
    background-color:#999;
}
.brand-newsall .global-presencebox .bignoodfont{
    text-decoration:underline;
}
.brand-newsall .development-bgbox{
    background-color:#f4f4f4;
    padding-top:5%;
    padding-bottom:40px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.brand-newsall .development-bgbox .gallery-top,
.brand-newsall .development-bgbox .gallery-thumbs{
    width:100% !important;
    height:100% !important;
    cursor: -webkit-grab;
}
.brand-newsall .development-bgbox .boxsmallimg{
    width:100%;
    height:120px;
}
.brand-newsall .bigswiper{
    position:relative;
    margin-bottom:10px;
}
.brand-newsall .swiper-bannerbox .arrow-left,
.brand-newsall .development-bgbox .arrow-left,
.brand-newsall .brandnew-section4 .arrow-left{
    width:32px;
    height:60px;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin-top: -53px;
    margin-left:-68px;
    text-indent: -9999px;
    z-index:30;
    background:url(/content/dam/honor/global/other/common/img/brand_arrow_licon1.png) 0 0 no-repeat;
}
.brand-newsall .swiper-bannerbox .arrow-right,
.brand-newsall .development-bgbox .arrow-right,
.brand-newsall .brandnew-section4 .arrow-right{
    width:32px;
    height:60px;
    position: absolute;
    display: block;
    right: 0;
    margin-right:-68px;
    top: 50%;
    margin-top: -53px;
    text-indent: -9999px;
    z-index:30;
    background:url(/content/dam/honor/global/other/common/img/brand_arrow_ricon1.png) 0 0 no-repeat;
}
.brand-newsall .swiper-bannerbox .swiper-pagination{
    display:none;
}
.brand-newsall .swiper-bannerbox .arrow-left{
    margin-left:20px;
}
.brand-newsall .swiper-bannerbox .arrow-right{
    margin-right:20px;
}
.brand-newsall p{
    font-size:16px;
}
.brand-newsall .development-box,
.brand-newsall .development-right{
    width: 100%;
    position:relative;
    overflow:hidden;
    background-color:#00b7e1;
}
.brand-newsall .development-left{
    position:relative;
    overflow:hidden;
    background-color:#fff;
}
.brand-newsall .development-hypotenuse{
    position:absolute;
    z-index:20;
    top:0;
    right:0;
    height: 100%;
}
.brand-newsall .development-videobox{
    width: 130px;
    /* height: 60px; */
    position: absolute;
    z-index: 21;
    bottom: 11%;
    right: 20%;
    margin-left: -30px;
    margin-top: -30px;
}
.brand-newsall .development-videobtn{
    display: block;
    font-size: 18px;
    width: 100%;
    text-decoration: underline;
    color: #fff;
    height: 100%;
    /* background: url(/global/wp-content/uploads/2016/06/brand_iconall.png) -66px 0 no-repeat; */
    background-size: cover;
}
.brand-newsall .development-box>.row{
    letter-spacing:-0.315em;
}
.brand-newsall .development-box>.row>div[class*="col-"]{
    float:none;
    display:inline-block;
    vertical-align:middle;
    letter-spacing:normal;
}
.brand-newsall .development-right{
    text-align:right;
    padding-right:20px;
    color:#fff;
    overflow:hidden;
    background-color:#00b7e1;
}
.brand-newsall .development-timetxt {
    width: 30%;
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: right;
    color:#fff;
}
.brand-newsall .development-right h2{
    margin-top:10px;
    margin-bottom:20px;
    color:#fff;
    opacity:0;
    transition:all ease-in-out 1s;
    -o-transition:all ease-in-out 1s;
    -ms-transition:all ease-in-out 1s;
    -moz-transition:all ease-in-out 1s;
    -webkit-transition:all ease-in-out 1s;
    transform:translateX(150%) scale(1,1);
    -o-transform:translateX(150%) scale(1,1);
    -ms-transform:translateX(150%) scale(1,1);
    -moz-transform:translateX(150%) scale(1,1);
    -webkit-transform:translateX(150%) scale(1,1);
}
.brand-newsall .development-right p{
    opacity:0;
    transition:all ease-in-out 1s;
    -o-transition:all ease-in-out 1s;
    -ms-transition:all ease-in-out 1s;
    -moz-transition:all ease-in-out 1s;
    -webkit-transition:all ease-in-out 1s;
    transform:translateX(100%) scale(0,0);
    -o-transform:translateX(100%) scale(0,0);
    -ms-transform:translateX(100%) scale(0,0);
    -moz-transform:translateX(100%) scale(0,0);
    -webkit-transform:translateX(100%) scale(0,0);
}
.brand-newsall .swiper-slide-active .development-right h2,
.brand-newsall .swiper-slide-active .development-right p{
    transform:translateX(0) scale(1,1);
    -o-transform:translateX(0) scale(1,1);
    -ms-transform:translateX(0) scale(1,1);
    -moz-transform:translateX(0) scale(1,1);
    -webkit-transform:translateX(0) scale(1,1);
    opacity:1;
}
.brand-newsall .small-boxdate{
    color:#999;
    text-align:center;
}
.brand-newsall .small-boxdate .date-imgbox{
    display:table;
    width:82px;
    height:82px;
    margin:auto;

    padding:0;
    border-radius:50%;
    border:1px solid transparent;
}
.brand-newsall .date-pbox{
    display:table;
    width:90px;
    margin:auto;

    text-align:center;
}
.brand-newsall .datetext{
    max-height:72px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand-newsall .datetext p{
    line-height:24px;
    max-height:72px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand-newsall .date-imgbox .ring1{
    height: 80px;
    width: 80px;
    border-radius:50%;
    padding:5px;
    overflow:hidden;
    border:2px solid transparent;
}
.brand-newsall .small-boxdate .date-imgbox img{
    border:2px solid transparent;
    border-radius:50%;
}
.brand-newsall .development-bgbox .date-imgbox img:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox .ring1,
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox:hover .ring1{
    /*border-color:#00b7e1;*/
    animation: dateborder 1.1s linear;
    -o-animation: dateborder 1.1s linear;
    -ms-animation: dateborder 1.1s linear;
    -moz-animation: dateborder 1.1s linear;
    -webkit-animation: dateborder 1.1s linear;
}
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox,
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox:hover{
    border-color:#00b7e1;
    animation: shadowdate 2s linear 1.1s infinite;
    -o-animation: shadowdate 2s linear 1.1s infinite;
    -ms-animation: shadowdate 2s linear 1.1s infinite;
    -moz-animation: shadowdate 2s linear 1.1s infinite;
    -webkit-animation: shadowdate 2s linear 1.1s infinite;
}
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox img,
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox:hover img{
    border-color:#00b7e1;
}
.brand-newsall .development-bgbox .swiper-slide-active .date-pbox p{
    color:#00b7e1;
}
@keyframes dateborder{
    from{
        border-width:30px;
    }
    to{
        border-width:3px;
    }
}
@-o-keyframes dateborder{
    from{
        border-width:30px;
    }
    to{
        border-width:3px;
    }
}
@-ms-keyframes dateborder{
    from{
        border-width:30px;
    }
    to{
        border-width:3px;
    }
}
@-moz-keyframes dateborder{
    from{
        border-width:30px;
    }
    to{
        border-width:3px;
    }
}
@-webkit-keyframes dateborder{
    from{
        border-width:30px;
    }
    to{
        border-width:3px;
    }
}
/**/

@keyframes shadowdate{
0{
    border-color:transparent;
    box-shadow:none;
}
50%{
    border-color:#00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
}
100%{
    border-color:transparent;
    box-shadow:none;
}
}
@-o-keyframes shadowdate{
0{
    border-color:transparent;
    box-shadow:none;
}
50%{
    border-color:#00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
}
100%{
    border-color:transparent;
    box-shadow:none;
}
}
@-ms-keyframes shadowdate{
0{
    border-color:transparent;
    box-shadow:none;
}
50%{
    border-color:#00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
}
100%{
    border-color:transparent;
    box-shadow:none;
}
}
@-moz-keyframes shadowdate{
0{
    border-color:transparent;
    box-shadow:none;
}
50%{
    border-color:#00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
}
100%{
    border-color:transparent;
    box-shadow:none;
}
}
@-webkit-keyframes shadowdate{
0{
    border-color:transparent;
    box-shadow:none;
}
50%{
    border-color:#00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
}
100%{
    border-color:transparent;
    box-shadow:none;
}
}

/**/

.brand-newsall .development-bgbox .swiper-pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    display:none;
}
.brand-newsall .development-bgbox .swiper-pagination-bullet,
.brand-newsall .development-bgbox .swiper-pagination-switch{
    display: inline-block;
    width: 8px;
    margin:0 3px;
    height: 8px;
    opacity:1;
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -252px 0;
    text-indent: -9999px;
}
.brand-newsall .development-bgbox .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand-newsall .development-bgbox .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
    background: url(/content/dam/honor/global/other/common/img/sxsw_all_icon.png) no-repeat -244px 0;
}
.brand-newsall .swiper-line{
    position:absolute;
    top:54px;
    left:0;
    width:100%;
    height:2px;
    background-color:#666;
}
.brand-newsall .development-bgbox .gallery-thumbs .swiper-slide{
    width:auto;
}
.brand-newsall .small-boxdate{
    position:relative;
}
.brand-newsall .small-year{
    position:absolute;
    height:30px;
    top:50%;
    left:0;
    margin-top:-15px;
}
.brand-newsall .year-txtbox{
    position:relative;
    width:60px;
    height:30px;
    text-align:center;
}
.brand-newsall .year-line{
    width:2px;
    height:10px;
    background-color:#666;
    margin:0 auto;
}
.brand-newsall .year-txtbox p{
    margin-bottom:0;
    font-size:12px;
    margin:0 auto;
    height:20px;
    line-height:20px;
}
.brand-newsall .figures-textbox{
    background-color:#fff;
    margin:0 15px;
    padding-bottom:20px;
}
.brand-newsall .brandnew-section1 .pink-btn{
    background:url(/content/dam/honor/global/other/common/img/home_btn.png) no-repeat;
    height: 57px;
    width: 176px;
    display: inline-block;
    text-align: center;
    line-height: 56px;
    margin-top: 20px;
}
.brand-newsall .brandnew-section4 .swiper-container{
    height:532px;
}
.brand-newsall .figurestxt-item{
    width:94%;
    margin:0 auto;
}



.brand-newsall .brandnew-section1 h2{
    transition:all 3s;
    -o-transition:all 3s;
    -ms-transition:all 3s;
    -moz-transition:all 3s;
    -webkit-transition:all 3s;
}
.brand-newsall .brandnew-section1 p{
    transition:all 2.6s;
    -o-transition:all 2.6s;
    -ms-transition:all 2.6s;
    -moz-transition:all 2.6s;
    -webkit-transition:all 2.6s;
}
.brand-newsall .brandnew-section1 a.pink-btn{
    transition:all 2.2s;
    -o-transition:all 2.2s;
    -ms-transition:all 2.2s;
    -moz-transition:all 2.2s;
    -webkit-transition:all 2.2s;
}
.brand-newsall .brandnew-section1{
    overflow: hidden;
    position: relative;
}
.brand-newsall .brandnew-section1 h2,
.brand-newsall .brandnew-section1 p,
.brand-newsall .brandnew-section1 a.pink-btn{
    transform:translateX(-500px);
    -o-transform:translateX(-500);
    -ms-transform:translateX(-500);
    -moz-transform:translateX(-500);
    -webkit-transform:translateX(-500);
}
.brand-newsall .brandnew-section1.active h2,
.brand-newsall .brandnew-section1.active p,
.brand-newsall .brandnew-section1.active a.pink-btn {
    transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);

}

.brand-newsall .swiper-slide:hover .figures-textbox{
    box-shadow:1px 1px 20px rgba(204,204,204,0.8);
}
.brand-newsall a.figures-more{
    display:inline-block;
    color:#00b7e1;
    text-decoration:underline;
}
.brand-newsall .figures-textbox h3{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:10px;
}
.brand-newsall .figures-content{
    height:72px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand-newsall .figures-content p{
    line-height:24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
.brand-newsall .figures-swiperbox{
    position:relative;
}
.brand-newsall .brandnew-section5{
    padding-top:30px;
    padding-bottom:30px;
}
.brand-newsall .brandnew-contentbox>.row>.col-sm-6>.row>div[class*="col-"]{
    margin-bottom:5px;
}
.brand-newsall .ibox{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.brand-newsall .ibox img{
    transition: all 1.3s;
    -o-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
}
.brand-newsall .ibox:hover img{
    transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}
.brand-newsall .news-content-txt small{
    color:#999;
}
.brand-newsall .news-content-txt h4{
    margin-bottom:10px;
    min-height:38px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.brand-newsall .news-content-txt h4:hover{
    text-decoration: underline;
    color: #00b7e1;
}
.brand-newsall .news-content-txt a.figures-more{
    font-size:14px;
}
.brand-newsall .new-more{
    width: 100%;
}
.brand-newsall .brand-new-more{
    color: #00b7e1;
    text-decoration: underline;
    padding: 2px 10px;
    line-height: 24px;
    text-align: center;
    display: block;
    right: 5px;
    position: absolute;
}
.brand-newsall .brand-new-more a{
    color: #00b7e1;
    text-decoration: underline;
}
.brandnew-section5_ad{
    position: relative;
}
.brandnew-section5_ad h3{
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    color: #fff;
    padding: 5px;
}
.section3-pic-01{
    background: url("/content/dam/honor/global/other/common/img/honor_videobg_01.jpg") no-repeat center;
    width: 100%;
    height: 582px;
}
.section3-pic-01{
    background: url("/content/dam/honor/global/other/common/img/honor_videobg_02.jpg") no-repeat center;
    width: 100%;
    height: 582px;
}
.figures_01{
    margin-bottom: 20px;
    position: relative;
}
.brand-blue-tab{
    position: absolute;
    bottom: 0;
    left: 0;
}
.brand-newsall .map-03{
    background: url("/content/dam/honor/global/other/common/img/map_04.jpg") no-repeat center;
    height: 470px;
    width: 800px;
}
.brand-newsall    .modal-dialog{
    width: 800px;
}
.brand-newsall   .modal-content{
    background: none;
    box-shadow:none;
    border: none;
    text-align: right;
}
.brand-newsall .modal-header{
    border-bottom:none;
    padding: 0 !important;
    display: inline-block;
    right:0;
    position: absolute;
    margin-right: -45px;
}
.brand-newsall .modal-open .modal{
    top: 10%;
}
.brand-newsall   .modal-body{
    padding:0;
}
.brand-newsall .modal-header .close{
    font-size: 40px;
    display: block;
    color: #fff;
    opacity: 1;
    background: #333;
    width: 40px;
    height: 40px;
}
.brand-newsall .map-03 a{
    color: #fff;
    font-size: 12px;
}
.brand-newsall   .map-03-01{
    position: absolute;
    top:22%;
    left: 16%;
}
.brand-newsall .map-03-02{
    position: absolute;
    top:23%;
    left: 35%;
}
.brand-newsall .map-03-03{
    position: absolute;
    top: 17%;
    left: 42%;
}
.brand-newsall .map-03-04{
    position: absolute;
    top: 29%;
    left: 41%;
}
.brand-newsall .map-03-05{
    position: absolute;
    top: 17%;
    left: 48%;
}
.brand-newsall .map-03-06{
    position: absolute;
    top: 22%;
    left: 50%;
}
.brand-newsall .map-03-07{
    position: absolute;
    top: 28%;
    left: 50%;
}
.brand-newsall .map-03-08{
    position: absolute;
    top: 35%;
    left: 51%;
}
.brand-newsall .map-03-09{
    position: absolute;
    top: 24%;
    left: 55%;
}
.brand-newsall .map-03-10{
    position: absolute;
    top: 31%;
    left: 56%;
}
.brand-newsall .map-03-11{
    position: absolute;
    top: 24%;
    left: 66%;
}
.brand-newsall .map-03-12{
    position: absolute;
    top: 20%;
    left: 72%;
}
.brand-newsall .map-03-13{
    position: absolute;
    top: 28%;
    left: 74%;
}
.brand-newsall .map-03-14{
    position: absolute;
    top: 31%;
    left: 79%;
}
.brand-newsall .map-03-15{
    position: absolute;
    top: 36%;
    left: 79%;
}
@media(max-width:1440px){
    .brand-newsall  .swiper-bannerbox .arrow-left,
    .brand-newsall  .development-bgbox .arrow-left,
    .brand-newsall  .brandnew-section4 .arrow-left{
        margin-top: -42px;
        background-size: 80%;
    }
    .brand-newsall .swiper-bannerbox .arrow-right,
    .brand-newsall .development-bgbox .arrow-right,
    .brand-newsall .brandnew-section4 .arrow-right{
        margin-top: -42px;
        background-size: 80%;
    }
}
@media(max-width:1200px){
    .brand-newsall .swiper-bannerbox .arrow-left,
    .brand-newsall .development-bgbox .arrow-left,
    .brand-newsall .brandnew-section4 .arrow-left{
        margin-left: 10px;
        opacity:0.5;
        filter:alpha(opacity=50);
        margin-top: -26px;
        background-size: 50%;
    }
    .brand-newsall .swiper-bannerbox .arrow-right,
    .brand-newsall .development-bgbox .arrow-right,
    .brand-newsall .brandnew-section4 .arrow-right{
        margin-right: 10px;
        opacity:0.5;
        filter:alpha(opacity=50);
        margin-top: -26px;
        background-size: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .section3-pic-01{
        background: url("/content/dam/honor/global/other/common/img/honor_videobg_01_mb.jpg") no-repeat center;
        width: 100%;
        height: 582px;
    }
    .section3-pic-02{
        background: url("/content/dam/honor/global/other/common/img/honor_videobg_02_mb.jpg") no-repeat center;
        width: 100%;
        height: 582px;
    }
    .brand-newsall .development-bgbox .arrow-right{
        display: block !important;
        opacity: 1;
        top: 28%;
    }
    .brand-newsall .development-bgbox .arrow-left{
        display: block !important;
        opacity: 1;
        top: 28%;
    }
    .brand-newsall .development-bgbox {
        padding-bottom: 20px;
    }
    .brand-newsall .brandnew-section3 .swiper-container {
        cursor: -webkit-grab;
        height: 380px !important;
    }
    .brand-newsall .swiper-container {
        cursor: -webkit-grab;

    }
    .brand-newsall   .brandnew-section4 .swiper-container {
        height: auto;
    }
    .brand-newsall   .mb-hiden{
        display: none;
    }
    .brand-newsall   .small-boxdate .date-imgbox {
        display: table;
        width: 60px;
        height: 60px;
        padding: 1px;
        margin-top: 10px;
    }
    .brand-newsall  .date-imgbox .ring1 {
        height: 60px;
        width: 60px;
    }
    /* 2016-06-16 bof */
    /*brand new */
    .brand-newsall  .development-hypotenuse{
        display:none;
    }
    .brand-newsall  .development-right{
        padding:10px;
        overflow:visible;
        min-height: 260px;
    }
    .brand-newsall  .datetext{
        max-height:180px;
    }
    .brand-newsall .development-right h2{

        margin-bottom:10px;
        text-align: center;
    }
    .brand-newsall  .datetext p{
        max-height:120px;
    }
    .brand-newsall .development-videobox {
        width: auto;
        /* height: 60px; */
        position: absolute;
        z-index: 21;
        bottom: 8px;
        left: 15px;
        right: inherit;
        margin-left: 0;
        margin-top:0;
    }
    .brand-newsall .development-videobtn {
        display: block;
        font-size: 14px;
        width: 100%;
        color: #fff;
        height: 100%;
        /* background: url(/global/wp-content/uploads/2016/06/brand_iconall.png) -66px 0 no-repeat; */
        background-size: cover;
    }
    .brand-newsall  .development-timetxt {
        bottom: 5px;
        font-size:12px;
    }
    .brand-newsall  .development-bgbox .arrow-left,
    .brand-newsall  .development-bgbox .arrow-right,
    .brand-newsall  .brandnew-section4 .arrow-left,
    .brand-newsall  .brandnew-section4 .arrow-right{
        display:none;
    }
    .brand-newsall  .development-bgbox .swiper-pagination,
    .brand-newsall  .brandnew-section4 .swiper-pagination{
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 5px;
        width: 100%;
        display:block;
    }
    .brand-newsall  .development-bgbox .swiper-pagination-bullet,
    .brand-newsall  .development-bgbox .swiper-pagination-switch,
    .brand-newsall  .brandnew-section4 .swiper-pagination-bullet,
    .brand-newsall  .brandnew-section4 .swiper-pagination-switch{
        display: inline-block;
        width: 8px;
        margin:0 3px;
        height: 8px;
        opacity:1;
        background: url(/global/wp-content/uploads/2016/06/sxsw_all_icon.png) no-repeat -252px 0;
        text-indent: -9999px;
    }
    .brand-newsall  .development-bgbox .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .brand-newsall  .development-bgbox .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
    .brand-newsall .brandnew-section4 .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .brand-newsall .brandnew-section4 .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
        background: url(/global/wp-content/themes/honor/images/sxsw/sxsw_all_icon.png) no-repeat -244px 0;
    }
    .brand-newsall .brandnew-section1,
    .brand-newsall .development-bgbox,
    .brand-newsall .brandnew-section3,
    .brand-newsall .brandnew-section4{
        padding-top:30px;
    }
    .brand-newsall  .brandnew-section5{
        background-color:#f5f5f5;
    }
    .brand-newsall .brandnew-contentbox>.row>.col-sm-6 {
        background-color: #fff;
        padding: 10px;
        /* margin-bottom: 10px; */
        border-bottom: 1px solid #eee;
    }
    .brand-newsall .datetext p{
        text-align:center;
    }
    .brand-newsall .mobileimg{
        display:block;
    }
    .brand-newsall .pcimg,
    .brand-newsall  .swiper-bannerbox .arrow-left,
    .brand-newsall  .swiper-bannerbox .arrow-right,
    .brand-newsall  .development-bgbox .swiper-pagination{
        display:none;
    }
    .brand-newsall .swiper-bannerbox .swiper-pagination{
        display:block;
        bottom:20px;
    }
    .brand-newsall  .news-content-txt{
        /*padding-left:15px;*/
        /*padding-right:15px;*/
    }
    .brand-newsall .brandnew-section5{
        width:100%;
        overflow:hidden;
    }
    /*.brandnew-section5 .brandnew-contentbox{
        margin-left:-5px;
        margin-right:-5px;
    }*/
    /* 2016-06-16 eof */

}


/* brand-new eof */
#en-modal-dialog .content-top-ico, .buy-links .content-top-ico {
    padding: 20px 0;
}

#en-modal-dialog h3, .buy-links h3  {
    font-family: "bignoodletitlingregular", "Century Gothic", Arial, CenturyGothic, AppleGothic, sans-serif;
    line-height: 40px;
}
#en-modal-dialog .modal-header,.buy-links .modal-header{
    border-bottom: none;

}
.honor5c-eu #en-modal-dialog{
    top: 10% !important;
}


/*honor8-tease-state start*/
.honor8-tease-state{
    background: #00b2e6;
}
.honor8-tease-state h1,.honor8-tease-state h2,.honor8-tease-state h3{
    font-family: "bignoodletitlingregular";
}
.honor8-tease-state p {
    color: #fff;
    font-size: 18px;
    line-height: 175%;
    margin-bottom: 20px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}

.honor8-tease-state .honor8-tease-01 {
    background: url("/content/dam/honor/global/other/common/img/bg-01-new.jpg") no-repeat center;
    width: 100%;
    height: 950px;
}

.honor8-tease-state .honor8-tease-01-txt {
    text-align: center;
    padding-top: 5%;
    margin: auto;
    color: #fff;
    width: 100%;
    position: static;
}

.honor8-tease-state .honor8-tease-01-txt h1 {
    font-size: 60px;
    line-height: 1.5em;
    margin-top: 20px;
}

.honor8-tease-state .honor8-tease-01-txt p {
    font-size: 24px;
}

.honor8-tease-state #div1 {
    color: #A22900;
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
}

.honor8-tease-state .timeC {
    color: #00b2e6;
    font-size: 7em;
    position: relative;
    display: inline-block;
    margin: 20px;
    line-height: 1.1em;
}

.honor8-tease-state .timeP {
    color: #FFF;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    top: 0;
    font-size: 24px;
}

.honor8-tease-state .txt-p {
    margin: 20px 0;
    width: 100%;
}

.honor8-tease-state .txt-p p {
    max-width: 700px;
    line-height: 1.5em;
    font-size: 18px;
    margin: auto;
}

.honor8-tease-state .txt-p2 {
    margin-top: 30px;
}

.honor8-tease-state .honor8-tease-01 .input-group {
    max-width: 300px;
    margin: 2% auto;
}

.honor8-tease-state .honor8-tease-01 input {
    height: 40px;
}

.honor8-tease-state .honor8-tease-01 .btn {
    color: #fff;
    height: 40px;
    background: #00b2e6;
}

.honor8-tease-state .video-top {
    position: relative;
    z-index: 5;
}

.honor8-tease-state .honor8-tease-02 {
    background: #00b2e6;
    transition: all 2s;
    position: relative;
}

.honor8-tease-state .move-one-bg-color {
    background: #007da1;
}
.honor8-tease-01-txt img{
    max-width: 170px;
}
.honor8-tease-state .honor8-mark {
    position: relative;
    z-index: 11;
}

.honor8-tease-state .honor8-tease-move {
    margin-top: -3%;
    position: relative;
    z-index: 88;
}

.honor8-tease-state .honor8-tease-move-one {
    z-index: 99;
    position: relative;
}

.honor8-tease-state .honor8-tease-one {
    background: #00b2e6;
    /*url("/global/wp-content/themes/honor/images/honor8-tease-state/honor8_tease_two_mark_02.jpg") no-repeat  bottom;*/
    transition: all 2s;
    position: relative;
    overflow: hidden;
}

.honor8-tease-state .move-one-bg-mark {
    background: #007da1;
    width: 100%;
    height: 13px;
    margin-top: -110px;
    position: relative;

}
.more-instenof a{
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin:2% 0 0 auto;
    display: inline-block;
}
.honor8-tease-state .tease-move-01-left {
    padding-top: 50px;
}

.honor8-tease-state .honor8-tease-move-tow {
    background: #00b2e6;
    padding-bottom: 50px;
    position: relative;
}

.honor8-tease-state a.btn-white {
    border: 2px #fff solid;
    height: 42px;
    border-radius: 10px;
    line-height: 42px;
    color: #fff;
    min-width: 170px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

a.btn-white span {
    padding: 5px 10px;
    text-transform:uppercase
}

.honor8-tease-state .tease-p {
    padding: 0 30px;
}

.honor8-tease-state .honor8-tease-02 .video-icon .video-play {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/content/dam/honor/global/other/common/img/honor8_tease_icon_video_1.png") no-repeat center;
}

.honor8-tease-state .honor8-tease-02 .video-icon .video-play-a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/content/dam/honor/global/other/common/img/honor8_tease_icon_video_1.png") no-repeat center;
}

#video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a {
    background: none;
    font-size: 18px;
    font-family: "bignoodletitlingregular";
    color: #fff;
    padding: 10px 0 0 50px;
    line-height: 15px;
    display: inline-block;
    position: relative;
    margin-right: -30px;
    height: 30px;
}

#video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a img {
    z-index: 99;
    position: relative;
}

.honor8-tease-state h3 {
    color: #fff;
    font-size: 60px;
    line-height: 155%;
}

.honor8-tease-state .video-top-02 {
    margin-top: 90px;
}

.honor8-tease-state .honor8-tease-02 .col-sm-6 {
    position: relative;
    padding: 5%;
}
.honor8-tease-state .honor8-tease-02 .video-icon {
    position: relative;
}
.honor8-tease-state .video-img-table {
    display: table;
}

.honor8-tease-state .video-img-table .col-sm-4 {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.honor8-tease-state .video-top-03 {
    text-align: center;
    margin-top: 110px;

}

.honor8-tease-state .video-top-04 {
    text-align: center;
}

.honor8-tease-state .video-top-03 h1 {
    color: #FFF;
    font-size: 60px;
    line-height: 175%;
    margin-bottom: 20px;
}

.honor8-tease-state .video-img-table .col-sm-4 {
    padding: 20px;
}

.honor8-tease-state .video-img-table-p {
    max-width: 800px;
    text-align: center;
    margin: 5% auto;
}

.honor8-tease-state .video-btn-white {
    margin: 5% auto;
    text-align: center;
}

.honor8-tease-state .video-top-03 h3 {
    line-height: 100%;
}
.honor8-tease-state .swiper-container {
    width: 100%;
    height: 100%;

}
.honor8-tease-state .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.honor8-tease-state .swiper-pagination-clickable .swiper-pagination-bullet{
    padding: 5px;
    margin: 5px;
    background: #fff;
}
.honor8-tease-state .swiper-pagination{
    width: 100%;
    margin: auto;
    bottom: 30px;
}

.honor8-tease-state .tease-move {
    position: relative;
}

.honor8-tease-state .tease-move-img {
    position: relative;
    margin-bottom: 14px;
}

.honor8-tease-state .video-icon-txt {
    margin-top: 30px;
    margin-left: 80px;
}

.honor8-tease-state .tease-01-move {
    background: #4d00ad;
    width: 100%;
    position: absolute;
    top: 14px;
    left: 14px;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
}

.honor8-tease-state .animination-a {
    animation: scrollanimata 1.5s linear;
    -webkit-animation: scrollanimata 1.5s linear;
    -ms-animation: scrollanimata 1.5s linear;
    -moz-animation: scrollanimata 1.5s linear;
    -o-animation: scrollanimata 1.5s linear;
}

.honor8-tease-state .animination-b {
    animation: scrollanimatb 1.5s linear;
    -webkit-animation: scrollanimatb 1.5s linear;
    -o-animation: scrollanimatb 1.5s linear;
    -ms-animation: scrollanimatb 1.5s linear;
    -moz-animation: scrollanimatb 1.5s linear;
}

@keyframes scrollanimata {
    0% {
        top: 14px;
    }
    50% {
        top: -50px;
    }
    100% {
        top: 14px;
    }

}
@-webkit-keyframes scrollanimata {
    0% {
        top: 14px;
    }
    50% {
        top: -50px;
    }
    100% {
        top: 14px;
    }

}
@-ms-keyframes scrollanimata {
    0% {
        top: 14px;
    }
    50% {
        top: -50px;
    }
    100% {
        top: 14px;
    }

}
@-moz-keyframes scrollanimata {
    0% {
        top: 14px;
    }
    50% {
        top: -50px;
    }
    100% {
        top: 14px;
    }

}
@-o-keyframes scrollanimata {
    0% {
        top: 14px;
    }
    50% {
        top: -50px;
    }
    100% {
        top: 14px;
    }

}
/* b */
@keyframes scrollanimatb {
    0% {
        top: 14px;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 14px;
    }
}
@-webkit-keyframes scrollanimatb {
    0% {
        top: 14px;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 14px;
    }
}
@-o-keyframes scrollanimatb {
    0% {
        top: 14px;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 14px;
    }
}
@-moz-keyframes scrollanimatb {
    0% {
        top: 14px;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 14px;
    }
}
@-ms-keyframes scrollanimatb {
    0% {
        top: 14px;
    }
    50% {
        top: 50px;
    }
    100% {
        top: 14px;
    }
}
.honor8-tease-state .honor8-tease-move-bg {
    position: absolute;
    top: 50px;
    left: 0;
    transition: transform 0.4s;
    z-index: 10;
}

.honor8-tease-state .bg-move-a {
    transform: translateY(50px);
    -ms-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    -webkit-transform: translateY(50px);
}

.honor8-tease-state .bg-move-b {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.honor8-tease-state .honor8-tease-move-one-bg {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
}
.honor8-tease-state .honor8-tease-grey-bg {
    display: none;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.honor8-tease-state .context-show p{
    color: #00b2e6;
    font-size: 18px;
    line-height: 175%;
    margin-top: 20%;
    text-align: center;
}
.honor8-tease-state .honor8_close {
    right: 0;
    top: 0;
    cursor: pointer;
    position: absolute;
    padding: 6px 2px;
    font-size: 24px;
    color: #00b2e6;
}
.honor8-tease-grey-bg.on {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=10);
    background-color: #000;
    z-index: 9991;
    position: fixed;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
@media only screen and (min-width: 1424px) and (max-width: 1920px) {
    .honor8-tease-state .move-one-bg-mark {
        background: none;
        width: 100%;
        height: 13px;
        margin-top: -110px;
        position: relative;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1423px) {
    .honor8-tease-state .move-one-bg-mark {
        background: #007da1;
        width: 100%;
        height: 54px;
        margin-top: -182px;
        position: relative;
    }
    .honor8-tease-01-txt img {
        max-width: 118px;
    }
    .honor8-tease-state .timeC {
        font-size: 5em;
        margin: 0 20px;
        line-height: 1.1em;
    }
    .honor8-tease-state .honor8-tease-01 {

        height: 800px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .honor8-tease-state .move-one-bg-mark {
        background: #007da1;
        width: 100%;
        height: 144px;
        margin-top: -252px;
        position: relative;
    }

    .honor8-tease-state .timeC {
        font-size: 4em;
    }

    .honor8-tease-state  .honor8-tease-01 {
        height: 827px;
    }

    .honor8-tease-state h3 {
        font-size: 48px;
        line-height: 155%;
    }

    .honor8-tease-state  .video-top-03 h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .honor8-tease-state .swiper-wrapper{

    }
    .honor8-tease-state .displayTable{
        display: table;
    }
    .honor8-tease-state  .dispalyCell{
        display: table-cell;
        vertical-align: middle;
    }
    .honor8-tease-state .honor8-tease-02 {
        background: #00b2e6 url("/content/dam/honor/global/other/common/img//honor8-tease-move.png") no-repeat center;
    }
    .honor8-tease-state  .container-fluid.honor8-tease-state{
        padding-left: 0;
        padding-right: 0;
    }
    .honor8-tease-state .honor8-tease-move-tow {
        overflow: hidden;
        padding-bottom: 0;
        padding-top: 20px;
    }
    .honor8-tease-state .honor8-tease-02 .honor8-tease-move {
        padding: 5%;
        background: url("/content/dam/honor/global/other/common/img/honor8-tease-move_bg_mb.png") no-repeat;
    }
    .honor8-tease-state .honor8-tease-move {
        margin-top: -7%;
    }
    .honor8-tease-state .move-one-bg-mark {
        background: #007da1;
        width: 100%;
        height: 250px;
        margin-top: -248px;
        position: relative;
    }
    .honor8-tease-state .honor8-tease-02 .video-icon .video-play {
        background: url("/content/dam/honor/global/other/common/img/honor8_tease_icon_video_2.png") no-repeat center;
    }
    .honor8-tease-state .tease-move{
        margin: 0 20px;
    }
    .honor8-tease-state  .visible-xs  .swiper-slide{
        margin:0 10px;
    }
    .honor8-tease-state .swiper-button-prev, .sxsw-section4 .swiper-container-rtl .swiper-button-next {
        width: 32px;
        height: 60px;
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        background-size: 60%;
        margin-left: 10px;
        text-indent: -9999px;
        z-index: 30;
        background-image: url(/content/dam/honor/global/other/common/img/brand_arrow_licon1.png) ;
    }
    .honor8-tease-state  .swiper-button-next, .sxsw-section4 .swiper-container-rtl .swiper-button-prev {
        width: 32px;
        height: 60px;
        position: absolute;
        display: block;
        right: 0;
        top: 50%;
        background-size: 60%;
        margin-right: 10px;
        text-indent: -9999px;
        z-index: 30;
        background-image: url(/content/dam/honor/global/other/common/img/brand_arrow_ricon1.png);
    }
    .honor8-tease-state .visible-xs .swiper-slide{
        margin:  auto;
    }
    .honor8-tease-state .honor8-tease-move-tow .tease-move {
        position: relative;
    }
    .honor8-tease-state .video-img-table{
        position: relative;
        overflow: hidden;
        background: #007da1;
    }
    .honor8-tease-state .video-top-03 .dispalyCell{
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }
    .honor8-tease-state .timeC {
        font-size: 60px;
        margin: 7px;
    }

    .honor8-tease-state .timeP {
        font-size: 16px;
    }

    .honor8-tease-state .honor8-tease-01-txt img {
        width: 110px;
    }

    .honor8-tease-state .honor8-tease-01-txt {
        top: 2%;
        position: static;
    }

    .honor8-tease-state .honor8-tease-01-txt h1 {
        font-size: 50px;
        line-height: 1.5em;
    }

    .honor8-tease-state .txt-p {
        padding: 0 30px;
    }

    .honor8-tease-state .honor8-tease-01 {
        background: url("/content/dam/honor/global/other/common/img/bg-01-new.jpg") no-repeat center;
        width: 100%;
        height: 754px;

    }

    .honor8-tease-state .tease-move-01-left {
        padding: 0 30px;
        margin-top: 32px;
    }

    .honor8-tease-state .video-icon-txt {
        margin-bottom: 20px;
        padding: 0 10px;
        margin-left: 0;
    }

    .honor8-tease-state h3 {
        font-size: 48px;
        line-height: 100%;
    }

    .honor8-tease-state p {
        line-height: 155%;
        padding: 0 20px;

    }
    .honor8-tease-state  .video-img-table-p  p{
        background: #007da1;
        padding-top: 30px;
    }
    .honor8-tease-state  .tease-p {
        padding: 0;
    }
    .honor8-tease-state .video-top-03 {
        margin-top: 10px;
        overflow: hidden;
        position: relative;
    }

    .honor8-tease-state .video-top-03 h1 {
        color: #FFF;
        font-size: 48px;
        line-height: 100%;
        margin-bottom: 10px;
        padding: 0 20px;
    }
    #video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a {
        margin-right: -10px;
    }
    #video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a img {
        z-index: 99;
        position: relative;
        max-width: 40px;
    }
    .honor8-tease-state .honor8-tease-move-one-bg {
        position: absolute;
        top: -141px;
        left: 0;
        transition: transform 0.4s;
    }
    .honor8-tease-state .video-img-table-p {
        margin-top: 0;
    }
    .honor8-tease-state .honor8-tease-one {
        overflow: visible;
    }
    .honor8-tease-state .video-top-02 {
        margin-top: 50px;
    }
}

/*honor8-tease-state end*/

@media (max-width: 1439px) and (min-width: 1200px){
    .honor-en .blank-fonts p, .bg-textbox p {
        color: #000;
        line-height: 100% !important;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
}

/*honor8-comingsoon start*/
.honor8-comingsoon{
    background: url("/content/dam/honor/global/other/common/img/honor8-comingsoon_bg.jpg") #273d66 fixed no-repeat center 0;
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.honor8-comingsoon-txt{
    text-align: center;
    color: #fff;
    padding-top:8%;
    margin: auto;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor8-comingsoon-txt h3{
    font-size: 48px;
    line-height: 175%;
    margin-top: 10px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor8-comingsoon-txt h2{
    font-size: 68px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor8-comingsoon-txt img{
    margin: auto;
}
.honor8-comingsoon-txt .date-comesoon{
    display: inline-block;
    font-size: 24px;
    line-height: 175%;
}
.honor8-comingsoon-txt hr{
    width: 100px;
    line-height: 72px;
    margin: 5px 20px;
    display: inline-block;
    height: 0;
    color: #fff;
    background: #fff;
    border: 1px solid #fff;
}
.honor8-comingsoon-txt-product h3{
    font-size: 36px;
    color: #fff;
    line-height: 175%;
    text-align: center;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
@media only screen and (max-width: 767px) {
    .honor8-comingsoon-txt h3 {
        font-size: 36px;
        line-height: 125%;
    }
    .honor8-comingsoon-txt h2 {
        margin: 10px;
        font-size: 48px;
    }
    .honor8-comingsoon-txt hr {
        width: 50px;
        line-height: 72px;
        margin: 5px 5px;
        display: inline-block;
        height: 0;
        color: #fff;
        background: #fff;
        border: 1px solid #fff;
    }
    .honor8-comingsoon-txt-product h3 {
        font-size: 36px;
        line-height: 125%;
    }
    .honor8-comingsoon {
        height: auto;
    }
    .honor8-tease-state .honor8-tease-01-txt h1 {
        font-size: 50px;
        line-height: 1.5em;
        margin-top: 0;
        padding-top: 20px;
    }
    .honor8-tease-state .honor8-tease-01 {
        background: url("/content/dam/honor/global/other/common/img/honor8_tease_01.jpg") no-repeat 0 0;
        width: 100%;
        min-height: 802px;
        height: inherit;
    }
    .honor8-tease-state .honor8-tease-01-txt {
        position: static;
    }
}
/*honor8-comingsoon end*/
/*honor8 Finland start*/
.honor8-f h3 {
    font-family: "Arial";
    font-weight: bold;
    line-height: 1.5;
    font-size: 36px;
}
.honor8-f p {
    font-size: 18px;
    line-height: 155%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
@media (max-width: 1439px) and (min-width: 1200px) {
    .honor8-f h3 {
        font-size: 28px;
    }
    .honor8-f p {
        font-size: 16px;
        line-height: 155% !important;
    }
    .honor8-f .tags .item-tag img {
        max-width: 90px;

    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .honor8-f h3 {
        font-size: 24px;
    }
    .honor8-f p {
        font-size: 16px;
        line-height: 140%;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .honor8-f h3 {
        font-size: 24px;
    }
    .honor8-f p {
        font-size: 16px;
        line-height: 140%;
    }

}
@media (max-width: 767px){
    .honor8-f h3 {
        font-size: 16px;
    }
    .honor8-f p {
        font-size: 14px;
        line-height: 140%;
    }

}
.honor8-f ul {margin-bottom: 0;}
.honor8-f ul.disc>li {
    color:#fff;
    list-style-type: disc;
}
/*tags*/
.honor8-f .tags {}
.honor8-f .tags .item-tag {
    display: inline-block;
    text-align: center;
    margin-top:15px;
    margin-right:30px;
}
.honor8-f .tags .item-tag:last-child {margin-right:0;}
.honor8-f .tags .item-tag p {
    font-size: 14px;
    margin-top:15px;
}
@media (max-width:991px) {
    .honor8-f .tags .item-tag{
        max-width: 110px;
        vertical-align: top;
    }
    .honor8-f .tags .item-tag>img {
        width:100px;
        height: 100px;
        margin: auto;
    }
}
.honor8-f .gbblack {background: #030205}

.honor8-f .gbpale {background: #f2f4f6}
.honor8-f .gblime {background: #e0e3eb}
.honor8-f .gbblueblack {background: #070c1e}
.honor8-f .bg-textbox {
    padding: 0 10px;
    margin-top: 10%;
    margin-bottom: 10%;
}
.honor8-f .nodisc {
    font-size: 34px;
    vertical-align: sub;
}
/*.honor8-f .col-md-12 {min-height: 0;}*/
.honor8-f .bannerfont {
    text-align: left;
    padding-top: 40%!important;
    padding-left:30%;
}

/*@media (max-width:992px) {

}*/
.honor8-f .bannerfont p {
    padding-left: 0;
}

.honor8-f .f-banner .bg{
    background: url("/content/dam/honor/global/other/common/img/Product_page_1st-module_1920x1080.jpg");
    background-size: cover;
}
.honor8-f .f-banner .bg .f-b-img {
    padding-top:147%;
}
.honor8-f .f-banner .bg .f-b-font {
    padding-top:90%;
    padding-right:10%;
}
.honor8-f .f-banner .bg .f-b-font .buy {}
@media (max-width:991px) {
    .honor8-f .f-banner .bg .f-b-img {
        padding-top:0;
    }
    .honor8-f .f-banner .bg .f-b-font {
        padding-top:40%;
        padding-left:10%;
        padding-right:10%;
        padding-bottom: 20%;
    }
    .honor8-f .f-banner .bg .f-b-font .buy {
        /*text-align: center;*/
        padding-left: 55%;
    }
}
.honor8-f .honor8-br .h-font {
    position: absolute;
    top:30%;
    left:5%;
    width:70%;
}
@media (max-width:767px) {
    .honor8-f .honor8-br .h-font {
        top:12%;
    }
}
.honor8-f .honor8-01 .h-font {
    position: absolute;
    top:10%;
    left:5%;
    width:38%;
}
.honor8-f .honor8-01 .h-font h3,
.honor8-f .honor8-01 .h-font p {color:#fff}
.honor8-f .honor8-02 {margin-top:-1px;}
.honor8-f .honor8-02 .h-font {
    position: absolute;
    top:10%;
    left:5%;
    width:34%;
}
@media (max-width:991px) {
    .honor8-f .honor8-01 .h-font{
        position: relative;
        left:8%;
        width:90%;
        margin-top:15px;
        margin-bottom: 15px;
    }
    .honor8-f .honor8-01 .h-font h3,
    .honor8-f .honor8-01 .h-font p {color:#000}
    .honor8-f .honor8-01 ul.disc li {color:#000}
}
.honor8-f .honor8-02 .h-font p {color:#fff}
@media (max-width:991px) {
    .honor8-f .honor8-02 .h-font{
        position: relative;
        left:8%;
        width:90%;
        margin-top:15px;
        margin-bottom: 15px;
    }
    .honor8-f .honor8-02 .h-font h3,
    .honor8-f .honor8-02 .h-font p {color:#000}
    .honor8-f .honor8-02 ul.disc li {color:#000}
}
.honor8-f .honor8-03 {margin-top:-1px;}
.honor8-f .honor8-03 h3,
.honor8-f .honor8-03 p{color:#fff!important}
@media (max-width:991px) {
    .honor8-f .honor8-03 .bg-textbox {
        padding-left: 25px;
    }
}
.honor8-f .honor8-04 h3,
.honor8-f .honor8-04 p{color:#fff!important}
@media (max-width:991px) {
    .honor8-f .honor8-04 .bg-textbox {
        padding-left: 25px;
    }
}
.honor8-f .honor8-05 .gburl {
    background-image: url("/content/dam/honor/global/other/common/img/honor-8-overview-06.jpg");
}
.honor8-f .honor8-05 h3,
.honor8-f .honor8-05 p{color:#fff!important}
.honor8-f .honor8-05 .mn10 {
    margin-top:30%;
    margin-bottom: 20px;
}
.honor8-f .honor8-05 .bg-textbox {margin-top:20%;}
@media (max-width:991px){
    .honor8-f .honor8-05 .bg-textbox {
        margin-top:5px;
        padding-left: 25px;
    }
    .honor8-f .honor8-05 .mn10 {
        margin-top:20px;
    }
}
.honor8-f .honor8-06 .gbblack {padding-top:10%}
.honor8-f .honor8-06 h3,
.honor8-f .honor8-06 p{color:#fff!important;}
.honor8-f .honor8-06 .bg-textbox {text-align: center;}
.honor8-f .honor8-06 ul.disc li {list-style-type: none;}
@media (max-width:991px){
    .honor8-f .honor8-06 .nodisc {
        vertical-align: top;
    }
}
.honor8-f .honor8-07 h3,
.honor8-f .honor8-07 p{color:#333!important;}
.honor8-f .honor8-07 ul.disc li {color:#333}
@media (max-width:991px){
    .honor8-f .honor8-07 .bg-textbox {
        padding-left: 25px;
    }
}
.honor8-f .honor8-08 h3,
.honor8-f .honor8-08 p{color:#fff!important;}
.honor8-f .honor8-08 .bg-textbox {text-align: center;margin-bottom: 0;}
.honor8-f .honor8-08 ul.disc li {list-style-type: none;}
@media (max-width:991px){
    .honor8-f .honor8-08 .tags {
        text-align: left;
        margin-left:20px;
    }
    .honor8-f .honor8-08 .nodisc {
        vertical-align: top;
    }
}
.honor8-f .honor8-09 h3,
.honor8-f .honor8-09 p{color:#fff!important;}
.honor8-f .honor8-09 .bg-textbox {margin-bottom: 0;}
@media (max-width:991px){
    .honor8-f .honor8-09 .bg-textbox {
        padding-left: 25px;
    }
}
.honor8-f .honor8-10 .h-font {
    position: absolute;
    top:10%;
    text-align: center;
}
.honor8-f .honor8-10 ul.disc li {list-style-type: none;}
.honor8-f .honor8-10 h3,
.honor8-f .honor8-10 p{color:#fff!important;}
@media (max-width:991px){
    .honor8-f .honor8-10 .nodisc {
        vertical-align: top;
    }
    .honor8-f .honor8-10 .h-font {
        position: relative;
        background:#0b0e15;
    }
    .honor8-f .honor8-10 .tags {
        text-align: left;
        margin-left:25px;
    }
}
.honor8-f .honor8-11 h3,
.honor8-f .honor8-11 p{color:#fff!important;}
.honor8-f .honor8-11 .bg-textbox {margin-top: 20%;}
.honor8-f .honor8-11 .gbblueblack {margin-top:-1px}
@media (max-width:991px){
    .honor8-f .honor8-11 .gbblueblack {
        background: #fff;
    }
    .honor8-f .honor8-11 h3,
    .honor8-f .honor8-11 p{color:#000!important;}
    .honor8-f .honor8-11 .bg-textbox {
        margin-top: 20px;
        margin-left:25px;
        margin-bottom:20px;
    }
    .honor8-f .honor8-11 ul.disc li {color:#000}
}
.honor8-f .honor8-12 .gburl {background-image: url("/content/dam/honor/global/other/common/img/hono8-12.jpg");}
.honor8-f .honor8-12 h3,
.honor8-f .honor8-12 p{color:#fff!important;}
.honor8-f .honor8-12 .bg-textbox {margin-top: 20%;}
@media (max-width:991px){
    .honor8-f .honor8-12 .bg-textbox {
        margin-top: 20px;
        margin-left:25px;
    }
}
.honor8-f .honor8-15 .bg-textbox {
    position: absolute;
    max-width: 700px;
    margin-top: 20%;
        left: 10%;
}
.honor8-f .honor8-13 h4 {line-height: 4;}
.honor8-f .honor8-13 .icon {float:left;margin-right: 20px;width:100px;}
.honor8-f .honor8-13 .icons li {padding-left:150px;}
.honor8-f .honor8-13 .icons li:first-child {background: url("/content/dam/honor/global/other/common/img/honor8-f-26.png") no-repeat left 30px;height:170px;}
.honor8-f .honor8-13 .icons li:first-child+li {background: url("/content/dam/honor/global/other/common/img/honor8-f-27.png") no-repeat left 30px;height:170px;}
.honor8-f .honor8-13 .icons li:first-child+li+li {background: url("/content/dam/honor/global/other/common/img/honor8-f-28.png") no-repeat left 30px;height:170px;}
.honor8-f .honor8-13 .bg-textbox {margin-bottom: 0%;}
@media (max-width:991px){
    .honor8-f .honor8-13 .icons li {padding-left:120px;}
    .honor8-f .honor8-13 .icons li:first-child {background: url("/content/dam/honor/global/other/common/img/honor8-f-26-100px.png") no-repeat left 30px;height:230px;}
    .honor8-f .honor8-13 .icons li:first-child+li {background: url("/content/dam/honor/global/other/common/img/honor8-f-27-100px.png") no-repeat left 30px;height:230px;}
    .honor8-f .honor8-13 .icons li:first-child+li+li {background: url("/content/dam/honor/global/other/common/img/honor8-f-28-100px.png") no-repeat left 30px;height:150px;}
}
.honor8-f .honor8-14 ul.disc li {color:#333}
.honor8-f .honor8-14 h4 {line-height: 4;}
.honor8-f .honor8-14 .bg-textbox {margin-bottom: 0%;margin-top: 5%;}
@media (max-width:991px){
    .honor8-f .honor8-14 .bg-textbox {
        /*margin-top: 20px;*/
        margin-left:15px;
    }
        .honor8-f .honor8-15 .bg-textbox {
    position: relative;
    max-width: 700px;
    margin-top: 0;
        margin-bottom: -13%;
            left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1323px) {
    .honor8-f .honor8-15 .bg-textbox {

    max-width: 600px;

}
}

/*honor8 Finland end*/


/*honor8-eu start*/
.honor8-eu h3{
    margin-bottom: 20px;
    font-size: 48px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor8-eu p{
    font-size: 16px;
    line-height: 175%;
}
.honor8-eu .lis li{
    font-size: 16px;
    line-height: 175%;
    list-style-type: disc;
}
.honor8-eu-a-txt{
    position: absolute;
    top: 43%;
    right: 10%;
    color: #fff;
    text-align: right;
}
.honor8-eu-a-txt h3{
    color: #fff;
    font-size: 48px;
    margin-top: 50px;
}
.honor8-eu-a-txt>span{
    padding:0 20px;
    color: #fff;
    line-height: 3em;
    font-size: 18px;
}
.honor8-eu .banner-btnvideo-1{
    margin-top: 50px;
}
.honor8-eu .banner-btnvideo-1 a{
    text-decoration: none;
    cursor: pointer;
}
.honor8-eu-a-btm-img{
    position: absolute;
    bottom: 5%;
    right: 10%;
}
.honor8-eu-b{
    margin: 5% 0;
}
.honor8-eu-b p{
    text-align: center;
    color: #333;
    line-height: 155%;
}
.honor8-eu-b .col-sm-2{
    padding: 0 20px;
}
.honor8-eu-b .col-sm-2 img{
    padding: 20px;
}
.honor8-eu-c-txt{
    margin: 10% 0 0 20%;
}
.honor8-eu .span-txt {
    color: #00aeef;
    padding-bottom: 10px;
    display: block;
}
.honor8-eu-c-txt span{
    color: #00aeef;
}
.honor8-eu-d{
    background: #000;
    padding: 5% 0;
}
.honor8-eu-d-txt{
    margin-top: 20%;
    margin-left: 10%;
}
.honor8-eu-d h3,.honor8-eu-d li,.honor8-eu-d p{
    color: #fff;
    padding-top: 10px;
}
.col-sm-fk{
    width: 20%;
    padding: 5%;
    text-align: center;
    float: left;
}
.honor8-eu-d .container{
    display: block;
}
.honor8-eu-e{
    padding: 5% 0 0 0;

}
.honor8-eu-e-txt{
    margin-top: 20%;
    margin-left: 10%;
    margin-right: 20%;
}
.honor8-eu-e-icon .col-sm-6{
    max-width: 180px;
    padding: 20px;
}
.honor8-eu-e-icon .col-sm-6 img{
    max-width: 100px;
    margin: 10px;
}
.honor8-eu-f{
    position: relative;
    display: table;
    width: 100%;
    display: ruby;
}
.honor8-eu-f-top{
    margin-top: -40px;
    width: 100%;
}
.honor8-eu-z{
    clear: both;
}
.honor8-eu-f-txt{
    color: #fff;
    position: absolute;
    bottom: -18%;
    width: 100%;

}
.honor8-eu-f-content{
    position: relative;
    margin-bottom: -5px;
}
.honor8-eu-f-txt-a{
    max-width: 600px;
    margin-left: 35%;

}
.honor8-eu-g-bg{
    background: #000;
    color: #fff;
    display: table;
    width: 100%;
    padding-bottom: 5%;
}
.honor8-eu-g-bg .col-sm-4{
    padding: 10px 50px;
    text-align: center;
}
.honor8-eu-g-bg .col-sm-4 img{
    padding: 10px;
}

.honor8-eu-h{
    background: #000;
    padding-top: 5%;
    padding-bottom: 5%;
    display: table;
    width: 100%;
}
.honor8-eu-h-txt{
    color: #fff;
    margin-top: 20%;
    margin-left: 2%;
}

.honor8-eu-h-icon {
    color: #fff;
    text-align: center;
    max-width: 600px;
    margin-top: 25%;
}
.honor8-eu-h-icon p{
    margin: 20px 0;
}

.honor8-eu-h-i{
    background: #101c36;
    height: 400px;
    width: 100%;
    text-align: center;
    color: #fff;
    display: table;
}
.honor8-eu-h-i-txt{
    display: table-cell;
    vertical-align: middle;
}

.honor8-eu-j{
    background: #000;
    color: #fff;
}
.honor8-eu-j .row:nth-child(even){
    background: #101c36;
    margin: 0;
}
.honor8-eu-j .row:nth-child(odd){
    background: #10121e;
    margin: 0;
}
.honor8-eu-j .row>div:last-child {
    border-left: 2px solid #000000;
}
.honor8-eu-j p{
    padding-left: 5%;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 155%;
    word-wrap: break-word;
}
.honor8-eu-j-h1{

    text-align: center;
}
.honor8-eu-j-h1 h3{
    padding-top: 6%;
    padding-bottom: 2%;
}
.honor8-eu-e-icon{
    padding-bottom: 20px;
}
.honor8-eu .lis .lis-span-top{
    margin-top: 50px;
}
.honor8-eu .lis .lis-span{
    font-size: 14px;
}
.honor8-eu-a-txt img {
    text-align: right;
    display: inline-block;
}
@media only screen and (min-width: 1367px) and (max-width: 1666px) {
    .honor8-eu-a-txt {
        right: 2%;
        top: 33%;
    }
    .honor8-eu-a-btm-img {
        right: 2%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .honor8-eu-a-txt {
        right: 2%;
    }
    .honor8-eu-a-btm-img {
        right: 2%;
    }
    .honor8-eu-a-txt h3 {
        font-size: 24px;
        margin-top: 20px;
    }
    .honor8-eu-a-txt>span {
        padding: 0 10px;
        font-size: 16px;
    }
    .honor8-eu-a-txt img {
        text-align: right;
        max-width: 225px;
        display: inline-block;
    }
    .honor8-eu .we-video-icon-6-white {
        min-width: 170px;
        height: 36px;
        font-size: 20px;
        line-height: 36px;
    }
    .honor8-eu .banner-btnvideo-1 {
        margin-top: 25px;
    }
    .honor8-eu-a-txt {
        top: 29%;
        right: 3%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .honor8-eu-a-txt img {
        max-width: 225px;

    }

    .honor8-eu-a-txt>span {
        padding: 0 5px;
    }
    .honor8-eu-a-txt>span {
        font-size: 14px;
    }
    .honor8-eu .we-video-icon-6-white {
        min-width: 170px;
        height: 36px;
        font-size: 20px;
        line-height: 36px;
    }
    .honor8-eu .banner-btnvideo-1 {
        margin-top: 15px;
    }
    .honor8-eu-e-txt {
        margin-top: 2%;
    }
    .honor8-eu-a-txt h3 {
        font-size: 36px;
        margin-top: 20px;
    }
    .honor8-eu-e-icon .col-sm-6 {
        padding: 0 20px 50px 20px;
        text-align: center;
    }
    .honor8-eu-a-btm-img img {
        max-width: 130px;
    }
    .honor8-eu-a-txt h3 {
        font-size: 36px;
        margin-top: 15px;
    }
    .honor8-eu-b .col-sm-2 img {
        padding: 10px;
    }
    .honor8-eu-a-txt {
        top: 20%;
        right: 2%;
    }
    .honor8-eu-a-btm-img {
        right: 2%;
    }
    .col-sm-fk {
        padding: 2%;
    }
    .honor8-eu-g-bg .col-sm-4 {
        padding: 10px;
    }
    .honor8-eu-h-icon {
        margin-top: 15%;
    }
    .honor8-eu-h-icon img{
        max-width: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .honor8-f .f-banner .bg{
        background-image: url("/content/dam/honor/global/other/common/img/Product_page_1st-module_480X480.jpg");
        background-position: center;
    }
    .honor8-eu-a-txt img{
        max-width: 220px;
    }
    .honor8-eu-a-txt {
        top: 4%;
        right: 0;
        color: #fff;
        text-align: center;
        width: 100%;
    }
    .honor8-eu-a-txt img{
        margin: auto;
    }
    .honor8-eu-a-txt h3 {
        color: #fff;
        font-size: 35px;
        margin-top: 20px;
    }
    .honor8-eu-a-txt>span {
        padding: 2px;
        color: #fff;
        line-height: 100%;
        font-size: 14px;
    }
    .honor8-eu .banner-btnvideo-1 {
        margin-top: 20px;
    }
    .honor8-eu-b .col-sm-2 {
        padding: 0 20px;
        height: 174px;
    }
    .honor8-eu-b .col-sm-2 img {
        padding: 5px;
        max-width: 100px;
    }
    .honor8-eu-e-icon .col-sm-6 img {
        margin: auto;
    }
    .col-sm-fk {
        width: 50%;
        padding: 10px;
    }
    .col-sm-fk img{
        max-width: 100px;
    }
    .honor8-eu-e-txt {
        margin-top: 1%;
        margin-left: 5%;
        margin-right: 0;
    }
    .honor8-eu-e-icon .col-sm-6 {
        max-width: 100%;
        padding: 0;
        text-align: center;
    }
    .honor8-eu-f-txt {
        position: relative;
        bottom: 0;
        background: #000;
    }
    .honor8-eu-c-txt {
        margin: 10% 0 0 20%;
        margin-left: 5%;
    }
    .honor8-eu-f-txt-a {
        margin-left: 5%;
    }
    .honor8-eu-g-bg .col-sm-4 {
        padding: 0;
    }
    .honor8-eu-g-content {
        margin-top: -5%;
    }
    .honor8-eu p {
        font-size: 14px;
        line-height: 155%;
    }
    .honor8-eu-h-icon {
        margin-top: 5%;
    }
    .honor8-eu-h-txt {
        margin-left: 5%;
    }
    .honor8-eu-d-txt {
        margin-left: 5%;
    }
    .honor8-eu-g-txt{
        margin-left: 5%;
    }
    .honor8-eu-h-icon img{
        max-width: 100px;
    }
    .honor8-eu-h-i {
        height: 250px;
    }
    .honor8-eu h3 {
        font-size: 32px;
    }
}


/*honor8-eu end*/
/*honor8 Finland campaign start*/
.honor8-f-campaign {
    font-size: 18px;
    line-height: 1.1;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor8-f-campaign .top-poster {
    position: relative;
}
.honor8-f-campaign .top-poster .pa {
    position: absolute;
    top:34%;
    width:100%;
    text-align: center;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
}
.honor8-f-campaign .top-poster .pa .mainlist {
    display: inline-block;
    border-width:5px;
    border-style:solid;
    border-color:#fff;
    border-radius:10px;
    margin-right:10px;
    width:264px;
    color:#fff;
    background: url("/content/dam/honor/global/other/common/img/opacity-bg.png") repeat;
    transition: all .5s;
}
.honor8-f-campaign .top-poster .pa .mainlist:hover {
    cursor: pointer;
    background: url("/content/dam/honor/global/other/common/img/opacity-bg-black.png") repeat;
}
.honor8-f-campaign .top-poster .pa .mainlist .fa {
    line-height: 8px;
}
@media (min-width: 992px) and (max-width:1199px){
    .honor8-f-campaign .top-poster .pa {
        top: 25%;
        font-size: 20px;
    }
    .honor8-f-campaign .top-poster .pa .mainlist {
        border-width:4px;
        width:224px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .honor8-f-campaign .top-poster .pa {
        top: 24%;
        font-size: 16px;
    }
    .honor8-f-campaign .top-poster .pa .mainlist {
        border-width:3px;
        width:184px;
    }
}
@media (max-width: 767px) {
    .honor8-f-campaign .top-poster .pa {
        top: 22%;
        font-size: 12px;
    }
    .honor8-f-campaign .top-poster .pa .mainlist {
        word-break: break-word;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .honor8-f-campaign .top-poster .pa .mainlist {
        border-width:2px;
        width:142px;
    }
}
@media (min-width: 414px) and (max-width: 479px) {
    .honor8-f-campaign .top-poster .pa .mainlist {
        border-width:2px;
        width:120px;
    }
}
@media (max-width: 413px){
    .honor8-f-campaign .top-poster .pa .mainlist {
        border-width:1px;
        width: 80px;
    }
}
.honor8-f-campaign .buy-list {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: absolute;
    top:130%;
    cursor: default;
    border:5px solid #fff;
    border-radius:10px;
    padding:5px 10px;
    text-align: left;
    background: url("/content/dam/honor/global/other/common/img/opacity-bg.png") repeat;
    display: none;
    z-index: 1;
}
.honor8-f-campaign .buy-list li {
    margin:10px 0;
    cursor: pointer;
}
.honor8-f-campaign .buy-list li>a {
    font-size: 20px;
    margin-left:15px;
    margin-right:15px;
    color: #e9e9e9;
}
.honor8-f-campaign .buy-list li>a:hover{
    color: #fff;
    text-decoration: underline;
}
.honor8-f-campaign .buy-list li>img {
    cursor: default;
}
.honor8-f-campaign .triangle {
    position: absolute;
    top:-35px;
    left:66px;
}
.honor8-f-campaign .triangle .triangle-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fff;
}
@media (min-width:992px) and (max-width:1400px) {
    .honor8-f-campaign .buy-list{
        margin-left:-71px;
    }
    .honor8-f-campaign .triangle {
        top:-31px;
        left:125px;
    }
    .honor8-f-campaign .triangle .triangle-down {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #fff;
    }
}
@media (max-width:991px){
    .honor8-f-campaign .buy-list {
        border:3px solid #fff;
        top: 115%;
        right:6%;
        z-index: 1;
    }
    .honor8-f-campaign .triangle {
        top:-25px;
        left:170px;
    }
    .honor8-f-campaign .triangle .triangle-down {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 12px solid #fff;
    }
}
@media (min-width:460px) and (max-width:991px) {
    .honor8-f-campaign .triangle {
        display: none;
    }
}

.honor8-f-campaign .top-poster .pb {
    position: absolute;
    height:30px;
    bottom:5%;
    width:100%;
    text-align: right;
    padding-right:50px;
    background: url("/content/dam/honor/global/other/common/img/opacity-bg-blue.png") repeat;
}
.honor8-f-campaign .top-poster .pb>div {
    margin-top:0;
}
.honor8-f-campaign .top-poster .pb a.disc {
    display: inline-block;
    margin:0 10px;
    border-radius: 50%;
    background: #fff;
    width:55px;
    height:55px;
    margin-top:-13px;
    text-align: center;
    color:#00b3e0;
    font-size:32px;
    line-height:54px;
    transition: all .5s;
}
.honor8-f-campaign .top-poster .pb a.disc:hover {
    color:#fff;
    background: #00b3e0;
}
@media (max-width:991px){
    .honor8-f-campaign .top-poster .pb {
        height:20px;
        padding-right: 20%;
    }
    .honor8-f-campaign .top-poster .pb a.disc {
        width:40px;
        height:40px;
        margin-top:-11px;
        font-size:24px;
        line-height:40px;
    }
}
@media (max-width: 320px){
    .honor8-f-campaign .top-poster .pa .mainlist {
        border-width:1px;
        width: 120px;
    }
    .pa table{ margin-top: -15px; margin-left: 20px;}
    .honor8-f-campaign .top-poster .pb{ padding-right: 10%;}
}
.honor8-f-campaign .h8-prop {}
.honor8-f-campaign .h8-prop .bgurl {
    background: url('/content/dam/honor/global/other/common/img/Backround_1920x1080.jpg');
    padding:80px 0 50px;
}
.honor8-f-campaign .h8-prop .bgurl h2{
    text-align: center;
    font-family: "bignoodletitlingregular";
    font-size:54px;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox {
    margin-top:15%;
    margin-bottom: 50px;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
    margin:10px 6px;
    padding:20px;
    height:250px;
    border-radius: 10px;
}
@media (min-width: 1440px) and (max-width:1619px){
    .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
        height:270px;
    }
}
@media (min-width: 1200px) and (max-width:1439px){
    .honor8-f-campaign .h8-prop .bgurl .fontbox {
        margin-top:0;
    }
    .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
        height:320px;
    }
}
@media (min-width: 992px) and (max-width:1199px){
    .honor8-f-campaign .h8-prop .bgurl .fontbox {
        margin-top:-10px;
    }
    .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
        height:350px;
    }
}
@media (max-width: 992px){
    .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
        height:210px;
    }
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.one {
    background: #fff;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.two {
    background: #00b4e5;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.three {
    background: #000;
    color:#fff;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.four {
    background: #818497;
    background: rgba(129,132,151,0.8);
    color:#fff;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox h3 {
    font-family: "bignoodletitlingregular";
    font-size:28px;
    line-height: 140%;
}
.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox p {
    line-height: 140%;
}
@media (max-width:991px){
    .honor8-f-campaign .h8-prop .bgurl {
        padding:30px 0 0;
    }
    .honor8-f-campaign .h8-prop .bgurl h2{
        font-size:28px;
        color:#000;
    }
    .honor8-f-campaign .h8-prop .bgurl .fontbox {
        margin-top:10%;
        margin-bottom: 50px;
    }
}


.honor8-f-campaign .rohkeus {}
.honor8-f-campaign .rohkeus .fontbox {
    padding-right:15%;
    margin-top:25%;
}
.honor8-f-campaign .rohkeus .fontbox h2 {
    font-family: "bignoodletitlingregular";
    font-size:60px;
    line-height: 210%;
}
.honor8-f-campaign .rohkeus .fontbox p {
    line-height: 140%;
    font-size: 28px;
}
.honor8-f-campaign .rohkeus .fontbox p.text-right {
    margin-top:10%;
}
@media (max-width:991px) {
    .honor8-f-campaign .rohkeus .fontbox {
        padding:20px;
        margin-top:0;

    }
    .honor8-f-campaign .rohkeus .fontbox h2 {
        color:#000;
        text-align: left;
        margin-bottom:10px;
        line-height: 1;
        font-size: 28px;
    }
    .honor8-f-campaign .rohkeus .fontbox p {
        font-size: 18px;
    }
}
/*honor8 Finland campaign end*/

/* honor8 add new bof */
/* 2016-08-23 */
.mobile-videocontent{padding-left:20px; padding-right:20px; color:#fff; margin-top:40px; margin-bottom:40px;}
.video-bg{text-align:center;}
.video-bg .fb-video{ margin:80px auto;}
.comingsoon-content-text {position: relative; margin-top: -100px;}
.mobile-videocontent a{display:block; margin:20px auto 0;}
.honor8-comingsoon-txt a,.honor8-comingsoon-txt a:hover{display:block; color:#fff;}
.comingsoon-content-text h2.title{margin-top:40px;}
/* honor8 add new eof */



/*honor5a-txt- start*/
.honor5a-kv-btn{
    position: absolute;
    left: 63%;
    top: 49%;
}

.honor5a-kv-btn a{
    display: inline-block;

}
.honor5a .row{
    position: relative;
}
.honor5a h3{
    font-size: 48px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    line-height: 175%;
}
.honor5a h4{
    font-size: 20px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    line-height: 125%;
    font-weight: bold;
}
.honor5a li{
    list-style-type: disc;
    line-height: 175%;
    font-size: 16px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor5a span{
    margin-top: 30px;
    display: block;
    line-height: 175%;
    font-size: 14px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor5a-txt-a{
    position: absolute;
    bottom:8%;
    left: 10%;
}
.honor5a-txt-b{
    position: absolute;
    bottom:7%;
    left: 10%;
}
.honor5a-txt-c{
    position: absolute;
    bottom:5%;
    right: 2%;
    width: 60%;
}
.honor5a-txt-d{
    position: absolute;
    top:7%;
    left: 10%;
    width: 80%;
}
.honor5a-txt-e{
    position: relative;
    text-align: center;
    padding: 3% 0;
}
.honor5a-txt-f{
    position: absolute;
    top:37%;
    left: 10%;
    width: 40%;
}
.honor5a-txt-g{
    position: relative;
    left: 30%;
    padding: 2% 0;
    width: 60%;
}
.honor5a-txt-h{
    position: absolute;
    top:7%;
    left: 15%;
    width: 50%;
}
.honor5a-txt-i{
    position: absolute;
    top:17%;
    left: 10%;
    width: 80%;
}
.honor5a-txt-j{
    position: relative;
    left: 20%;
    padding: 2% 0;
    width: 60%;
}
.honor5a-txt-k {
    position: absolute;
    top: 30%;
    left: 27%;
}
.honor5a-txt-l {
    position: absolute;
    top: 10%;
    left: 10%;
}
.honor5a-txt-m{
    background: #f6f6f6;
    color: #999;
    padding: 5% 0;
}
.honor5a-txt-m .container .table{
    background: #fafafa;
    padding: 3% 0;
}
.honor5a-txt-m h2{
    font-size: 48px;
    color: #666;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor5a-txt-m h3{
    font-size: 36px;
    text-align: center;
}
.honor5a .honor5a-txt-m  h4{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.honor5a-txt-m .honor5a-txt-m-title h3{
    text-align: left;
}
.honor5a-txt-m-title{
    margin-bottom: 5%;
}
.honor5a-txt-m .container .table td{
    padding: 20px;
    width: 50%;
    text-align: center;
    border: none;
}
.honor5a-txt-m .container .table_1 td{
    text-align: left;
    width: 60%;
}

@media only screen and (min-width: 1024px) and (max-width: 1466px) {
    .honor5a-txt-d {
        width: 80%;
        top: 3%;
    }
    .honor5a li {
        line-height: 155%;
        font-size: 16px;
    }
    .honor5a h3 {
        font-size: 40px;
        line-height: 155%;
    }
    .honor5a-txt-h {
        width: 70%;
    }
    .honor5a-txt-g {
        left: 20%;
    }
    .honor5a-txt-b {
        bottom: 3%;
    }
    .honor5a .we-video-icon-6 {
        min-width: 150px;
        line-height: 36px;
        height: 36px;
        font-size: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .honor5a-txt-a,.honor5a-txt-b,.honor5a-txt-c,.honor5a-txt-d,.honor5a-txt-e,.honor5a-txt-f,.honor5a-txt-g,.honor5a-txt-h,.honor5a-txt-i,.honor5a-txt-j,.honor5a-txt-k,.honor5a-txt-l{
        position: relative;
        left: 4%;
        right: inherit;
        width: 80%;
        bottom: inherit;

    }
    .honor5a h3 {
        font-size: 36px;
        line-height: 125%;
        padding-top: 10px;
    }
    .honor5a-txt-m .container .table td {
        padding: 10px;
    }
    .honor5a-txt-m h2 {
        margin: 0;
        font-size: 36px;
    }
    .honor5a li {
        line-height: 155%;
    }
    .honor5a-txt-m-title {
        margin-bottom: 0;
    }
    .honor5a .honor5a-txt-m h3{
        font-size: 32px;
    }
    .honor5a-txt-h {
        width: 80%;
    }
    .honor5a-txt-d {
        width: 80%;
    }
    .honor5a .we-video-icon-6 {
        min-width: 150px;
        line-height: 36px;
        height: 36px;
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    #top-banner .banner-mask {

        bottom: 0%;

    }
    .honor5a-txt-a,.honor5a-txt-b,.honor5a-txt-c,.honor5a-txt-d,.honor5a-txt-e,.honor5a-txt-f,.honor5a-txt-g,.honor5a-txt-h,.honor5a-txt-i,.honor5a-txt-j,.honor5a-txt-k,.honor5a-txt-l{
        position: relative;
        bottom:0;
        left: 10px;
        width: 100%;
    }
    .honor5a h3 {
        font-size: 36px;
        line-height: 125%;
        padding-top: 10px;
    }
    .honor5a-txt-m .container .table td {
        padding: 10px;
    }
    .honor5a-txt-m h2 {
        margin: 0;
        font-size: 36px;
    }
    .honor5a li {
        line-height: 155%;
    }
    .honor5a-txt-m-title {
        margin-bottom: 0;
    }
    .honor5a .honor5a-txt-m h3{
        font-size: 32px;
    }
    .honor5a h4 {
        font-size: 18px;
        line-height: 125%;
    }
    .honor5a-kv-btn {
        position: absolute;
        top: 31%;
        left: 0;
        margin: auto;
        width: 100%;
        text-align: center;
    }
}
/*honor5a-txt- end*/




/*brand-us start*/
.brand-us {

}

.brand-us p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 175%;
    font-size: 16px;
    display: block;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;

}

.brand-us h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #333;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.brand-us-banner {
    position: relative;

}

.brand-us .desc {
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}

.brand-us .inner-tb {
    display: table;
    width: 100%;
    height: 100%;
}

.brand-us .txt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.brand-us .brand-us-banner .txt h1 {
    font-size: 80px;
    text-shadow: 2px 3px 2px #666;
}

.brand-us .brand-us-banner .txt p {
    font-size: 20px;
    max-width: 600px;
    width: 50%;
    margin: auto;
    color: #fff;
}

.brand-us .brand-us-menu {
    margin: auto;
    width: 100%;
    padding-top: 10px;
    max-width: 1150px;
}

.brand-us .us-menu-border_1 {
    border-bottom: 2px solid #333;
}

.brand-us .us-menu-border_2 {
    padding-top: 5px;
}

.brand-us .brand-us-menu li {
    display: inline-block;
    width: 24.5%;
    text-align: center;
    font-size: 24px;
}

.brand-us .brand-us-menu li a {
    color: #222223;
    display: inline-block;
    overflow: hidden;
    font-size: 22px;
}
.brand-us .brand-us-menu li a:hover {
    color: #00b2e6;
}
.brand-us-menu li a.active {
    color: #00b2e6;
}
.brand-us .nav-list{
    height: 70px;
    line-height: 70px;
}
.brand-us .nav-list a:hover .nav-line,  .nav-line {
    width: 100%;
}
.brand-us .nav-list a .nav-line {
    border-bottom: 2px solid #01b4e1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    -webkit-transition: width 450ms ease-out;
    -moz-transition: width 450ms ease-out;
    -ms-transition: width 450ms ease-out;
    transition: width 450ms ease-out;
}
.brand-us-a-bg {

}

.brand-us-a {
    display: table;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.brand-us-one {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.brand-us .brand-us-one h3 {
    font-size: 28px;
    color: #222223;
    line-height: 155%;
    word-break: break-word;
    max-width: 600px;
}
.brand-us .brand-us-one p {
    color: #222223;
}
.brand-us  .brand-us-one-txt {
    transition: all 1s;
    -webkit-transform:translateX(-500px);
    -moz-transform:translateX(-500px);
    -ms-transform:translateX(-500px);
    transform:translateX(-500px);
    opacity: 0;
    filter:Alpha(opacity=0);
}
.brand-us  .brand-us-one-txt.active {
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    transform:translateX(0px);
    opacity: 1;
    filter:Alpha(opacity=100);
}

.brand-us-one-txt {
    vertical-align: middle;
    padding: 0 10%;

}

.brand-us-one-txt .list-style {
    list-style-type: disc;
    font-size: 16px;
    line-height: 175%;
}

.brand-us-one-bg {
    background: #f4f4f4;
}
.brand-us .xletix-videobox {
    background-color: #fff;

}

.brand-us .sxsw-section4 .vjs-default-skin .vjs-big-play-button, .brand-us .sxsw-section4 .vjs-paused .vjs-big-play-button {
    background: url("/content/dam/honor/global/other/common/img/story_play_ico.png") center center no-repeat;
}
.brand-us .sxsw-section4 .vjs-default-skin .vjs-big-play-button:hover, .brand-us .sxsw-section4 .vjs-paused .vjs-big-play-button:hover {
    background: url("/content/dam/honor/global/other/common/img/story_play_ico_hover.png") center center no-repeat;
}
.brand-us .sxsw-section4{
    padding-top: 0;
}
.brand-us-icon li {
    display: inline-block;
    width: 19.5%;
    text-align: center;
}

.brand-newsall .banner-swiper-us {
    height: 180px;
}

.brand-us .news-txt a:hover{
    text-decoration: none;
}
.brand-us-icon-a {
    margin: 3% 0;
}

.brand-us-icon-a h4 {
    text-align: center;
    font-size: 40px;
    color: #222223;
    margin-top: 5%;
    margin-bottom: 2%;
}

.brand-us .brand-us-two {
    position: relative;
    background: url("/content/dam/honor/global/other/common/img/about-number-bg.jpg") no-repeat center;
    height: 419px;

}

.brand-us .float-right {
    float: right;
    display: inline-block;
    overflow: hidden;
    top: 0;
}

.brand-us .float-left {
    float: left;
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    top: 0;
}

.brand-us .right-zero {
    right: 0;
    overflow: hidden;
    display: inline-block;
    height: 100%;
    zoom: 1;
}

.brand-us .posoin-retive {
    height: 100%;
    position: absolute;
    top: 50%;
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.brand-us .brand-us-two .txt-bold {
    font-weight: bold;
    font-size: 18px;
}

.brand-us .brand-us-aninmation {
    color: #00b7e1;
}

.brand-us .brand-us-aninmation h1 {
    font-size: 80px;
    display: inline-block;
    line-height: 100%;
}

.brand-us .brand-us-aninmation span {
    font-size: 40px;
}

.brand-us .tab-two {
    display: table;
    margin: auto;
}
.brand-us-aninmation p {
    padding-bottom: 5px;
}
.brand-us .brand-us-aninmation p {
    margin: 0;
}

.brand-us .tab-two span {
    display: table-cell;
    vertical-align: middle;
}

.brand-us .tow-border {
    border: 1px solid #00b2e6;
    width: 70px;
    margin: auto;
}

.brand-us .brand-us-one-img {
    position: relative;
    overflow: hidden;
}

.brand-us .brand-us-one-img img {
    transition: all 1.3s;
    -ms-transition: all 1.3s;
    -o-transition: all 1.3s;
    -webkit-transition: all 1.3s;
    -moz-transition: all 1.3s;
}

.brand-us .brand-us-one-img img:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.brand-us .category-filter {
    background-color: #fff;
    padding: 30px 0;
    position: relative;
}

.brand-us .list-of-categories {
    text-align: center
}

.brand-us .blue-icon, .category-iconbox:hover .grey-icon {
    display: none;
}

.brand-us .category-iconbox:hover .blue-icon {
    display: block;
}

.brand-us .list-of-categories a {
    color: #999;
    display: block;
    font-size: 16px;
}

.brand-us .list-of-categories li:hover a, .category-iconbox:hover {
    color: #01b4e1;
}

.brand-us .list-of-categories li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    width: 150px;
    position: relative;
    text-align: center;
}

.brand-us .category-filter .list-of-categories li a .ico {
    display: block;
    width: 78px;
    height: 118px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.brand-us .category-iconbox .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand-us .category-filter .bx-controls-direction {
    display: none;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.brand-us .category-filter:hover .bx-controls-direction {
    display: block;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.brand-us .category-filter .bx-controls-direction a {
    width: 17px;
    height: 30px;
    background: url("/content/dam/honor/global/other/common/img/arrows_small.png") no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-indent: -9999px;
    display: block;
}

.brand-us .category-filter .bx-controls-direction a.bx-prev {
    left: 30px;
    background-position: 0 0;
}

.brand-us .category-filter .bx-controls-direction a.bx-next {
    right: 30px;
    background-position: 0 -30px;
}

.brand-us-menu-fixe {
    position: fixed;
    top: 70px;
    margin: auto;
    z-index: 9999;
    display: none;
    background: #fff;
    width: 100%;
}

.brand-us .brand-story {
    text-align: center;
}

.brand-us .brand-story-time {
    margin-top: 5%;
    font-size: 18px;
    color: #666;
}

.brand-us .story_play_ico {
    display: block;
}

.brand-us .brand-story-one {
    position: relative;
}
.brand-us .brand-story-txt a {
    color: #666;
}
.brand-us  a:hover {
    color: #00b2e6;
    text-decoration: underline;
}
.brand-us  a:hover h3 {
    color: #00b2e6;
}
.brand-us  a:hover{
    text-decoration: none;
}
.brand-us .brand-story-txt {
    margin-top: 20px;
}

.brand-us .brand-story-border {
    border: 1px solid #f4f4f4;
    margin: 1% auto 2% auto;
    max-width: 1300px;
}

.brand-us a.view-more-btn {
    width: 200px;
    height: 45px;
    border: 1px solid #333;
    color: #333;
    line-height: 45px;
    text-align: center;
    margin: 20px auto 50px auto;
    display: block;
    border-radius: 20px;
    font-size: 18px;
    transition: ease-in .3s;
}
.brand-us .story_play_ico{
    transition: ease-in .4s;
    -webkit-transition: ease-in .4s;
    -moz-transition: ease-in .4s;
}
.brand-us a.view-more-btn:hover {
    background: #00b2e6;
    color: #fff;
    border-color:#fff ;
    text-decoration: none;
}
.brand-us-news{
    margin-bottom: 50px;
}
.brand-us .view-more {
    display: none;
}
.brand-us .brand-us-news{
    margin-bottom: 50px;
}
.brand-us .brand-news-one {
    position: relative;
    margin-right: 10px;
}
.brand-us .brand-news-three .news-txt{
    margin-top: 20px;
    min-height: 90px;
    overflow: hidden;
}
.brand-us .brand-us-news-content  span{
    font-size: 14px;
    color: #dddddd;
    margin-top: 20px;
    display: block;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.brand-us .brand-news-three .col-sm-4{
    padding: 0 10px;
}

.brand-us .brand-news-three .col-sm-4 img{

transition: all 1.3s;
    -o-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
}
.brand-us .brand-news-three .col-sm-4 img:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.brand-us .brand-news-three .news-txt h3{
    margin-bottom: 10px;
}
.brand-us .brand-news-three .news-txt a p{
    color: #9d9d9d;
    font-size: 18px;
}
.brand-us .context-title p{
    color: #222223;
}

.brand-us .context-title a:hover p{
    color: #00A0D1;
    text-decoration: none;
}
.brand-us .context-title a:hover{
    text-decoration: none;
}
.brand-us .brand-story-txt a.us-view-more-btn{
    color: #00b2e6;
    font-size: 16px;
    position: absolute;
}
.brand-us .brand-news-three .news-txt a:hover h3{
    color: #00A0D1;
}
.brand-us .brand-news-three .news-txt a:hover p{
    color: #00A0D1;
}
.brand-us .brand-news-three .news-txt p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.brand-us .brand-us-news-title {
    margin: 50px auto 30px auto;
    width: 100%;
    text-align: center;
}
.brand-us .brand-us-news-title h3 {
    color: #9d9d9d;
    font-size: 24px;
}

.brand-us .brand-us-news-title p {
    font-size: 18px;
    color: #222223;
    max-width: 630px;
    margin: auto;
}
.brand-us .brand-news-botm-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background-color:rgba(0,0,0,.3);
    overflow: hidden;
    display: block;
}
.brand-us .brand-news-botm-txt h3 a{
    color: #fff;
}
.brand-us  .brand-us-menu-static {
    background: #fff;

}
.brand-us-history .brand-us-news-title h3{
    font-size: 40px;
    color: #222223;
}
.brand-us .brand-news-right{
    position: relative;
    overflow: hidden;
    height: 214px\9 !important;
    max-height: 214px\9;
}
.brand-us .brand-news-right img{
    display: block;
    transition: all 1.3s;
    -o-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
}
.brand-us .brand-news-right img:hover{
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.brand-us .brand-news-botm-txt a  {
    display: block;
}
.brand-us .brand-news-botm-txt h3 {
    color: #fff;
    padding-left: 20px;
    font-size: 18px;
    margin-bottom: 2px;
    line-height: 40px;
}
.brand-us .brand-news-right-height{
    overflow: hidden;
    position: relative;
}
.brand-us .brand-us-news-content{
    position: relative;
    overflow: hidden;
}
.brand-us-story-content{
    position: relative;

    max-width: 900px;
    margin: auto;
        margin-top: 5%;
}
.brand-us .story-content-pic img{
    transition: all 1.3s;
    -o-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
    opacity: 1;
}
.brand-us .story-content-pic{
    position: relative;
    overflow: hidden;
}
/*.brand-us .story-content-pic img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
    filter:Alpha(opacity=70);
}*/
.brand-us .us-story-line{
    border-left: 1px solid #d6d6d6;
    height: 100%;
    width: 10%;
    position: absolute;
    float: left;
}
.view-more-btn{
    border: 1px solid #00b2e6;
    width: 220px;
    border-radius: 20px;
    display: block;
    margin: auto;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.brand-us .time-context {
    left: -14%;
    position: absolute;
    width: 17%;
}
.brand-us .time-context>div{
    display: inline-block;
}
.brand-us .time-year{
    margin-top: 30px;
    margin-left: -78px;
    /*writing-mode:tb-rl;*/
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.brand-us  .time-year em{
    font-size: 54px;
    line-height: 100%;
    font-weight: bold;
    color: #f4f4f4;
}
.brand-us .us-circle{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-left: -39px;
    vertical-align: top;
    padding: 5px;
    overflow: hidden;
    border-color: #00b7e1;
    animation: shadowdate 2s linear 1.1s infinite;
    -o-animation: shadowdate 2s linear 1.1s infinite;
    -ms-animation: shadowdate 2s linear 1.1s infinite;
    -moz-animation: shadowdate 2s linear 1.1s infinite;
    -webkit-animation: shadowdate 2s linear 1.1s infinite;
}
.brand-us .times-circle{
    background: #00b2e6;
    width: 15px;
    vertical-align: middle;
    height: 15px;
    border-radius: 50%;
    display: table-cell;
}
.brand-us .time-date{
    padding-right: 28%;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    float: right;
    color: #666;
}
.brand-us .story-content{
    width: 90%;
    float: right;
    position: relative;
    margin-bottom: 5%;
    margin-top: 2%;
    padding: 0 20px;
}
.brand-us .context-title h3{
    margin-top: 20px;
}
.honor8-color{
    color:#fff;
}
.brand-us  .us_txt_content{width:auto;margin:5px auto;height:100px;overflow:hidden;position:relative; margin-left:60px;margin-right:60px}
.brand-us  .us-view-more-btn{height:40px;background-color:#fff;position:absolute;bottom:0px;width:100%;padding-top: 20px; display: block}

@media only screen and (min-width: 768px) and (max-width: 1366px){

    .brand-story-one img{
        max-width: 700px;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-us p {
        line-height: 155%;
        font-size: 14px;
    }
    .brand-us .brand-news-right {
        height: 130px \0 !important;
        max-height: 130px !important;
    }
    .honor8-color{
    color:#000;
}


}

@media only screen and (min-width: 768px) and (max-width: 923px) {
    .brand-us .brand-news-right {
        height: 130px  !important;
        max-height: 130px !important;
    }

}
@media only screen and (max-width: 767px) {
    .brand-us .brand-us-news-title h3 {
        font-size: 22px;
    }
    .brand-us .brand-news-three .news-txt a p {
        font-size: 16px;
    }
    .brand-us  .us_txt_content{margin-left:5px;margin-right:5px}
    .brand-us .brand-us-news-title {
        margin: 40px auto 30px auto;
    }

    .brand-us .us-circle {

        padding: 5px;
    }
    .brand-us .brand-us-news-content .news-txt span {
        margin-top: 10px;
    }
    .brand-us .brand-news-botm-txt h3{
        margin-top: 0;
    }
    .brand-us .brand-news-three .news-txt h3{
        margin-top: 0;
    }
    .brand-us .brand-us-news-content {
        margin-bottom: 20px;
    }
    .brand-us  .story-content-pic{
        margin-top: 35px;
    }
    .brand-us .story-content {
        margin-bottom: 40px;
        margin-top: 0;
    }
    .brand-us  .time-year {
        font-size: 46px;

    }
    .brand-us .time-context {
        left: -6%;

    }
    .brand-us .time-year {
        margin-left: -112px;
    }
    .brand-us  .time-date {
    }
    .brand-us  .times-circle {
        width: 15px;
        height: 15px;
    }
    .brand-us .time-context {
        width: 120px;
    }
    .brand-us  .brand-us-story-content{
        margin: 0 13%;
    }
    .brand-us  .brand-news-three .news-txt {
        margin-top: 0;
    }
    .brand-us .brand-news-one {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .brand-us  .brand-us-menu-fixe {
        display: none !important;
    }

    .brand-us  .brand-us-menu-static {
        display: block !important;
        background: #fff;
        position: relative !important;
        top:0 !important;
    }

    .brand-us .posoin-retive {
        height: 100%;
        width: 100%;
        position: relative;
        top: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .brand-us h3 {
        margin-bottom: 10px;
        margin-top: 10px;

    }

    .brand-us  .brand-us-one-txt {
        padding: 0 10px;
    }

    .brand-us p {
        line-height: 155%;
        font-size: 14px;
    }

    .brand-us  .brand-us-aninmation h1 {
        font-size: 50px;
        line-height: 100%;
    }

    .brand-us  .brand-us-banner .txt h1 {
        font-size: 48px;
    }

    .brand-us  .brand-us-banner .txt p {
        font-size: 14px;
        width: 100%;
        margin: auto;
    }

    .brand-us  .brand-us-menu li {
        padding: 0;
        width: 23.5%;
        text-align: center;
        font-size: 16px;
    }

    .brand-us .brand-us-two {
        height: 300px;
    }
    .brand-us .brand-us-menu li a {
        font-size: 18px;
    }
    .brand-us .us-view-more-btn {
        height: 44px;
    }
}
@media only screen and (min-width: 468px) and (max-width: 767px){
    .brand-us .time-year {
        margin-left: -122px;
    }
}

/*brand-us end*/

/*wordworld start 20160923*/
.page-location{
    margin-bottom: 5%;
}
.page-location .word-title .fa{
    float: right;
}
.page-location .word-title{
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 0;
    padding-right: 5px;
    padding-left: 5px;
}
.page-location .word-content h3{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #222223;
    font-size: 24px;
    display: inline-block;
}
.page-location .word-content a{
    color: #222223;
    padding-top: 20px;
    display: block;
    font-size: 16px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.page-location .word-content a:hover{
    color: #00A0D1;
}
.page-location .word-content{
    margin-top: 60px;
}
.page-location .modal-header{
    border-bottom:none;
}
.page-location .modal-footer{
    border-top:none;
    margin: 35px 0;
    text-align: center;
}
.page-location .modal-dialog{
    margin-top: 10%;
}
.page-location .modal-body{
    text-align: center;
    font-size: 20px;
    color: #222223;
    padding-top: 45px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}
.page-location .modal-dialog{
    max-width: 459px;
    max-height: 168px;
}
.page-location .btn-no{
    border: 1px solid #00b2e6;
    border-radius: 14px;
    width: 76px;
    height: 28px;
    background: #fff;
    color: #00b2e6;
    font-size: 14px;
    line-height: 22px;
    margin-right: 35px;
}
.page-location .btn-YES{
    border: 1px solid #00b2e6;
    border-radius: 14px;
    width: 76px;
    height: 28px;
    background: #00b2e6;
    color: #FFF;
    font-size: 14px;
    line-height: 22px;

}

#wordworld_modal_index{

}
#wordworld_modal_index .modal-dialog.index-dialog{
    max-width: 950px;
    max-height: 623px;
    width: 100%;
}
#wordworld_modal_index .modal-dialog.index-dialog .modal-content{
    padding: 0 20px;
    padding-bottom: 50px;
}
#wordworld_modal_index .modal-dialog {
    margin-top: 4%;
}
#wordworld_modal_index .modal-header .close{
    font-size: 28px;
    margin-right: -20px;
}
#wordworld_modal_index .modal-title h4{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-top: 10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#wordworld_modal_index .index-dialog p{
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#wordworld_modal{
    padding-right: 0px;
}
.body-important{
    overflow: hidden !important;
}
@media only screen and (max-width: 1640px) {
    .page-location #wordworld_modal_index .word-content{
        margin-top: 20px;
    }
    .page-location #wordworld_modal_index .word-content a{
        padding-top: 10px;
    }
    .page-location #wordworld_modal_index .word-content a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    #wordworld_modal_index .modal-dialog.index-dialog .modal-content {

        margin-right: 20px;
    }
    .page-location .btn-no {
        width: 100%;
        padding: 0 20%;
        margin-top: 20px;
        height: 35px;
    }
    .page-location .btn-YES {
        width: 100%;
        padding: 0 20%;
        margin-top: 20px;
        height: 35px;
    }
    .honor8-color{
    color:#000;
}
}
/*wordworld end 20160923*/



/*storystream 20160929 start */
.storystream h3{
    font-family: "bignoodletitlingregular";
    color: #000 ;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}
.storystream p{
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    line-height: 175%;
    max-width: 680px;
    margin: auto;
}
.storystream .storystream-02{
    margin: 50px auto;
    text-align: center;
}
.storystream .storystream-02 h3{
    margin-top: 40px;

}
.storystream .storystream-02 .txt{
        font-size: 28px;
}
.storystream .storystream-02 h3 a{
    color: #222223;
    font-size: 28px;
}
.storystream .storystream-03{
    background: url("/content/dam/honor/global/other/common/img/storystream_bg.jpg") no-repeat center;
    width: 100%;
    height: 1140px;
    position: relative;
    text-align: center;

}


.storystream .storystream-03  h3 {
    color: #fff !important;
}
.storystream .storystream-03  h4.font {
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}
.storystream .storystream-03  h4 {
    color: #fff !important;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    margin-top: 20px;
    font-size: 28px;
    text-align: center;
}
.storystream .storystream-03  h4.txt_1 {
        font-size: 18px;
        font-weight: bold;
}
.storystream .storystream-03  p{
    color: #fff !important;
}
.storystream .storystream-03 .blank-fonts{
    margin-top: 1%;
}
.storystream .storystream-boder{
    border: 1px solid #fff;
    max-width: 400px;
    margin: auto;
    text-align: center;
}
.storystream-03{

}
.storystream .storystream-03 .we-video-icon-6-white{
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    display: inline-block;

}
.storystream .storystream-03 .we-video-icon-6-white a{
    color: #fff;
}
.storystream .storystream-03 .swiper-container {
    width: 100%;
    height: 100%;
}
.marg-top a{
    color: #333;
}
.storystream-04 .marg-top a{
    color: #fff;
}
.storystream .storystream-pic {
    display: block;
    margin: auto;
    margin-top: 20px;
    height:500px;
    max-height: 600px;
    width:700px;
    max-width: 800px;
    overflow: hidden;
    max-width: 550px;
    position: relative;
}
@media (max-width:767px) {
    .storystream .storystream-pic {
        height:100%;
        width:100%;
        max-height: 300px;
        max-width: 300px;
    }
}
.storystream .storystream-pic img{
    max-width: 500px;
}
.storystream .storystream-03 .item-c{
    display: table;
    width: 100%;
    height: 100%;
}
.storystream .storystream-03 .product-sliders{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
}
.storystream .storystream-table{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.storystream .storystream-04{
    text-align: center;
    width: 100%;
}
.storystream .storystream-04 .blank-fonts{
    margin-top: 3%;
}
.storystream .storystream-04 .storystream-boder{
    border: 1px solid #333;
}
.storystream .storystream-04 h4 {
    color: #333 !important;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    margin-top: 20px;
    font-size: 28px;
    text-align: center;
}
.storystream .storystream-05 {
    position: relative;
}
.storystream .storystream-left{
    position: absolute;
    left: 15%;
    top: 20%;
}
.storystream .storystream-05 h3{
    color: #fff;
    padding-top: 20px;
    font-size: 48px;
    line-height: 125%;
    max-width: 300px;
}
.storystream .storystream-05 .we-video-icon-6-white{
    cursor: pointer;
    text-decoration: none;
}
.storystream .storystream-06 {
    background: url(/content/dam/honor/global/other/common/img/storystream_06.jpg) center center no-repeat;
    text-align: center;
    color: #fff;
}
.storystream .storystream-06 .blank-fonts{
    margin-top: 3%;
}
.storystream .storystream-06 h3{
    color: #fff;
}
.storystream .storystream-06 h4{
    color: #fff !important;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    margin-top: 20px;
    font-size: 28px;
}
.storystream .storystream-06 .banner-btnbox .banner-btnstyle{
    border: 2px #fff solid;
    color: #fff;
}
.storystream  .storystream-06-tip .tip-tab h3 {
    color: #333;
}
.storystream .storystream-06 .posion-rel{
    position: relative;
    overflow: hidden;
}
.storystream .storystream-06 .posion-rel>.posion-c{
    position: absolute;
    top: 18%;
    left: 4.5%;
    width: 89.5%;
    height:80%;
    overflow: hidden;
}
.storystream .storystream-06 .posion-rel>.posion-c img{width:100%}
.storystream .valign{letter-spacing: -0.315em}
.storystream .valign>*{letter-spacing: normal;display: inline-block;float:none;vertical-align: bottom;}
/*加载中 bof*/
.spinner {
    margin: 50% auto 0;
    width: 150px;
    text-align: center;
}
.spinner > div {
    width: 15px;
    height: 15px;
    margin-left:20px;
    background-color: #121d39;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
/*加载中 eof*/
.storystream .btn-tip{
    position: relative;
}
.storystream .tip-tab{
    -webkit-box-shadow:5px 5px 6px #555;
    -moz-box-shadow:5px 5px 6px #555;
    box-shadow:5px 5px 6px #555;
    background-color:rgba(254,251,257,0.7);
    border-radius: 3px;
}
.storystream .btn-bo{
    display: block;
    padding-top: 20px;
}
.storystream .tip-icon{
    position: relative;
}
.storystream .marg-top{
    margin-top: 20px;
}
.storystream .show-tab{
    display: none;
    z-index: 99;
    max-width: 600px;
    margin: auto;
    position: absolute;
    width: 100%;
    left: 50%;
    margin-left: -300px;
}
.storystream .tip-icon img{
    margin-bottom: 0;
}

.storystream .tip-tab .txt{
    padding: 40px;
}
.storystream .storystream-03 .tip-tab h3{
    color: #333 !important;
    font-size: 48px;
}
.storystream .storystream-04-tip .tip-tab{
    background-color: rgba(16,28,54,0.7);
    -webkit-box-shadow:5px 5px 6px #333;
    -moz-box-shadow:5px 5px 6px #333;
    box-shadow:5px 5px 6px #333;
}
.storystream .storystream-04-tip .tip-tab h3{
    color: #fafafa;
    font-size: 48px;
}

.stry-grid.stry-no-more-items .stry-load-more {
    display: block !important;
}
.storystream .storystream-more a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#StoryStreamWidgetApp {
            height: 600px !important;
        }
@media only screen and (min-width: 768px) and (max-width: 1366px){
    .storystream   .storystream-05 h3 {
        font-size: 36px;
    }
}
@media (max-width: 767px){
    .storystream .honor-en .product-sliders img {
        min-height: 0;
    }
    .storystream  .storystream-04-tip .tip-tab h3 {
        font-size: 24px;
    }
    .storystream  .storystream-06-tip .tip-tab h3 {
        font-size: 24px;
    }
    .storystream .storystream-03 .tip-tab h3 {
        font-size: 24px;
    }
    .storystream   .storystream-05 h3 {

        font-size: 24px;
    }
    .storystream  .show-tab {
        max-width: 100%;
        left: 0;
        margin-left: 0;
    }
    .storystream  .storystream-left {
        left: 5%;
        top: 18%;
        max-width: 48%;
    }
    .storystream   .storystream-05 h3 {
        line-height: 105%;
        padding-top: 10px;
    }
    .storystream  .storystream-left img{
        max-width: 150px;
    }
    .storystream  .storystream-02 {
        margin: 20px auto;
    }
    .storystream  .storystream-02 h3 {
        margin-top: 20px;
    }
    .storystream h3 {
        font-size: 36px;
    }
    .storystream   .storystream-05 h3{
        font-size: 24px;
    }
    .storystream p {
        font-size: 16px;
        line-height: 155%;
    }
    .storystream .storystream-03 {
        height: 730px;
    }
}
@media (max-width: 367px){
    .storystream .storystream-05 h3 {
        font-size: 18px;
    }
}
/*storystream 20160929 end*/


/*vip start 20161009*/
.vip-txt p{
    font-size: 16px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 175%;
}
.vip-txt .vip-two p{
    display: inline-block;
    width: 95%;
    vertical-align: top;
}
.vip-txt .vip-one h3{
    text-align: center;
    font-size: 48px;
    color: #cdad87;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
}
.vip-txt {
    -webkit-font-smoothing: antialiased;

}
.vip-txt .vip-two-ul div{
    line-height: 24px;
}
.vip-txt .vip-ul{
    margin-left: 2%;
    margin-top: 3%;
}
.vip-two-ul strong{
    color: #555;
}
.vip-txt .vip-one li{
    font-size: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    line-height: 175%;
    list-style: disc;
    color: #333;
}
.vip-w-txt{
    width: 70%;
    float: left;
}
.vip-w-img{
    width: 30%;
    float: left;
}
.vip-txt .vip-one h3{
    font-size: 48px;
    margin: 20px 0;
}
.vip-txt .vip-one{
    padding: 5% 0;
}
.vip-txt .vip-two{
    background: #f8f8f8;
    padding: 5% 0;
}
.vip-txt .vip-txt2{
    margin-top: 5%;
}
.vip-txt .vip-txt2 p{
    font-size: 18px;


}
.vip-txt .vip-two h3{
    margin-left: -19px;
    margin-bottom: 10px;
    color: #333;
}
.vip-txt .vip-two-ul span{
    font-size: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    vertical-align: top;
    line-height: 27px;
}
.vip-txt ol{
    list-style-type: decimal;
    font-size: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #666;
    vertical-align: top;
    display: block;
}
.vip-txt .in-tent{
    padding-left: 18px;
}
.vip-txt .vip-two-ul li{
    vertical-align: top;
}
.vip-txt .border-vip{
    margin: auto;
    max-width: 400px;
    width:100%;
    height: 3px;
    background: -webkit-radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%,  rgba(205, 173, 135, 0.5) 5%, #fff); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%,  rgba(205, 173, 135, 0.5) 5%, #fff); /* Safari 5.1 - 6.0 */
    background: -moz-radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%,  rgba(205, 173, 135, 0.5) 5%, #fff); /* Safari 5.1 - 6.0 */
    background: radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%,  rgba(205, 173, 135, 0.5) 5%, #fff); /* Safari 5.1 - 6.0 */


}
#myModal{
    margin-top: 16%;
}
@media (max-width: 767px){
    .vip-txt  .vip-two h3 {
        margin-left: 0;

    }
    .vip-txt .vip-one h3 {
        font-size: 36px;
    }
    .vip-txt ol {
        margin-left: 15px;
    }
    .vip-txt  .vip-two p {
        display: inline-block;
        width: 89%;
    }
    .vip-w-txt{
        width: 100%;
        float: left;
    }
    .vip-w-img{
        width: 100%;
        float: left;
    }
    .vip-txt .vip-ul {
    margin-left: 6.5%;

}

#myModal{
    margin-top: 26%;
}
}

/*vip end*/

/*GuessTheCity start*/
.GuessTheCity{font-family:"Century Gothic"}
.fonte9004b{color: #e9004b;}
.GuessTheCity h1{font-size: 60px;font-family: "bignoodletitlingregular";}
.GuessTheCity h2{font-size: 40px;font-family: "bignoodletitlingregular";}
.GuessTheCity h3{font-size: 36px;font-family: "bignoodletitlingregular";line-height: 350%;}
.GuessTheCity p {font-size: 20px;line-height: 150%;}
.GuessTheCity figcaption{font-size: 20px;line-height: 150%;}
.GuessTheCity .guess-btn{display: inline-block;width: 200px;min-width:200px;border:2px solid #000;border-radius:12px;line-height: 36px;padding-top: 10px;font-size: 25px;font-family: "bignoodletitlingregular";color:#000;text-align: center}
.GuessTheCity .valign{letter-spacing: -0.315em}
.GuessTheCity .valign>div[class*="col-"]{display: inline-block;letter-spacing: normal;vertical-align: middle;float: none;}
.GuessTheCity .GuessTheCity-section2 h1+p{font-size:16px;font-weight: bold;margin-top:-10px;}
.GuessTheCity .GuessTheCity-section2 .city{width:750px;position: relative;cursor:url('http://www-sit.honor.cn/en/lens.ico') 65 70,auto;}
.GuessTheCity .GuessTheCity-section2 .city #robot{
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius:7px;
}
.GuessTheCity .GuessTheCity-section2 .city #redux{
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);

    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius:7px;


}
.GuessTheCity .col-sm-3{padding-left:10px;}

.GuessTheCity .GuessTheCity-section3 h1{margin-top:70px;}
.GuessTheCity .GuessTheCity-section3 .form-send{width:500px;max-width: 750px;}
.GuessTheCity .GuessTheCity-section3 .form-send .form-control{height: 45px;font-family:inherit;background: #f9f9f9;border-radius:0;}
.GuessTheCity .GuessTheCity-section3 .form-send .form-text{font-size:16px;line-height: 1.5;font-weight: bold;}
.GuessTheCity .GuessTheCity-section3 .form-send .dropdown-menu>li>a{padding-top:10px;padding-bottom: 10px;}
.GuessTheCity .GuessTheCity-section3 .form-agree{line-height: 100%;margin-top:70px;}
.GuessTheCity .GuessTheCity-section3 .form-agree label{font-family: Arial, Helvetica, sans-serif;    color: black;}
.GuessTheCity .GuessTheCity-section3 .terms a{color:#000;}
.GuessTheCity .GuessTheCity-section3 .terms a:hover{text-decoration:underline;}
.GuessTheCity .GuessTheCity-section3 .step2{background: #efeff1;padding-top: 1px;}
.GuessTheCity .GuessTheCity-section3 .step2 .guess-btn{margin-left:5px;margin-right:5px;}



.GuessTheCity .GuessTheCity-section4{background: #e4004b;padding:70px 0}
.GuessTheCity .GuessTheCity-section4 h1,
.GuessTheCity .GuessTheCity-section4 p{color: #fff;}
.GuessTheCity .GuessTheCity-section4 .video{width:95%;max-width:950px;height:750px;}
.GuessTheCity .GuessTheCity-section4 .video>*{width:100%;height:100%;}

.GuessTheCity .GuessTheCity-section5{padding:70px 0}

@media (max-width:767px){
    .GuessTheCity h1{font-size: 48px;}
    .GuessTheCity h2{color:#000;font-size: 38px;margin-top:15px;margin-bottom: 0px;}
    .GuessTheCity h3{font-size: 30px;line-height: 125%;margin:15px 0;}
    .GuessTheCity p{font-size: 16px;}
    .GuessTheCity .guess-btn{font-size: 18px;width: 160px;min-width: 160px;line-height: 28px;padding-top: 8px;}
    .GuessTheCity .GuessTheCity-section2 .city{width:310px;}

    .GuessTheCity .GuessTheCity-section3 h1{margin-top: 45px;}
    .GuessTheCity .GuessTheCity-section3 .form-send{width:100%}
    .GuessTheCity .GuessTheCity-section3 .form-agree{margin-top: 15px;}
    .GuessTheCity .GuessTheCity-section3 .step1{padding-bottom: 30px;}
    .GuessTheCity .GuessTheCity-section3 .step2{padding-bottom: 15px;}
    .GuessTheCity .GuessTheCity-section3 .step2 .guess-btn.mt-30{margin-top:10px;}

    .GuessTheCity .GuessTheCity-section4{padding: 40px 0;}
    .GuessTheCity .GuessTheCity-section4.mt-30{margin-top:0}
    .GuessTheCity .GuessTheCity-section4 .video{height:270px;margin-top: 15px;}

    .GuessTheCity .GuessTheCity-section5 h1{font-size:40px;}
}



/*GuessTheCity end*/

/*honor-life start*/
.honor-life{font-family:"Open Sans"}
.honor-life .mb-30{margin-bottom:30px;}
.honor-life .bg-blue{background: #3eb3e9;}
.honor-life .font-white{color:#fff;}
.honor-life h3{font-size: 36px;font-family: "bignoodletitlingregular";line-height: 175%;}
.honor-life p{font-size: 18px;line-height: 150%;}

.honor-life .life-1{padding-top:70px;position: relative;}
.honor-life .life-1 .video{height:500px;}
.honor-life .life-1 .video>*{width:100%;height:100%;}
.honor-life .life-1 .big-num{font-size:90px;line-height: 110%;font-family: Arial;}
.honor-life .life-1 .big-num+div{font-size:20px;line-height: 110%;}
.honor-life .life-1 .img-modules{position: relative;max-width:1000px;margin-bottom:50px;}
.honor-life .life-1 .img-modules .img-wrap div[class*="col-"]>.row{margin-left: -2px;margin-right: -2px;}
.honor-life .life-1 .img-modules .bg-blue-up{position: absolute;top:-1px;z-index: 2;}
.honor-life .life-1 .img-modules .bg-blue-down{position: absolute;bottom:0;z-index: 1;}
.honor-life .life-1 .bg-white-down{position: absolute;bottom:0;z-index: 2;width: 100%;}

.honor-life .life-2{background: #f2f2f2;padding:10px 0;}
.honor-life .life-2 .img-group{margin:70px 20px;}



@media (max-width: 767px){
    .honor-life .mt-40{margin-top: 20px;}
    .honor-life h3{font-size: 30px;line-height: 125%;}
    .honor-life p{font-size: 16px;line-height: 120%;}

    .honor-life .life-1{padding-top:0;}
    .honor-life .life-1 .video{height:220px;}
    .honor-life .life-1 .big-num{font-size:60px;}
    .honor-life .life-1 .big-num+div{font-size:14px;line-height: 110%;}

    .honor-life .life-2 .img-group{margin-left:0;margin-right:0;position: relative;overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;}
    .honor-life .life-2 .img-group .swiper-pagination2,
    .honor-life .life-2 .img-group .swiper-pagination3{position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10;}
}



/*honor-life end*/

/*black-friday start*/
.black-friday .valign{letter-spacing: -0.315em}
.black-friday .valign>*{letter-spacing: normal;display: inline-block;float:none;vertical-align: bottom;}
.black-friday{font-family:"Open Sans";background: #000;color:#fff;}

.black-friday .mb-30{margin-bottom:30px;}
.black-friday .mb-210{margin-bottom:210px;}
.black-friday .font-white{color:#fff;}
.black-friday h1{font-size: 46px;font-family: "bignoodletitlingregular";line-height: 125%;}
.black-friday h3{font-size: 36px;font-family: "bignoodletitlingregular";line-height: 175%;}
.black-friday p{font-size: 12px;line-height: 150%;}

.black-friday .banner-bg{background: url("/global/wp-content/uploads/2016/11/banner-bg.jpg") top center no-repeat;}
.black-friday .banner-section{margin-top:225px;}

.black-friday .section-2{margin:50px 0 0}
.black-friday .section-2 .count-down{text-align: center;border-top:4px solid #f32728;border-bottom:4px solid #f32728;padding:50px 0 10px}
.black-friday .section-2 .count-down>div{display: inline-block; margin: 0 5px;}
.black-friday .section-2 .count-down>div>div{display:inline-block;background: #f32728;border-radius: 5px;font-size:85px;text-align: center;line-height: 137%;font-weight: bold;padding: 15px 10px;}
.black-friday .section-2 .count-down>div>p{text-align: center;font-family: "bignoodletitlingregular";margin-top: 5px;font-size: 26px;}

.black-friday .section-3{margin:50px 0;}
.black-friday .section-3 .video{max-width:950px;height:700px;margin-top: 50px;}
.black-friday .section-3 .video>*{width:100%;height:100%;}

@media (max-width: 767px) {
    .black-friday .banner-section{margin-top:30px;}
    .black-friday .banner-section>div[class*='col-']:first-child{padding-left:50px;padding-right:50px;}
    .black-friday .mb-210{margin-bottom:25px;}

    .black-friday .section-2 .count-down{padding-top:40px;}
    .black-friday .section-2 .count-down>div{margin: 0 2px;}
    .black-friday .section-2 .count-down>div>div{font-size:48px;line-height: 137%;padding: 15px 5px;}
    .black-friday .section-2 .count-down>div>p{margin-top: 5px;font-size: 20px;}

    .black-friday .section-3 .video{max-width:90%;height:270px;}
}
/*black-friday end*//* CSS Document */

/*pc*/
@media (min-width: 768px) {
    .social {
        vertical-align: middle;
        text-align: right;
        padding-right: 90px;
    }
    .social li {
        font-size: 24px;
        display: inline-block;
        padding-right: 10px;
        vertical-align: middle;
        line-height: 70px;
    }
    .social li a {
        font-size: 24px;
        color: #00b2e6;
    }
    .social li a:hover {
        color: #0093be;
    }
    .serch-email {
        padding-left: 90px;
    }

    .followbox>.container-fluid>.row,
    footer>.footer>.container-fluid>.row,
    .bg-honor7-banner>.row {
        letter-spacing: -0.315em;
    }
    .followbox>.container-fluid>.row>div[class*="col-"],
    footer>.footer>.container-fluid>.row>div[class*="col-"],
    .bg-honor7-banner>.row>div[class*="col-"] {
        /*float: none;*/
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
    }

    .honor4x .bannerfont.xspd-10 .jsshop-01 {
        margin-left: 0px;
    }
		.s5top-pic{
			letter-spacing:-0.315em;
		}
		.s5top-pic>div[class*="col"]{
			vertical-align: bottom;
			display:inline-block;
			float:none;
			letter-spacing:normal;
		}
		.bg-s11>.clearfix>div[class*="col"]{
			vertical-align: middle;
			display:inline-block;
			float:none;
			letter-spacing:normal;
		}
        .bg-s5 .bg-textbox{
            text-align: center;
        }
    .bg-s5 .icon-tag {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-textbox .col-sm-2{
       /* padding-left: 10px;
        padding-right: 10px; */
    }
    .footer-textbox li{
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .footer-textbox h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
		.share-versary>.row{
			letter-spacing:-0.315em;
		}
		.share-versary>.row>div[class*="col-"]{
			float:none;
			display:inline-block;
			vertical-align:bottom;
			letter-spacing:normal;
			margin-bottom:10px;
		}
}
@media (min-width: 1441px) and (max-width:1752px) {
    .honor-section-5 .tag-box .item-tags:last-child {
        padding-left: 0;
    }

}

@media (min-width: 1440px) and (max-width:1619px) {
     .honor-en .honor-en-h3-white {

        font-size: 40px;

    }
    .honner-blog .banner-tex {
        top: 7%;
        font-size: 100px;
    }
    .honor-en .txt-18-h {
        top: 10%;
        left: 10%;
        width: 50%;
        position: absolute;
        display: block;
        height: 100%;
    }
    .honor-en .honor6-en-05 {
        top: 15%;
        left: 10%;
        width: 50%;
        position: absolute;
        display: block;
        height: 100%;
    }
    .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
        /* display: inline-block; */
        margin: 30px 0px 40px auto;
        text-align: center;
    }
    .banner-btns3c {
        position: absolute;
        bottom: 30%;
        right: 33%;
    }
    .serch-email,
    .bottom-copyright,
    footer .footer {
        padding-left: 60px;
    }
    .social,
    .bottom-text {
        padding-right: 60px;
    }
    .bottom-bigfont {
        font-size: 60px;
    }

    .honor-en.hidden-ipads .honor6-en-txt {
        top: 8%;
    }
    .honor-en.hidden-ipads .honor6-en-txt {
        width: 72%;
    }

}
@media (min-width: 1440px) and (max-width:1739px) {
    .bottom-bigfont {
    font-family: "dead_island";
    font-size: 70px;
    color: #00b2e6;
}
}
/* 小pc bof */
@media (min-width: 1200px) and (max-width:1439px) {

    .honner-blog .banner-tex {
        top: 6%;
        font-size: 70px;
    }
    .topbannerSlider .bannerfont h2.blues {
        font-size: 50px;
        margin-bottom: 10px;
    }
    .bannerfons h3 {
        font-size: 36px;
    }
    .honor-en .honor-en-h3-white {

        font-size: 38px;

    }
    /* 按钮居中修改180-0 */
    .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
        /* display: inline-block; */
        margin: 30px 0px 40px auto;
        text-align: center;
    }

    .honor-en .honor-en-h3-black {

        font-size: 38px;

    }
    .honor-en .honor-en-p-white {
        color: #fff;
        font-size: 16px;
        line-height: 25px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .honor-en-p-black {
        color: #333;
        width: 80%;
        font-size: 16px;
        line-height: 32px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .honor6-en-txt {
        top: 15%;
    }
    .honor-en .ipan-04 {
        top: 25%;
    }
    .honor-en .txt-08-left {
        width: 90%;
        top: 2%;
        left: 1%;
        padding-top: 10%;
        padding-left: 5%;
        position: inherit;
        height: auto;
    }
    .item-tags {
        display: inline-block;
        margin-right: 10px;
        min-width: 145px;
        width: 33%;
    }
    .honor-en .txt-01-boton {
        top: 30%;
    }
    .honor-en .txt-021 {
        width: 100%;
        text-align: center;
        top: 5%;
    }
    .banner-btns3c {
        position: absolute;
        bottom: 30%;
        right: 32%;
    }
    .honor6 .bannerfont .s1 {
        background-color: inherit;
    }
    /* product bof */
    .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 20px;
        text-align: right;
    }
    .productbox .page-product .block-desc {
        padding-left: 10px;
        font-size: 18px;
    }
    .serch-email,
    .bottom-copyright,
    footer .footer {
        padding-left: 60px;
    }
    .social,
    .bottom-text {
        padding-right: 60px;
    }
    .bottom-bigfont {
        font-size: 50px;
    }
    /* product eof */
    /* honor7 bof */
    .honor-en .blank-fonts h3, .bg-textbox h3,.honor6 h3 {
        font-size: 28px;
    }

    .honor6 h3.btnfont {
        font-size: 90px;
    }
    .item-tags h3.font-40 {
        font-size: 20px;
    }
    .honor7 .tag-box h3.font-40 small,
    .item-tags h3.font-40 small,
    .item-tags p {
        font-size: 16px;
    }
    .honor7 .tag-box .item-tags .mtp {
        margin-top: -10px;
    }
    .tag-box {
        margin-top: 10px;
    }
    .width-1200 .tag-box {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .honor7 .tag-box .item-tags {
        padding-left: 0px;
        padding-right: 10px;
    }
    .honor7 .tag-box .item-tags:first-child {
        padding-left: 0;
    }
    .honor-section-5 .tag-box .item-tags:last-child {
        padding-left: 0;
    }
    .honor-section-5 .item-c>div>.clearfix {
        letter-spacing: -0.315em;
    }
    .honor-section-5 .item-c>div>.clearfix>div[class*="col-"] {
        float: none;
        display: inline-block;
        vertical-align: bottom;
        letter-spacing: normal;
    }
    .honor-en .blank-fonts p, .bg-textbox p {
    color: #000;
    line-height: 170%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
    /* honor7 eof */

}
@media (min-width: 1025px) and (max-width:1199px) {
    .en_404_btn .btn {
        width: 125px;
        height: 25px;
        line-height: 7px;
        border-radius: 30px;
        font-size: 12px;
    }
       .honor-7 .pd-top11 h3 {
    font-size: 28px;
}
    .en_404_p p {
        font-size: 16px;
    }
    .honner-blog .banner-tex {
        top: 4%;
        font-size: 70px;
    }
    .topbannerSlider .bannerfont h2.blues {
        font-size: 40px;
    }
    .bannerfons h2 {
        font-size: 60px;
        margin-bottom: 10px;
    }
    .banner-btns3c {
        position: absolute;
        bottom: 30%;
        right: 37%;
    }
    /*英国站点按钮居中时修改180改为0*/
    .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
        /* display: inline-block; */
        margin: 30px 0px 40px auto;
        text-align: center;
    }
    .btn-ceter {
        text-align: center;
    }
    .bannerfons h3 {
        font-size: 36px;
    }
    .banner-btnvideo, .shoping {
        float: none;
    }
    .honor6-imgpull {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-08.jpg) no-repeat;
    }
    .honor6-imgpush {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-09.jpg) no-repeat;
    }


    .item-tags {
        display: inline-block;
        margin-right: 10px;
        min-width: 145px;
        width: 33%;
    }
    .tag-box .font-40 {

        font-size: 28px;
    }

    .honor-en .honor-en-p-white {
        color: #fff;
        font-size: 16px;
        line-height: 28px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .text-07-left-p {
        text-align: center;
        width: 90%;
    }
    .honor-en .honor-en-h3-black {
        color: #333;
        font-size: 28px;
        padding-bottom: 30px;

    }
    .honor6-plus .s1 {
        left: 0;
        bottom: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 100px;
        overflow: hidden;
        text-align: center;
        background-color: #06aae7;
    }
    .honor-en .honor-en-p-black {
        color: #333;
        width: 80%;
        font-size: 16px;
        line-height: 28px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .honor6-en-txt {
        top: 10%;

    }
    .honor-en .ipan-04 {
        top: 25%;
    }
    .honor-en .txt-021 {
        width: 100%;
        text-align: center;
        top: 5%;
    }
    .honor-en .txt-08-left {
        width: 90%;
        top: 2%;
        left: 5%;
        padding-top: 10%;
        padding-left: 5%;
        position: inherit;
        height: auto;
    }

    .honor-en .txt-020 {
        top: 20%;
    }
    .honor-en .txt-01-boton {
        top: 40%;
    }
    .honor-en .honor-en-h3-white {
        color: #fff;
        font-size: 28px;
        padding-bottom: 10px;

    }
    footer .footer .social li {
        padding: 0 10px;
    }
    .honor6 .honor-en h3 {
        font-size: 24px;
    }
    .honor6 p {
        font-size: 16px;
    }
    .honor6 .bannerfont .s1 {
        background-color: inherit;
    }
    /* product bof */
    .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 18px;
        text-align: right;
    }
    .productbox .page-product .block-desc {
        padding-left: 10px;
        font-size: 16px;
    }
    .serch-email,
    .bottom-copyright,
    footer .footer {
        padding-left: 30px;
    }
    .social,
    .bottom-text {
        padding-right: 30px;
    }
    .bottom-bigfont {
        font-size: 42px;
    }
    /* product eof */
    /* honor7 bof */
    .honor-en .blank-fonts h3, .bg-textbox h3,.honor6 h3 {
        font-size: 40px;
    }
    .honor6 h3.btnfont {
        font-size: 48px;
    }
    .item-tags h3.font-40 {
        font-size: 18px;
    }
    .honor7 .tag-box h3.font-40 small,
    .item-tags h3.font-40 small,
    .item-tags p {
        font-size: 14px;
    }
    .honor7 .tag-box .item-tags .mtp {
        margin-top: -10px;
    }
    .tag-box {
        margin-top: 10px;
    }
    .width-1200 .tag-box {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .honor-section-5 .item-c>div>.clearfix {
        letter-spacing: -0.315em;
    }
    .honor-section-5 .item-c>div>.clearfix>div[class*="col-"] {
        float: none;
        display: inline-block;
        vertical-align: bottom;
        letter-spacing: normal;
    }
    /* honor7 eof */
    .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo>a {
        width: 42%;
    }
    .hidden-ipads .tag-box .item-tags img {
        display: none;
    }
.honor-en .blank-fonts p, .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}

}

@media (max-width: 1199px) {
    .bg-honor-video {
        position: absolute;
        top: 10%;
        left: 1%;
        margin-left: 0;
    }
    .honor-section-5 .tag-box .item-tags {
        display: block;
        padding: 0;
    }

    .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo>a {
        width: 42%;
    }

}


/* 横版 ipad */
@media (min-width: 992px) and (max-width:1024px) {
    .honner-blog .banner-tex {
        top: 2%;
        font-size: 60px;
    }

    .honor6 .bannerfont .s1 {
        background-color: inherit;
    }
    .bannerfons h2 {
        font-size: 60px;
        margin-bottom: 10px;
    }
    .bannerfons h3 {
        font-size: 36px;
    }
    .item-tags {
        display: inline-block;
        margin-right: 10px;
        min-width: 145px;
        width: 23%;
    }
    .tag-box .font-40 {

        font-size: 18px;
    }
    .honor-en .honor6-en-txt {
        top: 10%;
    }

    .honor-en .honor-en-p-black {
        color: #333;
        width: 80%;
        font-size: 16px;
        line-height: 28px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .honor-en-p-white {
        color: #ffffff;
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .honor6-en-txt-6 {
        top: 15%;
    }
    .honor-en .honor6-en-txt {
        top: 10%;

    }
    .honor6-plus .s1 {
        bottom: 5%;
        left: 60%;
    }
    .honor-en .honor-en-h3-white {
        color: #ffffff;
        font-size: 38px;
        padding-bottom: 30px;

    }
    .honor-en .ipan-04 {
        top: 25%;
    }
    .honor-en .honor-en-h3-black {
        color: #333;
        font-size: 38px;
        padding-bottom: 30px;

    }
    .honor-en .txt-01-boton {
        top: 40%;
    }
    .honor-en .txt-021 {
        width: 100%;
        text-align: center;
        top: 5%;
    }

    .btn-ceter {
        text-align: center;
    }
    .honor6-imgpull {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-08.jpg) no-repeat;
    }
    .honor6-imgpush {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-09.jpg) no-repeat;
    }

    .jsshop-01 {
        background-size: 70%;
    }
    footer .footer .social li {
        padding: 0 10px;
    }
    .honor6 .honor-en h3 {
        font-size: 24px;
    }
    .honor6 p {
        font-size: 16px;
    }
    .topbannerSlider .bannerfont {
        padding-top: 15%;
    }
    .topbannerSlider .bannerfont h2.blues {
        font-size: 36px;
    }
    h3.btnfont {
        font-size: 40px;
    }
    /* product bof */
    .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 18px;
        text-align: right;
    }
    .productbox .page-product .block-desc {
        padding-left: 10px;
        font-size: 16px;
    }
    .serch-email,
    .bottom-copyright,
    footer .footer {
        padding-left: 30px;
    }
    .social,
    .bottom-text {
        padding-right: 30px;
    }
    .bottom-bigfont {
        font-size: 46px;
    }
    .product-shop-link-lightbox {
        position: fixed;
        width: 80%;
        max-width: inherit;
        top: 45%;
        margin-left: inherit;
        left: 10%;
    }

    .honor-en .honor6-en-txt {
        top: 15%;
        left: 10%;
        width: 50%;
        position: absolute;
        display: block;
        height: 100%;
    }
    .honor-box .slider-section .product-sliders .item-c .desc {
        width: 66% !important;
        left: 1%;
    }
    .banner-btnvideo,
    .banner-btn {
        float: none;
    }
    .table-cell-wrap .inner h3,
    .honor7-texts h3 {
        font-size: 24px ;
    }
    .tag-box .font-40 {
        font-size: 28px ;
    }
    h2.bigsize {
        font-size: 36px;
    }
    .honor6-plus .s1 {
        bottom: 5%;
    }
    .item-tags {
        display: inline-block;
        margin-right: 10px;
        min-width: 145px;
        width: 33%;
        float: left;
    }
    .honor-en .honor-en-h3-white {
        color: #fff;
        font-size: 28px;
        padding-bottom: 30px;
    }
    .honor-en .txt-08-left {
        width: 90%;
        top: 2%;
        left: 0;
        padding-top: 10%;
        padding-left: 10%;
        position: inherit;
        height: auto;
    }
    .honor-en .txt-08-left h3 {
        left: 0;
    }
    /* honor7 bof */
    .honor-en .blank-fonts h3, .bg-textbox h3,.honor6 h3 {
        font-size: 24px;
    }
    .honor6 h3.btnfont {
        font-size: 40px;
    }
    .item-tags h3.font-40 {
        font-size: 18px;
    }
    .honor7 .tag-box h3.font-40 small,
    .item-tags h3.font-40 small,
    .item-tags p {
        font-size: 14px;
    }
    .honor7 .tag-box .item-tags .mtp {
        margin-top: -10px;
    }
    .tag-box {
        margin-top: 10px;
    }
    .width-1200 .tag-box {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .page-product .block-desc {
        padding-left: 10px;
        font-size: 16px;
    }
    .honor-section-5 .item-c>div>.clearfix {
        letter-spacing: -0.315em;
    }
    .honor-section-5 .item-c>div>.clearfix>div[class*="col-"] {
        float: none;
        display: inline-block;
        vertical-align: bottom;
        letter-spacing: normal;
    }
    /* honor7 eof */
    .hidden-ipads .tag-box .item-tags img {
        display: none;
    }
.honor-en .blank-fonts p, .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;}
.bg-s1 .toptop-pic{
			margin-top:0;
			padding-top: 96%;
		}
		.s4top-pic {
  margin-top: 0;
  padding-top: 31%;
}
.ss2box .toptop-pic {
  margin-top: 0;
  padding-top: 28%;
}
}
/* product eof */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 160, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_product.scss */
    .honor-en .honor-en-h3-black {
        color: #333;
        font-size: 28px;
        padding-bottom: 30px;
        font-family: "bignoodletitlingregular";

    }
    .honner-blog .banner-tex {
        top: 6%;
        font-size: 60px;
    }
    .honner-blog .share-icon img {
        max-width: 88%;
    }
    .honner-blog .share-icon {
        margin-top: 18px;
    }

    .honor6-imgpull {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-08.jpg) no-repeat;
    }
    .honor6-imgpush {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-09.jpg) no-repeat;
    }
    .honor-en .honor-en-p-black {
        color: #333;
        width: 80%;
        font-size: 15px ;
        line-height: 22px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }

    .honor-en .honor-en-h3-white {
        color: #fff;
        font-size: 28px;
        padding-bottom: 30px;
        font-family: "bignoodletitlingregular";

    }

    .honor-en .honor-en-p-white {
        color: #fff;
        width: 80%;
        font-size: 15px ;
        line-height: 22px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    /* honor7 bof */
    .honor-en .blank-fonts h3, .bg-textbox h3 {
        font-size: 24px;
    }
    .item-tags h3.font-40 {
        font-size: 18px;
    }
    .honor7 .tag-box h3.font-40 small,
    .item-tags h3.font-40 small,
    .item-tags p {
        font-size: 14px;
    }
    .honor7 .tag-box .item-tags .mtp {
        margin-top: -10px;
    }
    .honor-en .blank-fonts p, .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
}
    /* honor7 eof */

}
/* 竖版 ipad */
@media (min-width: 768px) and (max-width:991px) {
    /* 导航 bof */
    /* 导航 eof */
    .en_404_p p {
        font-size: 12px;
    }
    .en_404_btn .btn {
        width: 125px;
        height: 25px;
        line-height: 7px;
        border-radius: 30px;
        font-size: 12px;
    }
    .honner-blog .banner-tex {
        top: 3%;
        font-size: 68px;
    }
    .live-content-btn {
        background-size: 60%;
    }
    .honner-blog .share-icon img {
        max-width: 88%;
    }

    .honner-blog .share-icon {
        margin-top: 10px;
    }
    .bannerfont {
        padding-top: 12%
    }
    .honor6 .bannerfont .s1 {
        background-color: inherit;
    }
    .bannerfons h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .bannerfons h3 {
        font-size: 24px;
    }
    .honor6-imgpush {
        height: 260px;

    }
    .honor6-imgpull {
        height: 260px;

    }
    .honor6-plus .s1 {
        position: inherit;
        left: 0;
        bottom: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 0;
        padding-bottom: 30px;
        overflow: hidden;
        text-align: center;
        background-color: #06aae7;
    }
    .bulefonts {
        font-size: 50px;
    }
    .item-tags {
        display: inline-block;
        margin-right: 10px;
        min-width: 145px;
        width: 33%;
    }
    .tag-box .font-40 {

        font-size: 18px;
    }
    .honor-en .txt-08-left p {
        width: 100%;
    }
    .honor-en .text-07-left-p {
        width: 100%;
    }
    .honor-en .honor-en-p-white {
        width: 80%;
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .tag-box {
        margin-top: 5px;
        color: #ffffff;
    }
    .honor-en .honor6-en-txt {
        top: 10%;
    }
    .honor-en .ipan-04 {
        top: 25%;
    }

    .honor-en .txt-01-boton {
        top: 40%;
    }
    .honor-en .honor-en-p-black {
        color: #333;
        width: 80%;
        font-size: 16px;
        line-height: 18px;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-en .honor-en-h3-black {
        color: #333;
        font-size: 28px;
        padding-bottom: 30px;
        font-family: "bignoodletitlingregular";
    }

    .honor-en .txt-021 {
        width: 100%;
        text-align: center;
        top: 5%;
    }
    .honor-en .honor-en-h3-white {
        color: #fff;
        font-size: 28px;
        padding-bottom: 18px;
    }
    .jsshop-01 {
        background-size: 70%;
    }
    .btn-ceter {
        left: 35%;
    }
    .social {
        padding-right: 68px;
    }
    footer .footer .social li {
        padding: 0 5px;
    }
    footer .footer .txt {
        font-size: 18px;
    }
    .honor6 h3,
    .honor6 .honor-en h3 {
        font-size: 24px;
    }
    .honor6 p {
        font-size: 16px;
    }
    .honor6 .tmem-01 {
        min-height: 800px;
    }
    .topbannerSlider .bannerfont h2.blues {
        font-size: 30px;
    }
    .honor6-imgpull {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-08.jpg) no-repeat;
    }
    .honor6-imgpush {
        height: 360px;
        background: url(/content/dam/honor/global/other/common/img/en-honor6-plus-09.jpg) no-repeat;
    }
    h3.btnfont {
        font-size: 42px;
    }
    .banner-btns3c {
        position: absolute;
        bottom: 30%;
        right: 30%;
    }
    .banner-btns3c img {
        width: 80%;
    }
    /* product bof */
    .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 18px;
        text-align: right;
    }
    .input-email {
        width: 50%;
    }
    .btm-email {
        width: 40%;
    }
    footer .footer {
        padding-top: 40px;
        padding-left: 90px;
    }
    .productbox .page-product .block-desc {
        padding-left: 10px;
        font-size: 16px;
    }

    .serch-email,
    .bottom-copyright,
    footer .footer {
        padding-left: 15px;
    }
    .social,
    .bottom-language {
        padding-right: 15px;
    }
    .bottom-bigfont {
        font-size: 44px;
    }

    .product-shop-link-lightbox {
        position: fixed;
        width: 96%;
        max-width: 900px;
        top: 45%;
        margin-left: inherit;
        left: 2%;
    }
    .honor6-plus .s1 {
        bottom: 5%;
    }
    .banner-btnvideo,
    .banner-btn {
        float: none;
    }


    .bannerfont .jsshop-01 img {
        width: 80%;
    }
    .table-cell-wrap .inner h3,
    .honor7-texts h3,
    .text-section h3 {
        font-size: 24px !important;
        margin-bottom: 10px;
    }
    .tag-box .font-40 {
        font-size: 30px;
    }
    .bx-pager-link {
        font-size: 0;
    }
    .honor-box .slider-section .product-sliders .item-c .desc {
        width: 98% !important;
        left: 1%;
    }
    .honor7-texts,
    .honor7-texts ul li,
    .honor6-section li {
        font-size: 14px;
    }
    .inner .mt30 {
        margin-top: 0;
    }
    .tag-box {
        margin-top: 10px;
    }
    h2.bigsize {
        font-size: 24px;
    }
    .honor-box p {
        font-size: 14px !important;
    }
    .item-tags {
        display: inline-block;
        margin-right: 10px;
        min-width: 145px;
        width: 33%;
        float: left;
    }
    .honor-en .honor-en-h3-white {
        color: #fff;
        font-size: 28px;
        padding-bottom: 20px;
    }
    /* product eof */
    /* honor7 bof */
    .bg-mdgrey {
        background-color: #eee;
    }
    .item-tags h3.font-40 {
        font-size: 18px;
    }
    .honor7 .tag-box h3.font-40 small,
    .item-tags h3.font-40 small,
    .item-tags p {
        font-size: 14px;
    }
    .honor7 .tag-box .item-tags .mtp {
        margin-top: -10px;
    }
    .width-1200 .tag-box {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .page-product .block-desc {
        padding-left: 10px;
        font-size: 16px;
    }
    .video-play-btn-1 img
    {
        width: 80%;
    } /*英国站点按钮居中时修改180改为0 */
    .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
        /* display: inline-block; */
        margin: 30px 0px 40px auto;
        text-align: center;
    }

    .video-play-btn img,
    .product-learn-more img,
    .shopping-btn img {
        /*width: 80%;*/
    }
    .jsshop-01 img {
        width: 80%;
    }
    /* honor7 eof */
    .jsshop-01 {
        margin-top: 0;
    }
    .hidden-ipads .tag-box .item-tags img {
        display: none;
    }
    .magyar-honor6-plus .banner-btns-honor6plus .banner-btnvideo>a {
        padding-left: 5px;
        padding-right: 5px;
        display: inline-block;
    }
    .magyar-honor6-plus .jsshop-01 img,
    .magyar-honor6-plus .video-play-btn img,
    .magyar-honor6-plus .product-learn-more img,
    .magyar-honor6-plus .shopping-btn img,
    .magyar-honor6-plus .video-play-btn-1 img,
    .magyar-honor6-plus .jsshop-01 img,
    .magyar-honor4x .jsshop-01 img,
    .magyar-honor4x .video-play-btn img,
    .magyar-honor4x .product-learn-more img,
    .magyar-honor4x .shopping-btn img,
    .magyar-honor4x .video-play-btn-1 img,
    .magyar-honor4x .jsshop-01 img{
        width: 100%;
        max-width: 120px;
    }
    .honor4x .bannerfont.xspd-10 .jsshop-01{
        margin-left: 0;
    }
.honor-en .blank-fonts p, .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
}
.icon-tag p{
		min-height:38px;
	}
	.bg-s1 .toptop-pic{
			margin-top:0;
			padding-top: 125%;
	}
	.ss2box .toptop-pic {
  margin-top: 0;
  padding-top: 57%;
}
.s4top-pic {
  margin-top: 0;
  padding-top: 40%;
}
.serch-email, .bottom-copyright, footer .footer {
    padding-left: 30px;
}

.banner-text .big-font {
  font-size: 4em;
}
}


/* mobile */
@media (max-width: 767px) {
    .product-shop-link-lightbox {
        position: fixed;
        width: 96%;
        max-width: 900px;
        top: 45%;
        margin-left: inherit;
        left: 2%;
    }
    .honor6-plus .s1 {
        bottom: 5%;
    }
    .banner-btnvideo,.shoping {
        float: none;
        display: block;
    }
    .table-cell-wrap .inner h3,
    .honor7-texts h3,
    .text-section h3 {
        font-size: 18px !important;
        margin-bottom: 10px;
    }
    .tag-box .font-40 {
        font-size: 24px;
    }
    .bx-pager-link {
        font-size: 0;
    }
    .honor-box .slider-section .product-sliders .item-c .desc {
        width: 98% !important;
        left: 1%;
    }
    .honor7-texts,
    .honor7-texts ul li,
    .honor6-section li {
        font-size: 14px;
    }
    .inner .mt30 {
        margin-top: 0;
    }
    .tag-box {
        margin-top: 10px;
    }
    .honor-box p {
        font-size: 14px !important;
    }
    ul.honor6-section {
        line-height: 130%;
    }
    .honor7-texts {
        width: 98%;
        padding-left: 5%;
    }
    h2.bigsize {
        font-size: 20px;
    }
    .honner-blog .banner-tex {
        top: 2%;
        font-size: 50px;
    }
    .honner-blog .share-icon img {
        max-width: 70%;
    }
    .honner-blog .share-icon {
        margin-top: 30px;
    }
    .post-permalink .post-permalink-icon {
        padding: 0 20px;
    }
}

/* ipad */
/* CSS Document */
/* mobile */
@media (max-width: 767px) {
    .honor-en .honor-en-p-white{
        color:#333;
    }
    .honor7-enhanced .bannerfont.xspd-10 .jsshop-01{
    padding-top: 0;
     padding-bottom: 0;
}
    .honor-band-feature .product-sliders .item-tags img{
        min-height: 0;
}
    h3 {
        font-size: 18px;
    }
    .software-download-page .content-border {
    border-top: 1px solid #ccc;
    margin: 10px 0 40px 0;
    padding: 20px 0;
    font-family: "bignoodletitlingregular";
    height: 65px;
}
    .topnav-black {
        display: none;
    }
    .bannerfons h3 {
    font-size: 40px;
    font-family: "bignoodletitlingregular";
    text-align: center;
}

.btn-we-block {
    margin-left: 31%;
}
.honor-6plus h3{
   font-family: "bignoodletitlingregular";
}
.honor4x .bannerfont.xspd-10 .jsshop-01 {
    margin-left: 0%;
    width: auto;
    padding: 0;
}
    footer .footer .txt {
        font-size: 16px;
    }
    .bannerfons {
        top: 8%;
        left: 0;
        position: absolute;
        color: #fff;
        text-align: center;
        padding: 0 10px;
    }

    .bannerfons h2 {
        font-size: 36px;
        margin-bottom: 10px;
        color:#fff;
    }
    .bannerfons h3 {
        font-size: 14px;
    }
    /* mobile nav bof */
    .navmenu {
        width: 100%;
        top: 50px;
        position: absolute;
    }
    .video-play-btn-1 img{
        width: 75%;

    }
    .banner-btnvideo {
        width: 100%;
    }
    .honor6-plus .phone-section-wrapper .banner-btnvideo {
        display: inline-block;
        width: 80%;
    }
    .honor6-plus .phone-section-wrapper .banner-btnvideo {
        /* display: inline-block; */
        margin: 30px 0 40px auto;
        text-align: center;
    }
    .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
        /* display: inline-block; */
        margin: 30px 0 40px auto;
        text-align: center;
    }

    .honor4x .topbannerSlider .bannerfont {
        padding-top: 5%;
        text-align: left;
    }
    .honor7 .topbannerSlider .bannerfont {
    padding-top: 5%;
    text-align: center;
}
    .banner-btns3c {
        position: absolute;
        top: 10%;
        right: 30%;
    }
    .topbannerSlider .bannerfont {
        padding-top: 5%;
    }
    /* mobile nav eof */

    /* 手机二级菜单 */
    .mobile-nav-second {
        width: 100%;
        display: none;
        margin-bottom: -2px;
    }
    .mobile-nav-second li {
        padding: 0;
    }
    .mobile-nav-second li:first-child {
        border: none;
    }
    .mobile-nav-second li a {
        padding: 10px !important;
        color: #fff;
    }
    /* banenr箭头 */
    #top-banner .bx-controls-direction .bx-prev,
    #top-banner .bx-controls-direction .bx-next {
        width: 30px;
        height: 30px;
    }
    #top-banner .bx-controls-direction .bx-prev-end,
    #top-banner .bx-controls-direction .bx-next-end {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    #top-banner .bx-controls-direction {
        display: none;
    }

    .bulefonts {
        padding-left: 10px;
        font-size: 30px;
    }
    .bulefonts i {
        width: 56px;
        height: 25px;
        display: inline-block;
        background: url(/content/dam/honor/global/other/common/img/honor_6plusimg02.png) 0 0 no-repeat;
    }
    .greyfonts {
        padding-left: 10px;
        padding-right: 10px;
        color: #999;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
        font-size: 18px;
    }
    .descimg {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
    }
    .descimg img {
    width: 50%;
    margin: auto;
}
    #wrap-features-product .features-heading {
        margin-top: 12%;
        width: 100%;
        float: inherit;
    }

    #video-dialog .modal-dialog .modal-content .close-video-btn {
        background: #ed1b24;
        font-size: 18px;
        font-family: "bignoodletitlingregular";
        color: #fff;
        padding: 10px 6px 0 6px;
        line-height: 15px;
        display: inline-block;
        height: 30px;
    }

    .page-product-simpler .slider-section {
        width: 100%;

    }

    .honor-en .honor-en-h3-black {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .honor-en .honor-en-p-black {
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 15px;
    }
    .honor-en .product-slider-1 {
        z-index: 99999999999;
    }
    .honor-en .honor-en-h3-white {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .honor-en .honor-en-p-white {
        font-size: 12px;
        line-height: 20px;
    }
    .bx-wrapper .bx-viewport {
    }
    .bx-wrapper .bx-viewport>ul {
        position: inherit !important;
    }

    .honor6-plus .s1 {
        position: inherit;
        left: 0;
        bottom: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 100px;
        overflow: hidden;
        text-align: center;
        background-color: #06aae7;
    }
    .honor-en .honor6-en-txt,
    .honor-en .honor6-en-txt-6 {
        top: 0;
        left: 0;
        width: 100%;
        position: inherit;
        display: block;
        height: inherit;
        background-color: #FFF;
        margin-top: -4%;
        padding: 30px 10px 20px;
    }
    .honor-en .honor6-imgpull .honor6-en-txt,
    .honor-en .honor6-imgpush .honor6-en-txt {
        padding-right: 0;
        padding-left: 0;
    }
    .honor-en .honor6-imgpull .honor-en-p-white,
    .honor-en .honor6-imgpush .honor-en-p-white {
        padding-left: 15px;
        padding-right: 15px;
    }
    .honor-en .honor6-en-txt-3 {
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
        display: block;
        height: inherit;
        margin-top: -4%;
        z-index: -1;
        padding: 30px 10px 20px;
    }
    .honor-en .item-c h3,
    .honor-en .item-c h2,
    .honor-en .item-c p {
        width: 100% !important;
        /*color: #333 !important;*/
        text-align: left;
    }
    .honor-en .item-c h2 {
        font-size: 8em;
        text-align: center;
        /*color:#fff!important;*/
    }
    .honor-en .item-c h3 {
        font-size: 24px;
    }
    .honor-en .bx-wrapper .product-sliders .item-c img {
        min-height: 180px;
    }
    .honor-en .product-sliders img {
        min-height: 160px;
    }
    .item-c h4 {
        font-size: 14px;
        text-align: left;
    }
    .honor-en .honor6-en-txt, .honor-en .honor6-en-txt-3 {
        top: 0;
        left: 0;
        width: 100%;
        position: inherit;
        display: block;
        height: inherit;
        z-index: 22;

        margin-top: -4%;
        padding: 30px 10px 20px;
    }
    .item-tags {

        display: inline-block;
        margin-right: 0;
        /* min-width: 145px; */
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 8px;
    }
    .btn-ceter {
        text-align: center;
        left: 0;
        width: 100%;
        top: 10%;
        position: absolute;

    }

    .page-product-simpler {
        font-size: 16px;
        overflow: hidden;
    }



    .honor-en .honor-box p {
        font-size: 12px;
    }
    .honor-en h3.honor-mobile {
        color: inherit !important;
        position: absolute;
        top: 40px;
        width: 60% !important;
        font-size: 18px;

    }

    #font-right {
        color: #333 !important;
        position: absolute;
        top: 10px;
        width: 100%;
        left: 65%;

    }
    .honor6-imgpush {
        height: auto;
        padding: 0;
        background: none;
    }
    .honor6-imgpull {
        height: auto;
        padding: 0;
        background: none;
    }


    .tmem-01 .page-product-simpler .slider-section .bx-wrapper .bx-controls {
        position: absolute;
        display: block;
        left: auto;
        right: 5%;
        bottom: 44px;
    }

    .jsshop-01 {
     width: auto;
     height: auto;
        display: inline-block;

    }
    .honor-en .txt-08-left h3 {
        color: #ffffff!important;
        font-size: 22px;
        padding-top: 24%;
        text-align: center;
        width: 100% !important;
    }
    .honor-en .text-07-left-p {
        padding-left: 15px;
        text-align: left;
        padding-top: 20px;
    }
    .honor-en .honor-en-p-white {
        text-align: left;
    }
    .honor-en .honor-en-p-black {
        text-align: left;
    }
    .honor-en {
        margin-top: 0;
    }
    .tag-box {
        width: 100%;
        margin-top: 30px;
        color: #ffffff;
    }

    /* 弹出购买 */
    .shop-all {
        position: fixed;
        top: 50px;
        left: 5%;
        z-index: 9997;
        width: 90%;
        margin-left: 0;
    }
    .shop-content {
        height: 500px;
        margin-top: 30px;
        overflow-y: scroll;
    }
    .shop-content .bor-right {
        border-right: none;
    }
    .shop-content .bor-bottom {
        border-bottom: none;
    }
    .shop-content .row .col-sm-6 {
        border-top: 2px dashed #ddd;
    }
    .shop-content .row .col-sm-6:first-child {
        border: none;
    }
    .shop-content {
        padding: 10px;
    }
    .content-top-ico {
        margin: 5px auto 0 auto;
    }
    .shop-close {
        position: inherit;
        right: 0;
        margin-right: 5%;
    }
    .honor-en .text-07-left-p {
        padding-left: 15px;
        text-align: left;
        color: #333;
    }
    .honor-en .honor6-en-txt-6 {
        text-align: left;
    }

    #txt-mobile-04 {
        color: #ffffff !important;
        padding-left: 10px;
        top: 15%;
    }
    #txt-mobile-05 {
        color: #ffffff !important;
        padding: 30px 10px 20px;
        top: 6%;
        width: 100% !important;

    }
    #txt-mobile-06 {
        color: #ffffff !important;
        text-align: center;
        left: 20%;

    }
    #txt-mobile-07 {
        text-align: center;
        top: 20%;
        color: #333 !important;

    }
    #txt-mobile-17 {
        color: #333 !important;
        left: 10%;
        top: 10%;

    }
    #txt-mobile-18 {
        color: #333 !important;
        left: 10%;
        top: 10%;
    }

    #txt-mobile-01 {

        top: 35%;
        padding: 30px 10px 20px;

    }
    #txt-mobile-016 {

        width: 40%!important;
        top: 15%;
        left: 10%;
        color: #333 !important;

    }
    .grey h3.font-40 small {
        color: #666;
        border-color: #666;
    }
    .tag-box .font-40 {
        color: #555;
        border-bottom: 2px solid #999;

    }
    #txt-mobile-08 {
        color: #333 !important;
        text-align: center;
        top: 10%;
        left: 10%;

    }
    #txt-mobile-020 {

        top: 10%;
        left: 10%;

    }
    .in-05 {
        z-index: 2;
    }
    .page-product-simpler .slider-section .bx-wrapper .bx-controls {
        position: absolute;
        display: block;
        left: auto;
        right: 5%;
        bottom: 2%;
    }
    .honor-en {
        background: #FFF;
    }
    .bannerfont .s1 {
        background-color: inherit;
    }

    /* honor6 */
    .honor6 .honor-en {
        background-color: inherit;
    }
    .honor6 .honor-en .blank-fonts {
        position: inherit ;
        margin-bottom: 9%;
        margin-left: 0;
        margin-top: 0;
    }
    .honor-en .blank-fonts h3 {
        font-size: 24px;
        color: #000 !important;
    }
    .honor-en .blank-fonts p {
        color: #000 !important;
    }
    .txtbg {
        padding-left: 10px;
        padding-right: 10px;
    }
    .honor6 h3,
    .honor6 .honor-en h3 {
        font-size: 20px;
    }
    .honor6 p {
        font-size: 14px;
    }
    .bannerfont .s1 {
        padding: 0;
    }
    .bannerfont h2 {
        font-size: 30px;
    }
    .bannerfont>img {
        width: 50%;
    }
    .xspd-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .width-1200 h3,
    .width-1200 p {
        text-align: left;
    }
    .honor6 p,
    .honor-en .blank-fonts p,
    .bg-textbox p {
        line-height: 140%;
    }
    .width-1200 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .width-1200 .col-sm-6 p,
    .width-1200 .col-sm-3 p {
        text-align: center;
    }
    .topbannerSlider .bannerfont h2.blues {
        font-size: 30px;
    }
    .width-1200 h3 img {
        max-width: 100%;
    }
    .mt-much {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mt-much .bg-textbox {
        margin-top: 10px;
    }
    .nopadd .col-sm-5>img {
        margin-top: -9px;
    }
    h3.btnfont {
        font-size: 40px;
    }

    /* product bof */
    .product-banner-text {
        top: 60%;
        left: 10%;
        right: auto;

    }
    .product-banner-text .title {
        font-size: 45px;
    }
    .banner-btns {
        margin: 30px 0px 40px auto;
        text-align: center;
        margin-left: 0px;
    }
    .product-banner-text .headline a {
        display: block;
        line-height: 20px;
        min-height: 20px;
        font-size: 18px;

    }
    a.video-play-btn img,
    .product-learn-more img {
        width: 100%;

    }
    .jsshop-01 img {
        width: 100%;
        max-width: 150px;
    }
    .bannerfont .jsshop-01 {
        background: none;
        display: inline-block;
        position: relative;
        z-index: 99;
        white-space: nowrap;
        cursor: pointer;
    }
    .topbannerSlider .ru-bg-honor7-banner .bannerfont {
        text-align: center;
    }
    .bannerfont.xspd-10 .jsshop-01 {
        position: inherit;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .bannerfont.xspd-10 .jsshop-01 {
    position: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
    /* width: 100%;
    padding-left: 32%; */
}
    .bannerfont .jsshop-01 img {
        width: 100%;
    }

    .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 18px;
        right: 10px;
        bottom: 10px;
        text-align: right;

    }
    .product-picbox {
        padding: 30px 0 ;
    }
    .product-picbox>img {
        max-width: 78px;
        width: 100%;
    }
    .product-picbox h3 {
        font-size: 18px;
    }
    .product-listbox .item-c div[class*="col-"]:nth-child(odd) .product-picbox {
        border-left: none;
    }


    .btn-red {
        width: 80%;
        max-width: 150px;
        margin-left: auto;
        margin-right: auto;
        background-color: #f2003f;
        padding: 8px 10px 5px;
        color: #fff;
        transform: skewX(-12deg);
        -o-transform: skewX(-12deg);
        -ms-transform: skewX(-12deg);
        -moz-transform: skewX(-12deg);
        -webkit-transform: skewX(-12deg);
        box-shadow: 1px 1px 5px rgba(240,0,63,.2);
    }
    .productfonts,
    .productbox .block-title {
        font-size: 20px;
    }
    .productbox .block-desc {
        font-size: 14px;
    }
    .followbox .social {
        text-align: center;
    }
    .followbox .social li {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        text-align: center;
        padding: 0 10px;
    }
    .bottom-copyright {
        padding-left: inherit;
        text-align: center;
    }
    .bottom-copyright li {
        margin-right: 5px;
    }
    .bottom-copyright li:last-child {
        margin-right: 0;
    }
    .input-email {
        width: 56%;
    }
    .btm-email {
        width: 40%;
    }
    .serch-email {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
        margin-left: -5px;
        margin-right: -5px;
        letter-spacing: -0.315em;
        text-align: center;
    }
    .followbox .social li a {
        color: #00b2e6;
    }
    footer .footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer-textbox,
    .footer-textbox a {
        text-align: left;
    }
    .footer-textbox .row .col-sm-3 {
        text-indent: 10px;
    }
    .footer-textbox .row div[class*="col-"]:not(:first-child) {
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }
    .bottom-text {
        padding-right: inherit;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bottom-language {
        padding-right: inherit;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .footer {
        background-color: #fff;
    }
    .bottom-bigfont {
        font-size: 46px;
        padding-bottom: 10px;
    }
    /* product eof */

    /* honor7 bof */
    .bgblues>.width-1200 {
        background-color: #24c6f7;
        padding-top: 30px;
    }
    .honor7 .item-tags {
        padding: 0;
    }

    .bg-mdgrey {
        background-color: #eee;
    }
    .item-tags h3.font-40 {
        font-size: 18px;
    }
    .honor7 .tag-box h3.font-40 small,
    .item-tags h3.font-40 small,
    .item-tags p {
        font-size: 14px;
    }
    .honor7 .tag-box .item-tags .mtp {
        margin-top: -10px;
    }
    .bg-honor-video {
        position: inherit;
        top: 30px;
        left: 0;
        margin-top: 10px;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    .no-pd {
        padding-left: 10px;
        padding-right: 10px;
    }
    .bgblues .width-1200 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .txtbg .width-1200 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
        margin-right: 10px;
    }
    /* honor7 eof */

    /* software-download start */
    .software-download-page .wrapper h4 {
        font-size: 14px;
    }
    /* software-download end */
    .honner-live h1 {
        font-size: 2.5em;
    }
    .live-content-btn {
        background-size: 70%;
    }
    .live-hr {
        text-decoration: line-through;
        margin-top: 42px;
    }

    .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo>a {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo {
        width: 100%;
        max-width: 236px;
    }
    .banner-btns-honor6plus .banner-btnvideo>a {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }
    .banner-btns-honor6plus .banner-btnvideo>a img {
        width: 100%;
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }
    .honner-live p {
        font-size: 1em;
        height: 103px;
    }

    .live-morebox {
        width: 100%;
    }

    .en_404_p p {
        font-size: 12px;
        line-height: 14px;
    }

    .en_404_btn .btn {
        width: 125px;
        height: 25px;
        line-height: 7px;
        border-radius: 30px;
        font-size: 12px;
        margin: 20px auto;
    }

    .en_404 {
        position: relative;
        width: 80%;
    }
    .live-morebox {
        margin-top: 10px;
        position: absolute;
        bottom: 20px;
        right: 54px;
        width: 100%;
    }
    .responsivegrid .share-icon {
        background: none;
        width: 244px;
        height: auto;
        text-align: center;
        position: absolute;
        bottom: 32px;
        right: -32px;
        display: none;
        background-color: #f5f5f5;
        border-radius: 5px;
        border: 1px solid #ddd;
        box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    }
    .share-icon-ul img {
        max-width: 80%;
    }
    .share-icon .share-icon-ul {
        top: 0;
        position: relative;
        margin-top: 10px;
    }
    .live-buy-btn {
       /* background: url("/global/wp-content/themes/honor/images/russia-live/Russia_live_icon_btn.png") no-repeat center;*/
        width: 288px;
        height: 65px;
        text-align: center;
        line-height: 64px;
        font-size: 18px;
        margin: 30px auto 140px auto;
        color: #ffffff;
        background-size: 80%;
    }
    .live-buy-btn a {
        font-size: 16px;
        font-family: Century Gothic;
        color: #ffffff;
    }
    .honner-live h1,.honner-live h2 {
        text-align: center;
        margin: 30px auto;
        color: black;
        font-family: "bignoodletitlingregular";
        font-size: 24px;
    }
    .russia_radon_colse {
         top: 11%;
         float: right;
         right: 1%;
         position: absolute;
         margin-right: -10px;
     }
    .russia_radon_colse img {
        width: 70%;
    }
    .manual-detail-topnav .breadcrumb{
        margin: 20px 0;
    }
    .manual-detail-topnav {
      margin-top: 20px;
        font-size: 22px;
    }
    .manual-detail-contant li {
        font-size: 16px;
    }
    .manual-detail-down {
        font-size: 16px;
        list-style: none;
    }
    .manual-detail-contant h1 {
        font-size: 16px;
    }
   .honor4x.magyar-honor7 .bannerfont.xspd-10 .jsshop-01 {
    display: block;
    width: 100%;
    margin-left: 0;
    }
    .honor4x.magyar-honor7 .bannerfont .jsshop-01 img {
    width: 100%;
    max-width: 120px;
    }
    .magyar-honor6 .bannerfont .jsshop-01{
        margin-top:10px;
        display:block;
        width: 100%;
    }
    .magyar-honor6 .bannerfont .jsshop-01 img,
    .magyar-honor6 .bannerfont .video-play-btn img,
    .magyar-honor4c a.video-play-btn img,
    .magyar-honor4c .product-learn-more img,
    .magyar-honor4c .jsshop-01 img,
    .magyar-honor4x a.video-play-btn img,
    .magyar-honor4x .product-learn-more img,
    .magyar-honor4x .jsshop-01 img{
        width:100%;
        max-width:120px;
    }
    .magyar-honor6-plus .banner-btns-honor6plus .banner-btnvideo>a {
        width: 100%;
    }
    .honor6-plus.magyar-honor6-plus .phone-section-wrapper .banner-btnvideo {
        margin-top: 5px;
    }
    .magyar-honor6-plus .banner-btns-honor6plus .banner-btnvideo>a{
        margin-bottom:5px;
    }
    .magyar-honor4x .banner-btnvideo a,
    .magyar-honor4c .banner-btnvideo a,
    .magyar-honor6 .banner-btnvideo a{
        display: block !important;
        width: 100% !important;
    }
    .honor4x .topbannerSlider .bannerfont h2.blues{
        text-align: left;
    }
.maring-top-4{
        margin-top: -3%;
}
#top-banner .topbannerSlider .slider-item-c {
    overflow:auto;
}
header.affix {
    height: 50px;
    background: #00b5e2;
}
.page-support .download-wrapper .mb-block-icon .block-ico.book-ico {
    left: 50%;
}
.page-support .download-wrapper .mb-block-icon .block-ico {
    width: 52%;
}
.we-video-icon-6 {
    font-size: 18px;
    line-height: 32px;
}
header.affix {
  height: 50px;
  position: relative;
  background: #00b5e2;
  z-index: 999;
  margin: 0;
}
.icon-tag p{
	min-height:38px;
}
.text-list-menu{
	line-height:140%;
}
.bg-s7{
	background-position:center -160px;
}
.bg-s7 .bg-textbox{
	margin-top: 40px;
}
.bg-s7 .col-sm-5>img {
	max-width:60%;
}
.banner-btnbox a{
	margin-left:0;
}
.bg-s1 .bgbox,
.ss2box .bgbox,
.bg-s3 .bgbox{
	position:static;
}
.bg-s1 .toptop-pic{
	padding-top:0;
	margin-top:-35%;
}
.ss2box .toptop-pic{
	padding-top:0;
	margin-top:-35%;
}
.s4top-pic {
	padding-top:0;
	margin-top:-35%;
}
.bg-s2 .col-sm-4>img{
	max-width:50%;
}
.bg-s1 .bg-textbox>img,
.bg-s1 .col-sm-5>img{
	max-width:60%;
}
.banner5x-box .banner-btnstyle.white{
	color:#666;
	border-color: #666;
}
.bigfonts{
	font-size:28px;
}
.banner5x-box img.mt-40{
	width:80%;
}
.banner-btnbox .banner-btnstyle {
  width: auto;
  min-width: 150px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
	padding-left:10px;
	padding-right:10px;
}
.width-1200.mt-40 img{
	max-width:80px;
}
.honor-run-02 .honor-run-02-txt h2,
.honor-run-02 .honor-run-02-txt p,
.slider-section .banner-text .big-font{
	color:#fff !important;
}
.honor-run-02 .honor-run-02-txt h2{
	margin-top:0;
	margin-bottom:10px;
}
.honor-run-02 .honor-run-02-txt h2,
.honor-run-02 .honor-run-02-txt p{
	text-align:center;
}
.contentfont{
	padding-top:30px;
}
.contentfont h2{
	color:#000;
	margin-top:0;
	margin-bottom:10px;
}
.container-txt .bg-grey>.row>div[class*="col-"]{
	margin-bottom:10px;
}
.container-txt .bg-grey {
    padding: 30px 10px;
}
.section2-text {
    padding-top: 0;
}
.btn-video{
	width:20px;
	height:20px;
	margin-top:-10px;
	margin-left:-10px;
}
.gallery-top {
	height: 250px;
}
.gallery-thumbs{
	height:60px;
}
.bggrey.honor6 img.xslogo{
	max-width:250px !important;
	width:100%;
}



}
@media (max-width: 387px) {
    .honner-live h1 {
        font-size: 1.5em;
    }
    .live-hr {
        text-decoration: line-through;
        margin-top: 37px;
    }
    .live-content-btn {
        background-size: 60%;
    }
    .honor-en .bx-wrapper .product-sliders .item-c img {
        min-height: 140px;
    }
    .honor-en .product-sliders img {
        min-height: 140px;
    }
    #txt-mobile-01 {
        top: 24%;
        color: #333 !important;
        width: 100% !important;
    }
    .banner-btns-honor6plus {
        margin: 0px auto 0px auto;
        text-align: center;
        background-color: #06aae7;
        height: 170px;
    }
    .honner-blog .banner-tex {
        top: 80px;
        font-size: 40px;
    }
    .honner-blog .share-icon li {
        padding: 0px;
        display: inline-block;
    }
    .honner-blog .share-icon li {
        margin-left: 1px;
        margin-right: 1px;
    }
    .live-buy-btn {
        background: url("/content/dam/honor/global/other/common/img/Russia_live_icon_btn.png") no-repeat center;
        width: 288px;
        height: 65px;
        text-align: center;
        line-height: 64px;
        font-size: 18px;
        margin: 30px auto 140px auto;
        color: #ffffff;
        background-size: 80%;
    }
    .live-buy-btn a {
        font-size: 16px;
        font-family: Century Gothic;
        color: #ffffff;
    }
    .honner-live h1,.honner-live h2 {
        text-align: center;
        margin: 5px auto;
        color: #FFF;
        font-family: "bignoodletitlingregular";
        font-size: 24px;
    }
    .russia_radon_colse img {
       width: 70%;
    }
    .russia_radon_colse {
        top: 11%;
        float: right;
        right: 1%;
        position: absolute;
        margin-right: -10px;
    }
    #story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info .name {
    font-size: 20px;
}
#wrap-introducing-plank .title {
    font-size: 20px;
}
.page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
    font-size: 16px;
    line-height: 25px;
}
.page-brand .slider-item-c .desc .heading {
    font-size: 24px;
    line-height: 25px;
}
.maring-top-4{
        margin-top: -3%;
}
.honor7 .jsshop-01 {
    padding-left: 16%;
}
.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 20px;
}
.we-video-icon-6 {
    font-size: 18px;
    line-height: 34px;
}
.btn-we-block-6 a {
    text-decoration: none;
    cursor: pointer;
    padding-top: 0px;
}
.page-support .download-wrapper .mb-block-icon .block-ico.book-ico {
    left: 50%;
}
.page-support .download-wrapper .mb-block-icon .block-ico {
    width: 52%;
}
.we-video-icon-6 {
    font-size: 18px;
    line-height: 32px;
}


}
.bannerfons-text{
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 35%;
    top: 50%;
    position: absolute;
    text-align: center;
}
.privacy-policy-txt li{
    font-size: 10pt;
    font-family: verdana, geneva, sans-serif;
    line-height: 1.5em;
    color: #666;
    list-style-type: disc;
    margin-left: 10px;
}
.pink-btn-video{
    text-align: center;
    margin-top: 10%;
}
.pading-top{
    padding-top: 150px;
}
.we-shopping-icon-bottom {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 42px;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #fff;
    top: 0px;
    background: none;
    border: 2px solid #00b2e6;
}
.we-video-icon-6-white a {
    color: #fff;
}
.we-shopping-icon-bottom a{
    text-decoration: none;
}
.container-1 .btn{
    font-family: Century Gothic,Century Gothic Cyr,Century Gothic Grk,muli,Arial,sans-serif;
}
.container-1 {
    width: 100%;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}
.z-index-1{
    z-index:-1;
}
.we-shopping-icon-white a.jsshop-01 {
    color: #fff;
    line-height: 14px;
}
.we-shopping-icon-white-7 a.jsshop-01 {
    color: #fff;
}
.btn-we-block-6 a.jsshop-01-db{
    color: #01b4e1;
}
.nopd{
    margin-top: 0%;

}
.nopd-2 {
    margin-top: -2%;
}
.bannerfons-text h2{
    font-size: 120px;
    color: #FFF;
}
.bannerfons-text h3{
    font-size: 55px;
    color: #FFF;
}
.text1{
    color: #fff;
    background: #00b2e6;
    margin: auto;
    text-align: center;
    padding: 50px 0;
}
.text-font h1{
    text-align: center;
    width: 100%;
    font-size: 6rem;
    font-size: 16px;
    line-height: 10rem;
    line-height: 100px;
    font-weight: 500;
    margin: 0 auto;
    color: #FFF;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.text-font p{
    font-size: 1.5rem;
    font-size: 16px;
    margin-bottom: 3rem;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.text2{
    background: #ffffff;
    margin-top: 60px;

}
.text2 h1{
    color: #00b2e6;

}
.text2-img{
    width: 100%;
    padding: 20px;
    float: left;
    min-height: 1px;
    overflow: hidden;
    position: relative;
}
.text2 .party__text{
    position: absolute;
    top: 35%;
    text-align: center;
    font-size: 24px;
    width: 90%;
    color: #ffffff;
    vertical-align: middle;
}
.text3{
    margin: 50px;
}
.text3-1{

}
.text3-1 h1{
    font-size: 3rem;
    font-size: 26px;
    color: #28b5e4;
    line-height: 3rem;
    line-height: 30px;
    margin: 0;
    margin-top: 1rem;
    margin-top: 11px;
    font-weight: 500;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.summary__item{
    position: relative;
}
.summary{
    font-size: 1.5rem;
    font-size: 16px;
    margin-bottom: 3rem;
    margin-bottom: 30px;
    padding: 0;
    vertical-align: top;
}
.summary__item--header{
    font-weight: bold;
    margin-top: 30px;
}
.summary__item__text{
    display: inline-block;
    margin: 0.7rem 0 0.7rem 0;
    margin: 7px 0 7px 0;
}
.summary__club-logo{
    position: relative;
    left: 210px;
    bottom: 82px;
}

.summary__club-logo img{
    width: 40%;
}
.formblock__container--right {
    float: left;
    margin-bottom: 100px;
    width: 100%;
    overflow: hidden;
}
.formblock__header {
    font-size: 4rem;
    font-size: 46px;
    line-height: 4rem;
    line-height: 40px;
    margin: 0;
    font-weight: 500;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
#club-form {
    margin-top: 3rem;
    margin-top: 30px;
}
.club-form__text {
    line-height: 2.2rem;
    line-height: 20px;
    cursor: default;
    color: #333;
}
.honor-form__group {
    margin: 0 0 1rem;
    margin: 0 0 10px;
}
#club-form input[type=text] {
    width: 100%;
    height: 3.5rem;
    height: 40px;
    margin-bottom: 1rem;
    margin-bottom: 10px;
    font-weight: 100;
    border: 1px solid #ccc;
    font-family: 'Century Gothic', muli, Arial, sans-serif;
}
.honor-form__error {
    color: #b01a21;
    font-size: 1.4rem;
    font-size: 16px;
}

.club-form__label--country {
    display: inline-block;
    font-size: 1.5rem;
    font-size: 16px;
    margin-right: 1rem;
    margin-right: 1px;

}
label{
    color: #333;
}
.honor-form__input {
    border: none;
    box-shadow: inset 0.1rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.16);
    padding: 0 1rem;
    line-height: 2rem;
    line-height: 20px;
    font-size: 1.5rem;
    font-size: 16px;
    vertical-align: top;
    color: #333;
}
#formblock #club-form .club-form__text {
    line-height: 2.2rem;
    line-height: 20px;
    cursor: default;
}
.club-form__terms__linktext {
    text-decoration: underline;
    cursor: pointer;
}
.club-form__submit {
    background-color: #b01a21;
    color: #fff;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-size: 2.5rem;
    font-size: 26px;
    line-height: 3.5rem;
    line-height: 40px;
    margin-top: 2rem;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
}
/* run start */
.honor-run .text2 h1 {
    color: #28b5e4;
    font-size: 6rem;
    font-size: 56px;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin: 1rem;
    margin: 10px;
    text-align: center;
    margin: 50px;
}
/* run end */


/* goldenticket start */
.goldenticket{ font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;}
.goldenticket .bannerfons-text{
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    text-align: center;
}
.goldenticket .bannerfons-text h2{
    font-size: 100px;
    color: #FFF;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.goldenticket .bannerfons-text h3 {
    font-size: 60px;
    color: #FFF;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.goldenticket .splash__buttons-container {
    margin-top: 1rem;
    margin-top: 10px;
}
.goldenticket .cta__button {
    border: 1px solid white;
    font-size: 2.5rem;
    font-size: 26px;
    padding: 3% 5%;
    margin: 0.5rem 1rem;
    margin: 5px 10px;
    color: white;
}

.goldenticket .cta__button:hover {
    background: #FFF;
    color: #333;
}
.goldenticket  .splash__hashtag {
    font-size: 3rem;
    font-size: 36px;
    color: #fff;
    margin-top: 50px;
}
.goldenticket .facebook-post {
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-weight: 100;
    font-size: 4rem;
    font-size: 36px;
    text-align: center;
    margin: 50px;
}
.goldenticket .facebook__header {
    margin: 2rem 0 2rem 0;
    margin: 20px 0 2px 0;
    font-weight: 100;
    font-size: 2em;
    font-size: 26px;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.goldenticket .facebook__subtitle {
    margin: 0 0 3rem 0;
    margin: 0 0 30px 0;
    font-weight: 100;
    font-size: 3rem;
    font-size: 36px;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
blockquote {
    padding: 0px 0px;
    margin: 0 0 50px;
    font-size: 38.5px;
    border-left: 0;
    line-height: 1em;
}

.facebook-post-p{
    color: #333;
    font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
    font-size: 1.5rem;
    font-size: 16px;
}

.goldenticket-text3{
    text-align: center;
    padding: 50px;

}
.goldenticket-text3 h2{
    color: #00b2e6;
    line-height: 1.5em;
    margin: 20px 0;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.goldenticket-text3 p{
    font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
}
.goldenticket-text4{
    position: relative;
}
.twitter-block{
    background-image: url("/content/dam/honor/global/other/common/img/slot3_twitter_bg.png") ;
    padding: 6rem 10rem 6rem 10rem;
    padding: 60px 100px 60px 100px;
    color: white;
    text-align: center;
    margin: 20px 0;
}
.twitter-block .twitter__header {
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-size: 6rem;
    font-size: 56px;
    font-weight: 100;
    color: #28b5e4;
}
.prizes__tc {
    color: white;
    font-size: 1.5rem;
    padding-bottom: 2rem;
    display: inline-block;
}
p.twitter__text {
    font-size: 24px;
    margin: 20px;
}
.twitter-block .twitter__button {
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    outline: none;
    border-radius: 10px;
    font-size: 1.7rem;
    font-size: 16px;
    background-color: #28b5e4;
    color: white;
    padding: 0.8rem 3rem 1.0rem 2.5rem;
    padding: 8px 30px 10px 25px;
    cursor: pointer;
}
.goldenticket-text4-text p{
    font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
}
.share-block .share__header {
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-weight: 100;
    font-size: 3rem;
    font-size: 36px;
}


.share-block {
    padding: 1rem 0 3rem 0;
    padding: 10px 0 30px 0;

    text-align: center;
    margin: 20px 0;
}
.share-block .share__text {
    font-size: 1.7rem;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
}
.share-block .footer {
    border: none;
    background: none;
}
.share-block .footer .footer__icon {
    background-color: black;
    color: #cccccc;
    transition: background-color ease-out 100ms;
}
.footer .footer__icon {
    width: 4.3rem;
    width: 43px;
    height: 4.3rem;
    height: 43px;
    line-height: 4.3rem;
    line-height: 40px;
    border-radius: 50%;
    background-color: #fff;
    color: #333;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0.8rem;
    margin: 10px;
    transition: background-color ease-out 100ms;
}
.twitter__button {
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    outline: none;
    border-radius: 10px;
    font-size: 1.7rem;
    font-size: 16px;
    background-color: #28b5e4;
    color: white;
    padding: 1.3rem 3rem 1.3rem 2.5rem;
    padding: 13px 3px 13px 25px;
    cursor: pointer;
}
.goldenticket-text5{
    background-image: url("/content/dam/honor/global/other/common/img/slot4_1_prizes_bg.png");
    text-align: center;
    padding: 3rem 10rem 0 10rem;
    padding: 30px 100px 0 100px;
}
.prizes__star-image {
    width: 15%;
}
.prizes__title {
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-transform: uppercase;
    font-size: 5rem;
    font-size: 46px;
    font-weight: 500;
    margin: 1rem 0 3rem 0;
    margin: 10px 0 30px 0;
}
.prizes__title .break-mobile {
    display: none;
}
.prizes__title {
    line-height: 1;
    margin: 2rem 0;
    margin: 20px 0;
}
.prizes__goodies-image {
    width: 45%;
}
.prizes__quadro-block {
    font-size: 1.5rem;
    font-size: 16px;

    padding-bottom: 3rem;
    padding-bottom: 30px;
}
.list--horizontal {
    text-align: center;
}
.prizes__quadro-block .prizes__item--jbl {
    background-image: url("/content/dam/honor/global/other/common/img/logo_2.png");
}
.prizes__quadro-block .prizes__item--parrot {
    background-image: url("/content/dam/honor/global/other/common/img/logo_4.png");
    background-size: 90%;
}
.prizes__quadro-block .prizes__item--honor {
    background-image: url("/content/dam/honor/global/other/common/img/logo_1.png");
    background-size: 80%;
}
.prizes__quadro-block .prizes__item {
    font-size: 3.0rem;
    font-size: 26px;
    line-height: 2.8rem;
    line-height: 48px;
    margin: 0 auto;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 6rem;
    padding-top: 90px;
    color: white;
    display: inline-block;
    padding: 0 30px;
    height: 107px;

}
p.quadro-block__text.quadro-block__text--parrot {
    top: 100%;
    position: relative;
}
p.quadro-block__text.quadro-block__text--honor {
    top: 100%;
    position: relative;
}
p.quadro-block__text.quadro-block__text--jbl {
    top: 100%;
    position: relative;
}
.checkbox {
    cursor: pointer;
}
.checkbox--checked:before {
    background: url("/content/dam/honor/global/other/common/img/check_mark.png");
    color: #333;
    font-family: FontAwesome;
    font-size: 1.9rem;
    text-align: center;
}
.checkbox:before {
    content: "";
    background-color: #eee;
    border: 1px solid #d4d4d4;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}
#page-about-us-club #content #formblock #club-form .club-form__text {
    line-height: 2.2rem;
    cursor: default;
}

.checkbox__hide {

}
.checkbox__text {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
}
#goldenticket-text5-img{
    min-width: 40%;
    width: 30%;
}
.prizes__subtitle {
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    margin-bottom: 1rem;
    margin-bottom: 10px;
    font-size: 3rem;
    font-size: 26px;
}
.prizes__subtitle {
    margin: 0 0 2rem 0;
    margin: 0 0 20px 0;
}
.text-blue {
    color: #28b5e4;
}
.face-t-icon{
    font-size: 38px;
    padding: 0 10px 0 0;
}
.face-icon{
    font-size: 30px;
    line-height: 50px;
}
.tweet-font{
    font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
    font-size: 1.3em;
}
.twitter-block .twitter__button:hover {
    background-color: #0093be;
}
.share-block .footer .footer__icon:hover {
    background-color: #555;
}
/* goldenticket end */



/* honor-club start*/
.honor-club {
    text-align: center;
}
.honor-club .club-text1{
    padding-left: 20%;
    position: relative;
    margin: 80px 0 0 0;
}
.honor-club .text-font h1{
    text-align: left;
    margin: 0;
    color: #28b5e4;
    display: inline-block;
    font-size: 10rem;
    line-height: 10rem;
    font-weight: 500;
    margin: 0 auto;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}
.honor-club .text-font h2{
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-weight: 500;
    font-size: 4rem;
    margin: 0;
    margin-bottom: 2rem;
    text-align: left;
}
.honor-club .text-font h3{
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    color: #28b5e4;
    font-size: 4rem;
    font-weight: 500;
    margin: 100px 0 0 0;
    margin-right: 0;
    padding: 0;
    text-align: left;
}
.honor-club  .summary {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 3rem;
    padding: 0;
    vertical-align: top;
}
.honor-club .summary__item__text {
    display: inline-block;
    margin: 0.7rem 0 0.7rem 0;
    text-align: left;
}
.honor-club  .honor-club-infoblock {
    background-image: linear-gradient(to top, #e6e6e6 0, #fff 70%);
    padding-top: 5rem;
    padding-left: 20rem;
}
.honor-club .infoblock__membership-cards {
    display: inline-block;
    vertical-align: top;
    width: 58rem;
    margin: 0;
    margin-left: 1rem;
}
.honor-club .formblock {
    background-color: #fff;
    background-image: linear-gradient(to right, #fff 0, #fff 70%);
    padding: 5rem 10rem 5rem;
    font-size: 0;
}
.honor-club .formblock .formblock__container {
    display: inline-block;
    padding: 0 1rem;
    width: 100%;
    vertical-align: top;
}
.honor-club .formblock  .formblock__subheader {
    font-size: 3rem;
    color: #28b5e4;
    line-height: 3rem;
    margin: 0;
    margin-top: 1rem;
    font-weight: 500;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    text-align: left;
    margin: 20px 0;
}
.honor-club .formblock  .summary {
    font-size: 1.5rem;
    margin-bottom: 3rem;
    padding: 0;
    vertical-align: top;
}
.honor-club .formblock  .formblock__subheader--bottom {
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    font-weight: 500;
    font-size: 4rem;
    text-align: left;
    margin: 0;
    margin-top: 12rem;
}
.honor-club .formblock .club-form__label--country {
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 1rem;
}
.honor-club .honor-form__group {
    margin: 0 0 1rem;
    text-align: left;
    margin: 0 0 10px;
}
.honor-club .formblock__container--right {
    float: left;
    margin-bottom: 20px;
    text-align: left;
}
/* honor-club end*/

/* honor-compare start*/
.honor-compare{
    padding-top: 50px;
}
.honor-compare{
    font-family: bignoodletitlingregular,Impact,Charcoal,sans-serif;
    margin:0 0 50px 0;
}
.honor-compare-h1{
    text-align: center;
    font-size: 4em;
    color: #00b2e6;
    width: 80%;
    margin: auto;
    margin-top: 8%;
    font-family: bignoodletitlingregular,Impact,Charcoal,sans-serif;
}
.honor-compare-table{
    text-align: center;
}
.honor-compare-th h2{
    font-size: 24px;
    font-family: bignoodletitlingregular,Impact,Charcoal,sans-serif;
    padding: 10px 0;
}
.honor-compare-th th{
    margin: 30px;
    text-align: center;
}
.compare-title-h1{
    font-size: 30px;
}
.honor-compare .table>thead>tr>th{
    padding: 50px 0;
    border-bottom:none;
}
.honor-compare-table tbody>tr>td{
    border-right:solid 1px #00b2e6;
    vertical-align: middle;
    padding: 30px;
    font-size: 16px;
    width: 17%;
    font-family: Century Gothic,Century Gothic Cyr,Century Gothic Grk,muli,Arial,sans-serif;
}
.honor-compare-table tbody>tr>td:last-child{
    border-right:none;
}
.honor-compare-table tbody>tr>td:first-child{
    font-size: 24px;
    font-family: bignoodletitlingregular,Impact,Charcoal,sans-serif;
    width: 15%;
}
.honor-compare-table tbody>tr:nth-child(odd) {
    background-color: #e2f0f9;
}

.btn {
    text-decoration: none;
    display: inline-block;
}
@media only screen and (min-width:768px) and (max-width:1360px) {
    .honor-compare-table tbody>tr>td {
        padding: 15px;
        width: 20%;
    }


}
@media only screen and (min-width:768px) and (max-width:1024px) {
    #wrap-features-product .features-heading {
        margin-top: 0;

    }
}
/* honor-compare end*/
.container-accessories{
    margin-top: 10%;
}
.honor-accessories{
    text-align: center;
    background: #fff;
}
.honor-accessories-text1{
    margin-top: 10%;
    margin: 30px;
}
.honor-accessories-text1 p{
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 16%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.honor-accessories-text1 h1{
    font-family: bignoodletitlingregular,Impact,Charcoal,sans-serif !important;
    margin: 20px 0;
}
.honor-accessories-title{
    font-size: 18px;
    color: #333;
    padding: 35px 0;
}
.accessories-pic-bg{
    background-image: url("/global/wp-content/uploads/2015/10/motivational.jpg") ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 800px;
}
.accessories-pic{
    position: relative;
}
.honor-accessories-er-img{
    width: 50%;
}
.accessories-er-thumb ul{
    text-align: center;
    margin: auto;
    display: inline-block;
    width: 42em;
}
.accessories-er-thumb li{
    padding: 0;
    display: inline-block;
    background-color: #f8f8f8;
    margin: 1rem;
    transition: background-color ease-out 500ms;
    cursor: pointer;

}
#headphones {
    text-align: center;
    padding-left: 5rem;
    padding-right: 5rem;
    position: relative;
    font-size: 0;
}
.product__header {
    font-size: 3.8rem;
    font-weight: 500;
    font-family: bignoodletitlingregular,Impact,Charcoal,sans-serif !important;
    text-transform: uppercase;
    margin: 1.5rem auto;
}
.product__paragraph {
    font-size: 1.7rem;
    margin: 1.5rem auto;
}
.gallery {
    margin-top: 5rem;
}
.gallery-item {
    margin: 0;
    display: inline-block;
    width: 76rem;
    overflow: hidden;
    vertical-align: top;
}
#headphones .gallery-item__image {
    width: 50%;
    margin-top: 6%;
}
.gallery-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    width: 50rem;
    text-align: left;
    display: inline-block;
    width: 42rem;
    vertical-align: top;
}
.gallery-list__item--selected {
  /*  background-image: url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/generic/layout/selection.png);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
.gallery-list__image {
    width: 100%;
    height: 100%;
}

/*prodcut star*/
.we h3{
    font-family: "bignoodletitlingregular";
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}
.we p{
    line-height: 175%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 18px;
}
.honor-7 .bg-textbox p{
    color: #000;
    line-height: 175%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 18px;
}
.honor-7 .pd-top11 h3{
    font-family: "bignoodletitlingregular";
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}
.honor-7 .pd-top11 p{
    font-size: 18px;
    line-height: 175%;
}
.honor-7  .wite-top-1 h3{
    font-family: "bignoodletitlingregular";
    color: #000 !important;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 10px;
}
.honor-7  .wite-top-1 p{
    font-size: 18px;
    line-height: 175%;
}
.honor-6plus-text-1 {
    text-align: center;
    position: absolute;
    top: 46%;
    color: #FFF;
    z-index: 9;
    margin-top: 6%;
    padding: 1% 20%;
}
.honor-6plus-text-2 {
    text-align: center;
    position: absolute;
    top: 46%;
    color: #333;
    z-index: 9;
    margin-top: 6%;
    padding: 1% 20%;
}
.honor-6plus-text-3 {
    text-align: left;
    position: absolute;
    color: #333;
    z-index: 9;
    margin-top: 6%;
    width: 35%;
    right: 17%;
}
.honor-6plus-text-4 {
    width: 45%;
    position: absolute;
    top: 35%;
    z-index: 2;
    margin-top: 12%;
    left: 8%;
    color: #fff;
}
.honor-6plus-text-5 {
    width: 45%;
    position: absolute;
    top: 35%;
    z-index: 2;
    margin-top: 12%;
    left: 8%;
}
.honor-6plus-text-6 {
    width: 45%;
    position: absolute;
    top: 35%;
    z-index: 2;
    margin-top: 12%;
    left: 8%;
    color: #fff;
}
.honor-6-text-1-bg{
    margin: 8%;
}
.honor-6-text-1{
    width: 80%;
    margin-top: 10%;
    margin-left: 12%;
}
.honor-6-text-3{
    text-align: left;
    margin-top: -15%;
    position: relative;
    z-index: 2;
    padding: 0 10%;
    width: 65%;
    color: #555;
    left: 0%;
}
.honor-6-text-4{
    text-align: center;
    z-index: 2;
    color: #333;
    padding: 0 10%;
    width: 100%;
    margin-top: 10%;
}

.h6plus-maring{
    margin-top: -1%;
}
.h6plus-maring-2{
    margin-top: -2%;
}
.we-show-navbox {
    position: absolute;
    z-index: 999;
    width: 20%;
    height: auto;
    top: 70px;
    left: 32%;
    font-family: "bignoodletitlingregular";
    background: url(/content/dam/honor/global/other/common/img/topnavbg.png) repeat;
}
.we-nav-second {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    z-index: 999;
    position: relative;
}
.btn-we-block .btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
    width: 200px;
    height: 50px;
    background-color: #ccc;
    border: 2px solid #FFF;
    font-family: "bignoodletitlingregular";
    color: #fff;
    border-radius: 10px;
}
.btn-we-block .btn-group>.btn a, .btn-group-vertical>.btn a {
    font-size: 24px;
    color: #fff;
    line-height: 46px;
}
.btn-we-block{
    margin-left: 14%;
}
/*prodcut end*/

/*! SassyStrings - v0.0.1 - 2014-02-16*/
.gallery-list {
    list-style:none;
    margin:0;
    padding:0;
    font-size:0;
    width:50rem;
    text-align:left;
    display:inline-block;
    width:42rem;
    vertical-align:top
}
.gallery-list__item {
    margin:0;
    padding:0;
    display:inline-block;
    background-color:#f8f8f8;
    margin:1rem;
    transition:background-color ease-out 500ms;
    cursor:pointer
}
.gallery-list__item:hover {
    background-color:#dfdfdf
}
.gallery-list__item--selected {
/*    background-image:url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/generic/layout/selection.png);*/
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center
}
.gallery-list__image {
    width:100%;
    height:100%
}
.gallery-slide {
    display:none;
    overflow:hidden
}
.gallery-slide__wrapper {
    position:relative;
    width:100%;
    height:100%;
    transition-property:-webkit-transform,left,top;
    transition-property:transform,left,top;
    transition-duration:0s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition-timing-function:ease-out;
    box-sizing:content-box;
    font-size:0;
    overflow:hidden
}
.gallery-slide__slide {
    display:inline-block
}
.gallery-slide__image {
    width:100%
}
.gallery {
    margin-top:5rem
}
.gallery-item {
    margin:0;
    display:inline-block;
    width:76rem;
    overflow:hidden;
    vertical-align:top
}
.gallery-item__image {
    width:80%
}
@media only screen and (min-width:1281px) and (max-width:1480px) {
    .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 18px;
    }
    .container-1 {
        margin: 0 0%;
    }
}
@media only screen and (min-width:1041px) and (max-width:1280px) {
    .gallery-list {
        margin-top:-4rem
    }
    .gallery-list__item {
        width:14rem
    }
    .gallery-item {
        width:52rem
    }
    .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 14px;
    }
    .container-1 {
        margin: 0 0%;
    }

}@media only screen and (min-width:801px) and (max-width:1040px) {
    .gallery-list {
        width:32rem;
        margin-top:-4.5rem
    }
    .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 14px;
    }

    .gallery-list__item {
        width:14rem
    }
    .gallery-item {
        width:38rem;
        margin-top:5.5rem
    }
    .gallery-item__image {
        width:89%
    }
    .container-1 {
        margin: 0 0%;
    }
}@media only screen and (min-width:641px) and (max-width:800px) {
    .gallery-list {
        text-align:center;
        width:100%
    }
    .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c .txt {
        font-size: 14px;
    }
    .gallery-list__item {
        width:14rem
    }
    .gallery-item {
        width:100%
    }
    .container-1 {
        margin: 0 0%;
    }
}@media only screen and (max-width:640px) {
    .gallery-slide {
        display:block
    }
    .gallery {
        display:none
    }
}
/*# sourceMappingURL=gallery.css.map*/

/*! SassyStrings - v0.0.1 - 2014-02-16*/
.easter-egg {
    position:absolute;
    display:none;
    width:12rem;
    height:16rem;
    cursor:pointer
}
.easter-egg .egg {
    background-size:cover;
    display:none;
    width:inherit;
    height:inherit
}
.easter-egg .visible-egg {
    display:inline-block
}
.accessories__bottom-splash {
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    height:50rem
}
#page-products-accessories .page-content {
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    padding-left:15.5rem;
    padding-right:15.5rem
}
#page-products-accessories #splash .product__paragraph {
    max-width:66rem
}
#page-products-accessories #accessories .accessories__image {
    width:28.2rem
}
#page-products-accessories #accessories .accessories__link {
    color:#333;
    text-decoration:none;
    border:0
}
#page-products-accessories #motivational {
/*    background-image:url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/accessories/motivational.jpg);*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right center;
    padding-top:3rem;
    padding-bottom:3rem;
    text-align:right
}
#page-products-accessories #motivational .motivational__figure {
    text-align:right
}
#page-products-accessories #headphones {
    text-align:center;
    padding-left:5rem;
    padding-right:5rem;
    position:relative;
    font-size:0
}
#page-products-accessories #headphones .gallery-item__image {
    width:50%;
    margin-top:6%
}
#page-products-accessories #mood .mood__figure {
    margin:0
}
#page-products-accessories #mood .mood__image {
    max-width:100%
}
#page-products-accessories #flipcover {
    position:relative;
    text-align:center;
    padding-top:3rem
}
#page-products-accessories #flipcover #text {
    background-image:linear-gradient(to top,#eaeff7 0,#fff 100%)
}
.no-cssgradients #page-products-accessories #flipcover #text {
    background-color:#eaeff7
}
#page-products-accessories #flipcover #text .text__figure {
    margin:3rem 0
}
#page-products-accessories #flipcover #text .text__image {
    max-width:100%
}
#page-products-accessories #flipcover #showcase .showcase__link {
    border:0
}
#page-products-accessories #flipcover #showcase .showcase__image {
    max-width:100%
}
#page-products-accessories #flipcover #home {
    position:relative;
 /*   background-image:url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/accessories/bg.jpg);*/
    background-size:cover;
    background-position:center bottom;
    min-height:50rem
}
#page-products-accessories #flipcover #home .home__figure {
    margin:3rem 0 0
}
#page-products-accessories #case {
    padding-top:4rem;
    text-align:center
}
#page-products-accessories #case .case__link {
    border:0
}
#page-products-accessories #case .case__image {
    max-width:100%
}
#page-products-accessories #case .buy-button {
    margin-top:2rem
}
#page-products-accessories #easter-egg {
    left:5rem;
    bottom:-5rem
}
#page-products-accessories #easter-egg .easter-egg--closed {
/*    background-image:url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/eggs/egg3_v3.png)*/
}
#page-products-accessories #easter-egg .easter-egg--cracked {
/*    background-image:url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/eggs/egg3_cracked_v3.png)*/
}
#page-products-accessories #easter-egg .easter-egg--open {
/*    background-image:url(http://7961b64fc16ad15a92ef-9f98f1eddca1ebd26a80f4b64e8bd016.r62.cf3.rackcdn.com/eggs/egg3_open_v3.png)*/
}
#page-products-accessories .accessories__bottom-splash {
    width:100%;
    display:block;
    background-size:cover;
    position:relative;
    height:50rem
}
#page-products-accessories .accessories__bottom-splash .button--bottom-splash {
    position:absolute;
    bottom:2rem;
    left:10rem
}
@media only screen and (min-width:1281px) {
    .accessories__bottom-splash {
        height:50rem
    }
    #page-products-accessories .page-content {
        padding-left:15.5rem;
        padding-right:15.5rem
    }
    #page-products-accessories .accessories__bottom-splash {
        height:50rem
    }
}@media only screen and (min-width:1041px) and (max-width:1280px) {
    .accessories__bottom-splash {
        height:40rem
    }
    #page-products-accessories .page-content {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    #page-products-accessories #motivational .motivational__figure {
        margin-right:10rem
    }
    #page-products-accessories #motivational {
        background-position:-10rem 0
    }
    #page-products-accessories .accessories__bottom-splash {
        height:40rem
    }
    #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
        left:8rem
    }
}@media only screen and (min-width:801px) and (max-width:1040px) {
    .accessories__bottom-splash {
        height:31.2rem
    }
    #page-products-accessories .page-content {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    #page-products-accessories #motivational {
        background-position:40% 0
    }
    #page-products-accessories .accessories__bottom-splash {
        height:31.2rem
    }
    #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
        left:6rem
    }
}@media only screen and (min-width:641px) and (max-width:800px) {
    .accessories__bottom-splash {
        height:25rem
    }
    #page-products-accessories .page-content {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    #page-products-accessories #motivational .motivational__figure {
        text-align:right;
        margin-right:0
    }
    #page-products-accessories #motivational {
        background-position:40% 0
    }
    #page-products-accessories #easter-egg {
        left:auto;
        right:4rem
    }
    #page-products-accessories .accessories__bottom-splash {
        height:25rem
    }
    #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
        left:5rem;
        font-size:2rem
    }
}@media only screen and (max-width:640px) {
    .accessories__bottom-splash {
        height:16.2rem
    }
    .accessories__bottom-splash {
        background-size:contain
    }
    #page-products-accessories .page-content {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    #page-products-accessories #motivational {
        display:none
    }
    #page-products-accessories #flipcover #home {
        min-height:30rem
    }
    #page-products-accessories .accessories__bottom-splash {
        height:16.2rem
    }
    #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
        left:7.5vw;
        bottom:1rem;
        font-size:1.4rem;
        padding:.5rem 2.5rem
    }
}
/*# sourceMappingURL=../../pages/products/accessories.css.map*/
.check-icon{}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 600px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal;
}
.we-table-th{
    font-size: 24px;
    text-align: center;
    padding-top: 20px;
    background: #01b4e1;
    color: #fff;
}
.honor-6-text-3 h3{
    color: #333 !important;
}
.btn-we-block{
    margin-left: 10%;
}
.btn-we-block .btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
    width: 200px;
    height: 50px;
    background-color: #ccc;
    border: 2px solid #FFF;
    font-family: "bignoodletitlingregular";
    color: #fff;
    border-radius: 10px;
}
.btn-we-block .btn-group>.btn a, .btn-group-vertical>.btn a {
    font-size: 24px;
    color: #fff;
    line-height: 46px;

}
.we-shopping-icon-white {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 43px;
    background-color: none;
    border: 2px #fff solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 23px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color:#fff;
    top: 0px;
}
.we-shopping-icon-white a {
    cursor: pointer;
    text-decoration: none;
}


.we-shopping-icon-white-7 {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 42px;
    background-color: none;
    border: 2px #fff solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color:#fff;
    top: 0px;
    margin-left: 13%;
}
.we-shopping-icon-white-7 a {
    cursor: pointer;
    text-decoration: none;
}
.btn-we-block-6plus .btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    top: -3px;
    float: left;
    width: 200px;
    height: 45px;
    background-color: #06aae7;
    border: 2px #ffffff solid;
    color: #fff;
    border-radius:10px;
    font-family: "bignoodletitlingregular";
    line-height: 42px;
}
.btn-we-block-6plus .btn-group>.btn a, .btn-group-vertical>.btn a {

    font-size: 24px;
    color: #fff;
}
.btn-we-block-6 .btn-default{
    width: 200px;
    height: 50px;
}

.btn-we-block-6 .jsshop-01{
    color: #3bafe0;
}
.btn-we-block-6 .btn-default a{
    font-size: 24px;
}
.btn-we-block-6plus{
    display: inline-block;
    position: relative;
}
.we-video-icon-3c {
    width: 200px;
    height: 45px;
    background-color: none;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    padding-top: 0.1em;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    color: #3bafe0;
}
.we-video-icon-3c a{
    color: #3bafe0;
}
.we-video-icon{
    width: 200px;
    height: 43px;
    background-color: #06aae7;
    border: 2px #ffffff solid;
    color: #fff;
    border-radius:10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    display: inherit;
}
.we-index-video-icon {
    width: 200px;
    height: 45px;
    border: 2px #ffffff solid;
    color: #fff;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 52px;
    position: relative;
    text-align: center;
}
.we-video-icon-6{
    width: auto;
    min-width: 200px;
    height: 45px;
    background-color: none;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    padding-top: 0.1em;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    color: #3bafe0;
    padding: 0 10px;
}
.we-video-icon-6 a{
    color:#01b4e1;
}
a.we-video-icon-6{
    text-decoration: none;
}
.we-video-icon-6 a.jsshop-01{
    cursor: pointer;
    text-decoration: none;
    color: #3bafe0;
}
.btn-we-block-6 a{
    text-decoration: none;
    cursor: pointer;
    line-height: 24px;
    padding-top: 1px;
}

.banner-btnvideo a.we-video-icon-6:hover , .banner-btnvideo a.we-video-icon-6:focus{
    color: #01b4e1;
}
.btn-we-block-6{
    display: inline-block;
    width: 200px;
    height: 45px;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    position: relative;
    text-align: center;
    padding-top: 0.1em;
    vertical-align: middle;
}
.btn-we-block-6 .btn-default {
    top: -3px;
    width: 200px;
    height: 45px;
    background-color: #FFF;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    position: relative;
    line-height: 45px;
}
.btn-we-block-4x{
    display: inline-block;
    width: 200px;
    height: 45px;
    background-color: #FFF;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 45px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding-top: 0.1em;
}
.btn-we-block-4x a {
    text-decoration: none;
    color: #3bafe0;
}
blockquote {
    padding: 0px 0px;
    margin: 0 0 50px;
    font-size: 21.5px;
}
.btn-we-block-4x .btn-default {
    width: 200px;
    height: 45px;
    background-color: #FFF;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    position: relative;
    line-height: 40px;
}
.honor-6-text-last{
    width: 38%;
    margin-top: 9%;
    position: absolute;
    left: 10%;
    z-index: 99;
}
@media (min-width: 1200px) and (max-width:1439px) {
    .honor-7 .pd-top11 h3 {
        font-size: 28px;
    }
    .honor-7 .wite-top-1 h3 {
        font-size: 28px;
    }

    .honor-6-text-last {
        width: 100%;
        position: relative;
        left: 0%;
        z-index: 99;
        padding: 0 10%;
        text-align: center;

    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .bannerfons-text h2 {
        font-size: 90px;
        margin: 0;
    }
    .honor-6-text-last {
        width: 90%;
        margin-top: 9%;
        position: relative;
        left: 10%;
        z-index: 99;

    }
    .honor-7 .pd-top11 h3 {
        font-family: "bignoodletitlingregular";
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    .honor-7 .wite-top-1 h3 {
        font-size: 28px;
    }
    .we h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    .we p {
        line-height: 125%;
        font-size: 14px;
    }
    .prizes__quadro-block .prizes__item {
        font-size: 2rem;
    }
    .bannerfons-text h3 {
        font-size: 38px;
    }
    .honor-club .formblock {
        padding: 5rem 2rem 5rem;
    }
    .text-font h1 {
        text-align: center;
        width: 100%;
        font-size: 4rem;
        font-size: 40px;
        line-height: 5rem;
        line-height: 40px;
        font-weight: 500;
        margin: 0 auto;
        font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
    }

}
@media (max-width: 991px) and (min-width: 768px) {
    .bannerfons-text h2 {
        font-size: 90px;
        margin: 0;
    }
    .honor-6-text-last {
        width: 90%;
        margin-top: 9%;
        position: relative;
        left: 10%;
        z-index: 99;

    }
    .honor-7 .wite-top-1 h3 {
        font-size: 28px;
    }
    .goldenticket .bannerfons-text h2 {
        font-size: 32px;
    }
    .we h3 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    .we p {
        line-height: 125%;
        font-size: 14px;
    }
    .prizes__quadro-block .prizes__item {
        font-size: 1rem;
    }
    .honor-club .formblock {
        padding: 5rem 2rem 5rem;
    }
    .bannerfons-text h3 {
        font-size: 38px;
    }
    .text-font h1 {
        font-size: 4rem;
        font-size: 40px;
        line-height: 5rem;
        line-height: 40px;
        font-weight: 500;
        margin: 0 auto;
    }
    .text2 .party__text {
        font-size: 16px;
    }
    .honor-6-text-last {
        width: 70%;
        margin-top: 9%;
        position: relative;
        left: 10%;
    }
}

@media (max-width: 767px) {
    .privacy-policy-txt-top {
        padding-top: 50px !important;
    }
    .container-1 {
        margin: 0;
    }
    .we-shopping-icon-bottom {
        cursor: pointer;
        display: inline-block;
        width: 200px;
        height: 42px;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 45px;
        position: relative;
        text-align: center;
        color: #fff;
        top: 0px;
        background: none;
        border: 1px solid #00b2e6;
    }
    .honor-6-text-3 {
        text-align: left;
        margin-top: 7%;
        position: relative;
        z-index: 2;
        color: #fff;
        padding: 0 2%;
        width: 100%;
        color: #333;
        left: 0;
    }

    .product-banner-text {
        top: 20% !important;
        left: 40%;
        right: auto;
    }
    .honor-6-text-3 h3 {
        color: #333 !important;
    }
    .prizes__quadro-block .prizes__item {
        font-size: 3.0rem;
        font-size: 26px;
        line-height: 2.8rem;
        line-height: 48px;
        margin: 0 auto;
        font-weight: 300;
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 1rem;
        padding-top: 90px;
        color: white;
        display: inline-block;
        padding: 0 10px;
        height: 107px;
    }
    .btn-we-block .btn-group>.btn, .btn-group-vertical>.btn {
        width: 160px;
        height: 38px;
    }
    .goldenticket .splash__hashtag {
        font-size: 2rem;
        font-size: 36px;
        margin-top: 14px;
    }
    .btn-we-block .btn-group>.btn, .btn-group-vertical>.btn a {
        font-size: 18px;
        line-height: 18px;
    }
    .btn-we-block .btn-group>.btn a, .btn-group-vertical>.btn a {
        font-size: 18px;
        color: #fff;
        font-family: "bignoodletitlingregular";
        line-height: 31px;
    }
    .we-video-icon-6 {
        min-width: auto;
        width: auto;
        height: 35px;
        background-color: none;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 40px;
        position: relative;
        text-align: center;
    }
    .btn-we-block-6 {
        width: auto;
        padding: 0 10px;
        height: 35px;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 35px;
        position: relative;
        text-align: center;
    }
    .btn-we-block-6 .btn-default {
        top: 0px;
        width: 160px;
        height: 35px;
        background-color: #FFF;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 24px;
        position: relative;
        line-height: 18px;
    }
    .btn-we-block-4x .btn-default {
        width: 160px;
        height: 35px;
        background-color: #FFF;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        position: relative;
        line-height: 18px;
    }
    .btn-we-block-6 .btn-default a {
        font-size: 18px;
    }
    .btn-we-block-6plus .btn-group>.btn, .btn-group-vertical>.btn {
        position: relative;
        float: left;
        width: 127px;
        height: 32px;
        background-color: #06aae7;
        border: 2px #ffffff solid;
        color: #fff;
        border-radius: 10px;
        top: 0px;
        font-family: "bignoodletitlingregular";
        line-height: 28px;
    }
    .btn-we-block-6plus {
        display: inline-block;
        position: relative;
    }
    .banner-btns-honor6plus .banner-btnvideo>a {
        padding-left: 0;
        padding-right: 0;
        display: inherit;
        margin-bottom: 5px;

    }
    .btn-we-block-6plus .btn-group>.btn a, .btn-group-vertical>.btn a {
        line-height: 18px;
        font-size: 16px;
    }
    .we-video-icon {
        width: 127px;
        height: 32px;
        border-radius: 10px;
        font-size: 15px;
        line-height: 31px;
    }
    .goldenticket-text5{
        padding: 15px;
    }
    .prizes__quadro-block .prizes__item {
        font-size: 2rem;
    }
    .twitter-block {
        padding: 15px;
    }
    .honor-club .formblock {
        padding: 5rem 2rem 5rem;
    }
    .bannerfons-text h2 {
        font-size: 60px;
        margin: 0;
    }
    .bannerfons-text h3 {
        font-size: 28px;
    }
    .text-font h1 {
        font-size: 2rem;
        font-size: 40px;
        line-height: 2rem;
        line-height: 40px;
        font-weight: 500;
    }
    .text2 .party__text {
        font-size: 16px;
    }
    .goldenticket .bannerfons-text h3 {
        font-size: 20px;
    }
    .goldenticket .bannerfons-text h2 {
        font-size: 18px;
    }
    .goldenticket .facebook__header {
        font-size: 1em;
    }
    .goldenticket .splash__buttons-container {
        margin-top: 1rem;
        margin-top: 11px;
    }
    blockquote {
        font-size: 18.5px;
    }
    .goldenticket-text3 {
        padding: 5px;
    }
    .twitter-block .twitter__header {
        font-size: 2rem;
    }
    p.twitter__text {
        font-size: 14px;
    }
    .prizes__subtitle {
        font-size: 2rem;
    }
    .prizes__title {
        font-size: 2rem;
    }
    .list--horizontal .list__item {
        margin: 50px 20px;
    }
    .honor-run .text2 h1 {
        margin: 46px 0 50px 0;
        font-size: 22px;
    }
    .prizes__star-image {
        width: 46%;
    }
    #goldenticket-text5-img {
        width: 60%;
    }
    .prizes__quadro-block {
        padding-bottom: 0;
    }
    .prizes__quadro-block .prizes__item {
        font-size: 2rem;
        line-height: 0rem;
        line-height: 20px;

    }
    .honor-club .club-text1 {
        left: 0;
        position: relative;
        margin: 10px 0 0 0;
        padding: 10px;
    }
    .honor-club .text-font h1 {
        font-size: 3rem;
        line-height:1em;
    }
    .honor-club .text-font h2 {
        font-size: 2rem;
        margin-top: 10px;
    }
    .honor-club .infoblock__membership-cards {
        width: 100%;
    }
    .honor-club .honor-club-infoblock {
        padding-left: 0;
    }
    .honor-club .formblock {
        padding: 0;
    }
    .honor-club .formblock .formblock__container {
        width: 100%;
    }
    .honor-club .formblock .formblock__subheader {
        text-align: left;
    }
    .honor-club .formblock .formblock__subheader--bottom {
        font-size: 3rem;
    }
    .honor-club .formblock__header {
        font-size: 2rem;
        font-size: 46px;
        line-height: 6rem;
        line-height: 40px;
    }
    .honor-club .text-font h3 {
        margin: 10px 0 0 0;
        font-size: 3rem;
    }
    .text3 {
        margin: 10px;
    }
    #club-form {
        margin-top: 0rem;
        margin-top: 30px;
    }
    .honor-club .formblock .formblock__subheader--bottom {

        margin-top: 2rem;
    }
    .we h3 {
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    .we p {
        line-height: 125%;
        font-size: 12px;
    }
    .accessories-pic-bg {
        display: none;
    }
    .honor-club .formblock__container--right {
        margin-bottom: 35px;
    }
    .honor-compare-h1 {
        font-size: 2em;
        margin-top: 0;
    }
    .honor-club .summary__item__text {
        margin: 0.2rem 0 0.2rem 0;
        font-size: 14px;
    }
    .club-form__submit {
        font-size: 1.5rem;
        font-size: 26px;
        line-height: 4.0rem;
        line-height: 40px;
    }
    #top-banner .bx-pager {
        bottom: 11px;
    }
    .honor-6-text-1 {
        width: 100%;
        margin-top: 10%;
        margin-left: 0;
    }
    .honor-6-text-last {
        width: 96%;
        margin-top: 0;
        position: relative;
        left: 3%;
    }
    .honor-6-text-1-bg {
        margin: 2%;
    }
    .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
        margin: 10px 0 10px auto;
        text-align: center;
    }
    .honor-6-text-4 {
        text-align: left;
        z-index: 2;
        color: #333;
        padding: 0 1%;
        width: 100%;
        margin-top: 10%;
    }
    .honor-7 .bg-textbox p {
        line-height: 125%;
        font-size: 14px;
    }
    .honor-7 .pd-top11 h3 {
        font-size: 20px;
    }
    .honor-7 .pd-top11 p {
        font-size: 14px;
        line-height: 125%;
    }
    .honor-7 .wite-top-1 h3 {
        font-size: 20px;

    }
    .honor-7 .wite-top-1 p {
        font-size: 14px;
        line-height: 125%;
    }
    .honor-accessories-text1 p {
        font-size: 14px;
        line-height: 125%;
        padding: 0 0%;
        font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    }
    .honor-accessories-text1 {
        margin-top: 10%;
        margin: 0;
    }
    #page-products-accessories #headphones {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        font-size: 0;
    }
    .product__paragraph {
        font-size: 14px !important;
        margin: 1.5rem auto !important;
        width: 100% !important;
    }
    .list--horizontal .list__item {
        margin: 10px 0px !important;
    }
    #page-products-accessories #flipcover {

        padding-top: 0rem;
    }
    .page-brand .videos-section .video-item-c .desc .quote-txt {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
    }
    .text-font p {
        font-size: 1.5rem;
        font-size: 16px;
        margin-bottom: 1rem;
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }
    .text1 {
        padding: 22px 0;
    }
    .summary__item--header {
        font-weight: bold;
        margin-top: 2px;
    }
    .summary__item__text {
        margin: 0;
        margin: 7px 0 7px 0;
    }
    .product__header {
        font-size: 34px !important;
        font-weight: 500 !important;
        font-family: bignoodletitling,Impact,Charcoal,sans-serif;
        text-transform: uppercase;
        margin: 1.5rem auto;
    }
    #page-products-accessories #case {
        padding-top: 0rem;
        text-align: center;
    }
    .btn-we-block{
        margin-left: inherit;
        text-align: center;

    }
    .btn-we-block-6 a {
        padding-top: 0px;
    }
    .btn-we-block-4x {
        width: 160px;
        height: 35px;
        background-color: #FFF;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 18px;
        line-height: 35px;
        position: relative;
        text-align: center;
    }
    .we-shopping-icon-white {
        width: 127px;
        height: 32px;
        border-radius: 10px;
        font-size: 15px;
        line-height: 31px;
        top: 0px;
    }
    .we-shopping-icon-white-7 {
        width: auto;
        height: 32px;
        border-radius: 10px;
        font-size: 15px;
        line-height: 31px;
        top: 5px;
        margin-left: 0;
    }
    .we-video-icon-6 {
        font-size: 18px;
        line-height: 35px;
        padding: 0 10px;
        min-width: 120px;

    }
    .we-video-icon-6-white .jsshop-01{
        width: auto;
        height: auto;
        padding-top: 0 !important ;
        padding-bottom:0 !important;
    }

}

.privacy-policy-txt-right{
    text-align: right;
    font-size: 16px;
    margin-top: 20px;
}
.privacy-policy-txt p{
    line-height: 1.5em;
    font-size: 16px;
    color: #666;
}
.privacy-policy-txt-top{
    padding-top: 200px;
}
.we-video-icon-6-white .jsshop-01 {
    width: auto;
    height: auto;
    vertical-align: middle;
    padding-top: 0;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1366px) and (min-width: 768px) {
    .banner-btnvideo a.we-video-icon-6:hover, .banner-btnvideo a.we-video-icon-6:focus {
        color: #01b4e1;
        margin-top: 5px;
    }
    .honor5x-logo-vector a img {
        display: inline-block;
        max-width: 90px;
    }
    .btn-we-block-6 {
        display: inline-block;
        width: auto;
        height: 35px;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 20px;
        line-height: 35px;
        padding: 0 10px;
        position: relative;
        text-align: center;
        padding-top: 0.1em;
        vertical-align: middle;
    }
    .we-video-icon-6 {
        height: 35px;
        border: 2px #01b4e1 solid;
        border-radius: 10px;
        font-family: "bignoodletitlingregular";
        font-size: 20px;
        line-height: 35px;
        position: relative;
        text-align: center;
        padding-top: 0.1em;
        vertical-align: middle;
        cursor: pointer;
        display: inline-block;
        color: #3bafe0;
        min-width: 0;
    }
}
/*smc start*/
.text-white{color:#fff;}
.text-13204d{color:#13204d}
.clearfix{clear: both;}
.mb-10{margin-bottom:10px;}
.smc-page{}
.smc-page h1{font-size: 90px;font-family: "bignoodletitlingregular";}
.smc-page h3{font-size: 70px;font-family: "bignoodletitlingregular";}
.smc-page p{font-size: 28px;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;line-height: 150%;}



.smc-page .wite-top>img{margin-top: -5%;}

.smc-page .side-wrap{position: relative;}
.smc-page .side-wrap .side-pa{position: absolute;top:0;left:0;width:100%;height:100%;padding:80px;/*background: url("/global/wp-content/themes/honor/images/smc/side-bg.jpg")*/}
.smc-page .side-wrap .side-pa>img:first-child{display: inline-block;vertical-align: top;margin-top: -5px;margin-right: 50px;}
.smc-page .side-wrap .side-pa>img:first-child+h3{display: inline-block;vertical-align: text-top}
.smc-page .side-wrap .side-pa>img:first-child+h3 a{color:#fff}
.smc-page .side-wrap .side-pa>img:first-child+h3 a:hover{text-decoration: underline;}
.smc-page .side-wrap .side-pa p{margin-bottom:45px;}

@media (max-width:1439px) {
    .smc-page h1{font-size: 60px;}
    .smc-page h3{font-size: 40px;}
    .smc-page p{font-size: 20px;}
    .smc-page .side-wrap .side-pa>img:first-child{width:90px;}
    .smc-page .side-wrap .side-pa p{margin-bottom:30px;}
}
@media (max-width:1199px) {
    .smc-page h1{font-size: 40px;}
    .smc-page h3{font-size: 23px;}
    .smc-page p{font-size: 16px;}
    .smc-page .side-wrap .side-pa{padding:30px;}
    .smc-page .side-wrap .side-pa>img:first-child{width:55px;}
    .smc-page .side-wrap .side-pa p{margin-bottom:10px;}
}
@media (max-width:767px) {
    .smc-page .side-wrap .side-pa{padding:20px 10px;}
    .smc-page .side-wrap .side-pa>img:first-child{margin-right: 25px;}
    .smc-page .side-wrap .side-pa p{margin-bottom:10px;}
}




/*smc end*/


/*drstrange start*/
/*默认版本*/
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.fs16{font-size:16px;line-height: 175%;}
.fcf6f6f6{color:#f6f6f6;}
.fc343434{color:#343434;}
.fs18{font-size:18px;line-height: 175%;}
.inline-block{display: inline-block;}
.align{letter-spacing: -0.315em;}
.responsivegrid .align>*{letter-spacing: normal;float:none!important;display: inline-block;}
.drstrange-page{}
.drstrange-page#main{overflow: visible;}
.drstrange-page h3{font-size: 26px;}
.drstrange-page p{font-size: 16px;line-height: 175%;}

@media (min-width:768px) {
    .drstrange-page .section-1 .swiper-step .swiper-slide:first-child>a>img:hover{
        animation-name:shake-rotate;
        -webkit-animation-name:shake-rotate;
        -moz-animation-name:shake-rotate;
        animation-duration:1s;
        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
    }
}

.drstrange-page .section-2{position: relative;}
.drstrange-page .section-2 .phone{position: absolute;top:10%;left:8%;width:18%;}
.drstrange-page .section-2 .phone:hover{
    animation-name:shake-rotate;
    -webkit-animation-name:shake-rotate;
    -moz-animation-name:shake-rotate;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
}
.drstrange-page .section-2 .text h1{font-size: 65px;line-height: 135%;}
.drstrange-page .section-2 .text h1+div{font-size: 18px;line-height: 135%;}
.drstrange-page .section-2 .text{position: absolute;top:70%;left:9%;width:50%;color:#fff;}
.drstrange-page .section-2 .text .bottom-buy{display:block;color:#fff;width:250px;background: #01b4e1;padding:15px 10px;margin-top:20px;text-align: center;border-radius: 25px;font-size: 20px;}
.drstrange-page .section-2 .style-1{position: absolute;top:6%;left:27%;color:#fff;}
.drstrange-page .section-2 .style-2{position: absolute;top:16%;left:27%;color:#fff;}
.drstrange-page .section-2 .style-1>*,
.drstrange-page .section-2 .style-2>*{display: inline-block;vertical-align: top;}
.drstrange-page .section-2 .off{position: absolute;top:36%;left:27%;width:20%;color:#fff;}
.drstrange-page .section-2 .off:hover{
    animation-name:shake-rotate;
    -webkit-animation-name:shake-rotate;
    -moz-animation-name:shake-rotate;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
}
@media (min-width: 768px) {
    .drstrange-page .swiper-slide{width: 33.33333333%;padding: 0!important;}
}

.drstrange-page .section-3{background: url("/content/dam/honor/global/other/common/img/orange_big.png") top center no-repeat;}
.drstrange-page .section-3>div>div.mb-30{margin-top:110px;}
.drstrange-page .section-3 .list-wrap{width:441px;display: inline-block;}
.drstrange-page .section-3 .list-wrap>img:hover{
    animation-name:shake-rotate;
    -webkit-animation-name:shake-rotate;
    -moz-animation-name:shake-rotate;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
}
.drstrange-page .section-3 .text{color:#07156d;}
.drstrange-page .section-3 .text h2{margin-top:15px;line-height: 135%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.drstrange-page .section-3 .text h2+div{font-size: 18px;line-height: 135%;}
.drstrange-page .section-3 .text .button-buy{display:block;color:#fff;width:200px;background: #01b4e1;padding:15px 10px;margin-top:20px;text-align: center;border-radius: 25px;font-size: 20px;}
.drstrange-page .section-3 .buy-title{margin-top:50px;margin-bottom:30px;}
.drstrange-page .section-3 .buy-title h1{font-family: "bignoodletitlingregular";border-bottom:1px solid #dcdcdc;font-size:65px;}

.drstrange-page .section-4 .change-content{display: inline-block;margin-top:40px;margin-bottom:60px;}
.drstrange-page .section-4 .change-content>.dropdown>a{padding:30px 0;border:1px solid #999;display: inline-block;font-size:18px;color:#555;width: 400px;}
.drstrange-page .section-4 .change-content>.dropdown .fa-caret-down{margin-left:40px;}
.drstrange-page .section-4 .change-content>.dropdown.open .fa-caret-down:before{content: "\f0d8";}
.drstrange-page .section-4 .change-content>.dropdown .dropdown-menu li{border-bottom: 1px solid #ebebeb;}
.drstrange-page .section-4 .change-content>.dropdown .dropdown-menu li:last-child{border-bottom:none;}
.drstrange-page .section-4 .change-content>.dropdown .dropdown-menu li a{padding:15px}
.drstrange-page #selectDr .modal-title{text-align: center;padding:0 30px;font-family: "Open Sans";font-weight: bold;line-height: 110%;padding-top: 5px;padding-bottom: 5px;}
.drstrange-page #selectDr .modal-body{background: url(https://www.hihonor.com/global/wp-content/uploads/2016/09/Popup_bg.png) top center no-repeat;padding-top:40px;}
.drstrange-page #selectDr .modal-body h3{text-align: center;line-height: 250%;font-family: "Open Sans";font-weight: bold;}
.drstrange-page #selectDr .modal-body h3 a{color:#000;}
.drstrange-page #selectDr .modal-body h3 a:hover{text-decoration: underline;}
.drstrange-page #remember .modal-dialog{max-width: 459px;max-height: 168px;margin-top: 13%;}
.drstrange-page #remember .modal-header{border-bottom: none;}
.drstrange-page #remember .modal-body{text-align: center;font-size: 20px;color: #222223;padding-top: 45px;font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
.drstrange-page #remember .modal-body h3{font-family: "Open Sans";}
.drstrange-page #remember .modal-footer{border-top: none;margin: 35px 0;text-align: center;}
.drstrange-page #remember .modal-footer .btn-no{border: 1px solid #00b2e6;border-radius: 14px;width: 76px;height: 28px;background: #fff;color: #00b2e6;font-size: 14px;line-height: 22px;margin-right: 35px;}
.drstrange-page #remember .modal-footer .btn-YES{border: 1px solid #00b2e6;border-radius: 14px;width: 76px;height: 28px;background: #00b2e6;color: #FFF;font-size: 14px;line-height: 22px;}

.drstrange-page #buy1 .modal-header{border-bottom: none;}
.drstrange-page #buy1 h3{font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";line-height: 40px;}
.drstrange-page #buy1 .content-top-ico{padding: 20px 0;}
.drstrange-page #buy2 .modal-header{border-bottom: none;}
.drstrange-page #buy2 h3{font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";line-height: 40px;}
.drstrange-page #buy2 .content-top-ico{padding: 20px 0;}
.drstrange-page #buy3 .modal-header{border-bottom: none;}
.drstrange-page #buy3 h3{font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";line-height: 40px;}
.drstrange-page #buy3 .content-top-ico{padding: 20px 0;}
@media (max-width:1199px) {
    .drstrange-page h2{font-size:24px;}
    .drstrange-page h3{font-size: 20px;}
    .drstrange-page p{font-size: 14px;}
    .drstrange-page .section-2 .off{top:42%;width:17%;}
    .drstrange-page .section-2 .text h1{font-size: 34px;}
    .drstrange-page .section-2 .text h1+div{font-size: 14px;}
    .drstrange-page .section-2 .text .bottom-buy{font-size: 18px;}

    .drstrange-page .section-3{background-size: cover;}
    .drstrange-page .section-3 .list-wrap{width:350px;}
    .drstrange-page .section-3 .text h2+div{font-size: 16px;}
    .drstrange-page .section-3 .text .button-buy{font-size: 16px;}
}

@media (max-width:767px) {
    .drstrange-page .section-1 .swiper-step{margin-left:0;margin-right:0;position: relative;overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;}
    .drstrange-page .section-2 .phone{top: 32%;width: 41%;}
    .drstrange-page .section-2 .text{top: 73%;width: auto;}
    .drstrange-page .section-2 .off{top: 11%;width: 38%;left: 10%;}
    .drstrange-page .section-2 .style-1{position: absolute;top:30%;left:50%;color:#fff;}
    .drstrange-page .section-2 .style-2{position: absolute;top:46%;left:50%;color:#fff;}
    .drstrange-page .section-2 .style-1 ul,
    .drstrange-page .section-2 .style-2 ul{
        margin-top: -35px;
        margin-left: 18px;
    }

    .drstrange-page .section-3{background-size: 250%;}
    .drstrange-page .section-3>div>div.mb-30{margin-top: 30px;}
    .drstrange-page .section-3 .text h2{color:#07156d;text-align:center;margin:15px 0 0;}
    .drstrange-page .section-3 .list-wrap{width:80%}
    .drstrange-page .section-3 .list-wrap .text-left{text-align: center;}
    .drstrange-page .section-3 .buy-title{margin-bottom:0;}
    .drstrange-page .section-3 .buy-title h1{font-size: 50px;}
    .drstrange-page .section-3 .text .button-buy{margin-left:auto;margin-right:auto;width:auto;}

    .drstrange-page .section-4 .mt-40{margin-top:0;}
    .drstrange-page .section-4 .change-content>.dropdown>a{padding:20px 0;width: 250px;}
    .drstrange-page .section-4 .align .col-xs-12{padding-bottom: 17px;padding-top: 25px;border-bottom: 1px solid #dcdcdc;}
    .drstrange-page #selectDr h3 .js-country{font-size: 14px;}
    .drstrange-page #selectDr .modal-body{padding-top: 15px;}
    .drstrange-page #remember .modal-dialog{margin-top: 50%;}
}


@keyframes shake-rotate {
    0%, 100% {transform: rotate(0deg);}
    10%, 30%, 50%, 70%, 90% {transform: rotate(5.5deg);}
    20%, 40%, 60%, 80% {transform: rotate(-3.5deg);}
}
@-webkit-keyframes shake-rotate {
    0%, 100% {-webkit-transform: rotate(0deg);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: rotate(5.5deg);}
    20%, 40%, 60%, 80% {-webkit-transform: rotate(-3.5deg);}
}
@-ms-keyframes shake-rotate {
    0%, 100% {-ms-transform: rotate(0deg);}
    10%, 30%, 50%, 70%, 90% {-ms-transform: rotate(5.5deg);}
    20%, 40%, 60%, 80% {-ms-transform: rotate(-3.5deg);}
}

/*blue版本*/
.drstrange-page.blue{}
.drstrange-page.blue .section-2 .phone{left:41%;}
.drstrange-page.blue .section-2 .off{top: 23%;left: 17%;}
.drstrange-page.blue .section-2 .style-1{top: 14%;left: 62%;width: 35%;}
.drstrange-page.blue .section-2 .style-2{top: 40%;left: 62%;width: 35%;}
.drstrange-page.blue .section-2 .style-1>ul,
.drstrange-page.blue .section-2 .style-2>ul{color:#00ffff;}
.drstrange-page.blue .section-2 .style-1>ul>li:first-child,
.drstrange-page.blue .section-2 .style-2>ul>li:first-child{list-style: disc;}
.drstrange-page.blue .section-2 .text{text-align: center;left: 0;width: 100%;}
.drstrange-page.blue .section-2 .text .bottom-buy{margin-left:auto;margin-right:auto;background:#ff0054;}

.drstrange-page.blue .section-3{background: url(/content/dam/honor/global/other/common/img/orange_big_blue.png) top center no-repeat;}
.drstrange-page.blue .section-3 .text .button-buy{background: #ff0054;}
@media (max-width:767px){
    .drstrange-page.blue .section-2 .phone{left: 51%;top: 8%;}
    .drstrange-page.blue .section-2 .off{top: 10%;left: 9%;}
    .drstrange-page.blue .section-2 .style-1{top: 48%;left: 6%;width: 44%;}
    .drstrange-page.blue .section-2 .style-2{top: 61%;left: 6%;width: 87%;}
    .drstrange-page.blue .section-2 .text{top: 71%;}
}

/*red版本*/
.drstrange-page.red{}
.drstrange-page.red .section-2 .phone{left:41%;}
.drstrange-page.red .section-2 .off{top: 23%;left: 17%;}
.drstrange-page.red .section-2 .style-1{top: 14%;left: 62%;width: 35%;}
.drstrange-page.red .section-2 .style-2{top: 40%;left: 62%;width: 35%;}
.drstrange-page.red .section-2 .style-1>ul,
.drstrange-page.red .section-2 .style-2>ul{color:#ff0054;}
.drstrange-page.red .section-2 .style-1>ul>li:first-child,
.drstrange-page.red .section-2 .style-2>ul>li:first-child{list-style: disc;}
.drstrange-page.red .section-2 .text{text-align: center;left: 0;width: 100%;}
.drstrange-page.red .section-2 .text .bottom-buy{margin-left:auto;margin-right:auto;}

.drstrange-page.red .section-3{background: url(/content/dam/honor/global/other/common/img/orange_big_red.png) top center no-repeat;}
.drstrange-page.red .section-3 .text .button-buy{}
@media (max-width:767px){
    .drstrange-page.red .section-2 .phone{left: 51%;top: 8%;}
    .drstrange-page.red .section-2 .off{top: 10%;left: 9%;}
    .drstrange-page.red .section-2 .style-1{top: 48%;left: 6%;width: 44%;}
    .drstrange-page.red .section-2 .style-2{top: 61%;left: 6%;width: 87%;}
    .drstrange-page.red .section-2 .text{top: 71%;}
}
/*drstrange end*/

/*西欧注册表单*/
.honor-sign-up{ background: #fff; color: #000; padding: 50px 0; text-align: left;}
.honor-sign-up .container{ max-width: 100%;}
.honor-sign-up h3{ font-family: "bignoodletitlingregular"; font-size: 36px; text-align: center;}
.honor-sign-up h4{ font-size: 16px; text-align: center; padding-bottom: 20px; color: #333;}
.honor-sign-up #form1>div>div{ margin-bottom:20px;}
.honor-sign-up .wrapper-dropdown-3{ position: relative; background: #fafafa; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(50,50,50,0.1); cursor: pointer; outline: none; color: #333; padding: 20px 10px;}
.honor-sign-up .wrapper-dropdown-3 .dropdown{ position: absolute; top: 100%; left: 0; right: 0; background: white; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; list-style: none; pointer-events: none; display: none;}
.honor-sign-up .show-text{ font-size: 14px; color: #ed1b24; padding: 10px 0; display:none;}
.honor-sign-up .form-control{ height: 62px; background: #fafafa; border-radius: 0; line-height: 28px;}
.honor-sign-up .btn{ display: inline-block; width: 200px; height: 48px; line-height: 40px; background: none; border: 2px #0077b0 solid; border-radius: 10px; font-family: "bignoodletitlingregular"; font-size: 24px; position: relative; vertical-align: middle; text-align: center; top: 0px; color: #0077b0; vertical-align: middle;}
.honor-sign-up .btn-box{ padding: 40px 0; text-align: center;}
.honor-sign-up .wrapper-dropdown-3.active .dropdown{ display: block; pointer-events: auto; z-index: 9999; background: #fafafa;}
.honor-sign-up .main .wrapper-demo img{ padding: 0 5px 5px 0; width: auto;}
.honor-sign-up .wrapper-dropdown-3 .dropdown li a { display: block; padding: 10px; text-decoration: none; color: #333; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.honor-sign-up .wrapper-dropdown-3 .dropdown li:hover a{ background: #f3f8f8;}
.honor-sign-up .wrapper-dropdown-3:after { content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #8aa8bd transparent;}
.honor-sign-up .form1{ font-size: 30px; text-align: center; margin-bottom: 0; text-align: center;}
.honor-sign-up .retry{ text-decoration: underline; color: #8a6d3b; font-weight: 700;}
.honor-sign-up .error{ border-color: #ed1b24;}
.honor9-sign-up h2{ text-align: center; color: #00b2e6; font: 400 96px "bignoodletitlingregular";}
.honor9-sign-up{ padding: 120px 0; color: #000; text-align: center; font-size: 18px;}
.honor9-sign-up .honor-sign-up{ text-align: left; padding: 40px 0;}
.honor9-sign-up input[type="text"], .honor9-sign-up .wrapper-dropdown-3{ height: 60px !important;; line-height: 60px !important;; width: 100%; padding: 0 20px; width: 100%; border: 2px solid #00b2e6 !important; background-color: #fff !important; padding: 0 20px !important;}
.honor9-sign-up .honor-sign-up .wrapper-dropdown-3 .dropdown li a{ line-height: 40px;}
.honor9-sign-up .checkBox{ position: relative;}
.honor9-sign-up .checkBox label{ padding-left: 30px; width: 100%;}
.honor9-sign-up .checkBox input{ position: absolute; top: 0; left: 0;}
.honor9-sign-up .we-honor5x{ padding: 40px 0;}
.honor9-sign-up .we-honor5x .banner-btnstyle{ color: #00b2e6; border-color: #00b2e6; padding: 0 20px; min-width:200px; width:auto;}
.honor9-sign-up .show-text{ text-align: left;}
.honor9-sign-up input[type="text"].error{ border-color: #ed1b24 !important;}
@media (max-width: 1024px){
    .honor9-sign-up h2{ font-size: 72px;}
    .honor9-sign-up h2 img{ max-height: 70px;}
    .honor9-sign-up{ font-size: 16px; padding: 100px 0;}
}
@media (max-width: 768px){
    .honor9-sign-up{ padding: 60px 0;}
}
@media (max-width: 640px){
    .honor9-sign-up h2{ font-size: 48px;}
    .honor9-sign-up h2 img{ max-height: 48px;}
    .honor9-sign-up .col-sm-6:first-child{ padding-bottom: 10px;}
    .honor9-sign-up{ padding: 50px 0;}
}
@media (max-width: 320px){
    .honor9-sign-up h2{ font-size: 36px;}
    .honor9-sign-up h2 img{ max-height: 36px;}
}/* CSS Document */
/* boostrap difference edition and (no main.css difference) */
#main{position:relative; width:100%; overflow:hidden;}
.honor-nav .container {width: 100%!important; max-width:1200px; max-width:1170px;}
.mobile-navbox .container,.header-box .container,.honor-footbox .container{padding-left: 15px; padding-right: 15px;}
html,body{margin: 0; padding: 0;}
ul{list-style-type: none; margin: 0; padding: 0;}
body{position: relative; font-family: "Open Sans", "Century Gothic", Arial, CenturyGothic, AppleGothic, sans-serif; font-size: 16px; line-height: 24px;}
.open-sans,.header-box .subnav-item h3{font-family: "Open Sans", "Century Gothic", Arial, CenturyGothic, AppleGothic, sans-serif;}
.mobile-navbox .row, .header-box .row,.honor-footbox .row {margin-left: -15px; margin-right: -15px;}
.mobile-navbox .row div[class*="col"],.header-box .row div[class*="col"],.honor-footbox .row div[class*="col"] {padding-left: 15px; padding-right: 15px;}
*:focus{outline:none;}
.mobile-navbox a,.header-box a,.honor-footbox a{text-decoration: none; color: #333;}
.mobile-navbox a:hover,.mobile-navbox a.blue,.header-box a:hover,.header-box a.blue,.honor-footbox a:hover,.honor-footbox a.blue{text-decoration: none; color: #01b4e1;}
.mobile-navbox a:visited,.header-box a:visited,.honor-footbox a:visited{text-decoration: none;}
.mobile-navbox h1,.header-box h1,.honor-footbox h1{font-size: 36px; line-height: 48px; margin-top: 0;}
.mobile-navbox h1.center,.header-box h1.center,.honor-footbox h1.center{margin-bottom: 10px;}
.mobile-navbox h2,.header-box h2,.honor-footbox h2{font-size: 22px; letter-spacing: 1px; line-height: 30px;}
.mobile-navbox h2.title,.header-box h2.title,.honor-footbox h2.title{font-size: 36px; text-align: center;}
.mobile-navbox h3,.font18,.header-box h3,.honor-footbox h3{font-size: 18px; line-height:26px;}
.mobile-navbox h3.Subtitle,.header-box h3.Subtitle,.honor-footbox h3.Subtitle{font-size: 14px; color: #999;}
.mobile-navbox h4,.header-box h4,.honor-footbox h4{font-size: 16px;}
.mobile-navbox h6,.header-box h6,.honor-footbox h6{margin-top: 24px;}
@media(max-width: 767px){
.mobile-navbox h1,.header-box h1,.honor-footbox h1{font-size: 24px; line-height: 1.4; margin-top: 0;}
.mobile-navbox h1.center,.header-box h1.center,.honor-footbox h1.center{margin-bottom: 10px;}
.mobile-navbox h2,.header-box h2,.honor-footbox h2{font-size: 18px; letter-spacing: 1px; line-height: 1.4;}
.mobile-navbox h2.title,.header-box h2.title,.honor-footbox h2.title{font-size: 24px; text-align: center;}
.mobile-navbox h3,.font18,.header-box h3,.honor-footbox h3{font-size: 16px; line-height:1.em;}
.mobile-navbox h3.Subtitle,.header-box h3.Subtitle,.honor-footbox h3.Subtitle{font-size: 14px; color: #999;line-height:1em;}
.mobile-navbox h4,.header-box h4,.honor-footbox h4{font-size: 16px;}
}
.header-box a.honor-loginbtn{color:#fff;}
.center{text-align: center;}
.mobile-navbox h1, .header-box h1, .honor-footbox h1, .mobile-navbox h2, .header-box h2 .honor-footbox h2, .mobile-navbox h3, .header-box h3, .honor-footbox h3, .mobile-navbox h4, .header-box h4, .honor-footbox h4, .mobile-navbox h5, .header-box h5, .honor-footbox h5, .mobile-navbox h6, .header-box h6, .honor-footbox h6, .font-arial{font-weight: bold; font-family: Arial, CenturyGothic, AppleGothic, sans-serif; margin: 0;}
.img-full{width:100%;}
/* main nav */
.honor-nav{ position:relative; height:69px; border-bottom:1px solid #f3f3f3; font-size:18px;}
.honor-nav>.container>.row{letter-spacing:-0.315em;}
.honor-nav>.container>.row>div[class*="col"]{letter-spacing: normal; display:inline-block; vertical-align:middle; float:none;}
.honor-logo img{max-width:100%;}
.navwrap{height:70px; width:100%; letter-spacing:-0.315em;}
.navwrap li{display:inline-block; vertical-align:middle; letter-spacing: normal;}
/*navAndSearch*/
.navwrap .navAndSearch{width: 75%;height:70px;line-height: 70px;}
/*nav-list*/
.navwrap .nav-list{width: 100%;height:70px;}
.navwrap .nav-search{width: 25%;}
.nav-list a{height:70px; display: inline-block; position:relative; overflow:hidden; margin-left:80px; line-height:70px; color:#999; text-decoration:none;}
.nav-list a:first-child,.nav-search a:first-child{ margin-left:0;}
.nav-list a .nav-line{border-bottom:2px solid #01b4e1; display:block; margin-top:-3px; margin-left:auto; margin-right:auto; width:0;
-webkit-transition: width 450ms ease-out;
-moz-transition: width 450ms ease-out;
-ms-transition: width 450ms ease-out;
transition: width 450ms ease-out;}
.nav-list a:hover .nav-line,.nav-list a.active .nav-line{ width:100%;}
/*.nav-list a:hover{color:#01b4e1; border-bottom-width:2px; border-color:#01b4e1;}*/
.nav-search a{display:inline-block; vertical-align:middle; margin-left:30px;}
.nav-search a i,.navsearch-item li i,.mobile-search-menu .nav-vmall-icon,.mobile-search-menu .nav-user-icon{display:block; width:30px; height:30px; background:url(https://www.hihonor.com/global/wp-content/uploads/2016/09/nav_icon.png) no-repeat;
-webkit-transition: all 450ms ease-out;
-moz-transition: all 450ms ease-out;
-ms-transition: all 450ms ease-out;
transition: all 450ms ease-out;}
.nav-search a i.nav-search-icon{background-position:-32px -106px;}
.nav-search a i.nav-vmall-icon{background-position:-86px -106px;}
.nav-search a i.nav-user-icon{background-position:-140px -106px;}
.nav-search a:hover i.nav-search-icon{background-position:-32px -146px;}
.nav-search a:hover i.nav-vmall-icon,.mobile-search-menu a .nav-vmall-icon{background-position:-86px -146px;}
.nav-search a:hover i.nav-user-icon,.mobile-search-menu a .nav-user-icon{background-position:-140px -146px;}
/*nav-search-wrap*/
.navwrap .nav-search-wrap {width: 100%;display: none;}
.navwrap .nav-search-wrap .input-wrap{position:relative;height:70px;line-height: 70px;text-align: center;}
.navwrap .nav-search-wrap .input-wrap .nav-input-txt{position:relative;width:80%;padding-left:40px;padding-right: 40px;height: 70px;line-height:normal;border:none;}
.navwrap .nav-search-wrap .input-wrap .ico {position:absolute;top:20px;left:10%;width:32px;height:32px;background: url(https://www.hihonor.com/global/wp-content/uploads/2016/09/nav_icon.png) no-repeat -32px -146px;}
.navwrap .nav-search-wrap .input-wrap .close {position:absolute;top:20px;right:10%;width:32px;height:32px;background: url(https://www.hihonor.com/global/wp-content/uploads/2016/09/nav_icon.png) no-repeat -32px -288px;opacity: .7;}
.navwrap .nav-search-wrap .input-wrap .tipbox {position:absolute;top: 98%;left:10%;width:80%;z-index: 2;background: #fff;box-shadow:0 1px 4px #999;padding:15px 30px;line-height:normal;text-align: left;display: none;}
.navwrap .nav-search-wrap .input-wrap .tipbox .lititle {margin:10px 0;color: #999;}
.navwrap .nav-search-wrap .input-wrap .tipbox li {display: block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-0{display: block}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-0 li:hover{}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-0 li a{display: inline-block;width: 100%;padding:8px 0;font-weight: bold;padding-left:30px;}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-0 li a:hover,
.navwrap .nav-search-wrap .input-wrap .tipbox .group-0 li.on a{display: inline-block;padding:8px 0;font-weight: bold;padding-left:30px;color:#01b4e1;background:#eff9fb;}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-1{display:none }
.navwrap .nav-search-wrap .input-wrap .tipbox .group-1 li:hover{background:#eff9fb;}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-1 li a{display: inline-block;width: 100%;padding:8px 0;font-weight: bold;padding-left:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.navwrap .nav-search-wrap .input-wrap .tipbox .group-1 li a:hover,
.navwrap .nav-search-wrap .input-wrap .tipbox .group-1 li.on a{display: inline-block;padding:8px 0;font-weight: bold;padding-left:30px;color:#01b4e1;background:#eff9fb;}


/* sub nav */
#nav-cont-wrap{background-color:#fff;    position: absolute;
	top: 69px;
	z-index: 3;
	width: 100%;}
.nav-cont-wrap h3{font-weight:normal;}
.subnav-item{ padding-top:30px; padding-bottom:30px; position:relative; display:none;}
ul.subnav-text{margin-top:10px; border-right:1px solid #ddd; height:100%; min-height:150px; padding-right:15px;}
.subnav-text li{ height:30px; line-height:30px; }
.subnav-text li a{color:#999; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break: break-word; -webkit-line-clamp: 1; display: block; -webkit-box-orient: vertical;}
.subnav-text li a:hover{color:#01b4e1;}
.treeshow-itembox{ max-height:180px; overflow:hidden;}
.treeshow-item{ display:none;}

/* login  */
.navsearch-item{width:240px; height:280px; display:none; background-color:#fff; border-radius:4px; position:absolute; right:0; top:74px; z-index:9999; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);}
.navsearch-arrow{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:20px solid #fff; position:absolute; top:-20px; right:20px;}
.navsearch-item li{ padding:10px 20px; border-bottom:1px solid #f3f3f3;}
.navsearch-item a{color:#999; display: inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 70%; vertical-align: middle; -webkit-line-clamp: 1;}
.navsearch-item li i{display:inline-block; margin-right:10px; vertical-align:middle;}
.navsearch-item li i.icona{background-position:-32px -201px;}
.navsearch-item li i.iconb{background-position:-86px -201px;}
.navsearch-item li i.iconc{background-position:-140px -201px;}
.navsearch-item li i.icond{background-position:-193px -201px;}
.navsearch-item li:hover i.icona{background-position:-32px -241px;}
.navsearch-item li:hover i.iconb{background-position:-86px -241px;}
.navsearch-item li:hover i.iconc{background-position:-140px -241px;}
.navsearch-item li:hover i.icond{background-position:-193px -241px;}
.navsearch-item li:hover {background-color:#eff9fb;}
.navsearch-item li:hover a,.navsearch-item li a:hover{color:#01b4e1;}
a.honor-loginbtn{display:block; width:200px; height:32px; text-align:center; color:#fff; border-radius:32px; line-height:32px; margin:20px auto; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
background: -webkit-linear-gradient(#2bd3f9, #01b7e1);
background: -o-linear-gradient(#2bd3f9, #01b7e1);
background: -moz-linear-gradient(#2bd3f9, #01b7e1);
background: linear-gradient(#2bd3f9, #01b7e1);
-webkit-transition: all 450ms ease-out;
-moz-transition: all 450ms ease-out;
-ms-transition: all 450ms ease-out;
-o-transition: all 450ms ease-out;
transition: all 450ms ease-out;
}
a.honor-loginbtn:hover{ box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);}
.headiconbox{position:relative; display:none; border-radius:50%; vertical-align:middle;}
.head-img{width:36px; height:36px; padding:1px; border:1px solid #ddd; border-radius:50%; }
.nav-search a.logining .headiconbox, a.mobile-xsuser.logining .headiconbox{display:inline-block; vertical-align:middle;}
.nav-search a.logining i.nav-user-icon, a.mobile-xsuser.logining .nav-user-icon{display:none;}
.nav-search a.logining .red-dot, a.mobile-xsuser.logining .red-dot {width: 10px; height: 10px; border-radius: 50%; position: absolute; display: block; top: 0; right: 0; background: #cd0035; z-index:99;}
/* mobile nav */
.mobile-nav-thead{padding:15px;  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); position:relative; /*z-index:9999;*/}
.mobile-search-menu{text-align:right;}
.mobile-search-menu li{display:inline-block; vertical-align:middle; margin-left:20px;}
.mobile-search-menu li:first-child{margin-left:0;}
.mobile-search-menu li a{display:block; position:relative;}
.mobile-search-menu li a.mobile-xsbtn{ width:26px; height:44px; left:0; top:0; position:relative; box-sizing: border-box;}
a.mobile-xsbtn:before, a.mobile-xsbtn:after, a.mobile-xsbtn span,.mobile-menulist li.hasmore i:before,.mobile-menulist li.hasmore i:after,.foot-title i.icon-add:before,.foot-title i.icon-add:after {
    -webkit-transition: all 0.5s ease 0.5s;
		-moz-transition: all 0.5s ease 0.5s;
		-ms-transition: all 0.5s ease 0.5s;
		-o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
		-webkit-transition-property: transform, top, bottom, left, opacity;
		-moz-transition-property: transform, top, bottom, left, opacity;
		-ms-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
a.mobile-xsbtn:before, a.mobile-xsbtn:after, a.mobile-xsbtn span {
    background: #01b4e1;
    content: '';
    display: block;
    width: 26px;
    height: 2px;
    position: absolute;
    left: 0;
}
a.mobile-xsbtn span {top: 22px;}
a.mobile-xsbtn:before {top: 12px;}
a.mobile-xsbtn:after {top: 32px;}
html.mobile-opening{position:relative;}
html.mobile-opening a.mobile-xsbtn:before, html.mobile-opening a.mobile-xsbtn:after {top: 20px;}
html.mobile-opening a.mobile-xsbtn:before {transform: rotate( 45deg );}
html.mobile-opening a.mobile-xsbtn:after {transform: rotate( -45deg );}
html.mobile-opening a.mobile-xsbtn span {left:50px; opacity: 0;}
.mobile-menucontent{padding:20px; height:100%; position:fixed; z-index:999; top:0; right:-100%; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
-webkit-transition: all 450ms ease-out;
-moz-transition: all 450ms ease-out;
-ms-transition: all 450ms ease-out;
transition: all 450ms ease-out;
}
.mobile-searchbox{position: relative; border-bottom:1px solid #ddd; padding-bottom:5px;}
.mobile-searchicon{width:30px; height:30px; position:absolute; background:url(https://www.hihonor.com/global/wp-content/uploads/2016/09/nav_icon.png) -32px -106px no-repeat; z-index:99;}
.mobile-searchicon-close{width:30px; height:30px;right: 5px; position:absolute; background:url(https://www.hihonor.com/global/wp-content/uploads/2016/09/nav_icon.png) -32px -327px no-repeat; z-index:99;}
.mobile-sinput{width:100%; height:30px; border:none; background-color:#fff; position:relative; padding:10px; text-indent:30px;}
.mobile-menulist{margin-top:10px;}
.mobile-menulist>li{border-bottom:1px solid #f4f4f4;}
.mobile-menulist li {padding-top:15px; padding-bottom:15px;}
.mobile-menulist li a,.mobile-menulist li a:hover {display:block; word-break:break-all; color:#333;}
.mobile-menulist li.hasmore>a.active,.mobile-menulist li.hasmore .mobile-threenav-item>a.active{color:#01b4e1;}
.mobile-menulist li.hasmore i,.foot-title i.icon-add{float:right; width:16px; height:16px; position:relative; left:0; top:10px; box-sizing: border-box;}
.mobile-menulist li.hasmore i:before,.mobile-menulist li.hasmore i:after,.foot-title i.icon-add:before,.foot-title i.icon-add:after{background-color: #666; content: ''; display: block; width: 16px; height: 2px; position: absolute; left: 0;}
.mobile-menulist li.hasmore i:before,.foot-title i.icon-add:before{top:0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.mobile-menulist li.hasmore i:after,.foot-title i.icon-add:after{top:0;}
.mobile-menulist li.hasmore>a.active>i:before,.foot-title.active i.icon-add:before,.mobile-threenav-item>a.active>i.icon-add:before{left:0;background-color:#01b4e1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0);transform: rotate(0);}
.mobile-menulist li.hasmore>a.active>i:after,.foot-title.active i.icon-add:after,.mobile-threenav-item>a.active>i.icon-add:after{left:200%; opacity:0;}
.mobile-menulist li.hasmore ul{display:none;}
.mobile-menulist li.hasmore ul li{padding-top:10px; padding-bottom:10px;}
.mobile-menulist li.hasmore ul a{color:#999; display:block; padding-left:10px; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break: break-word; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.mobile-tipbox{position:absolute;width:100%;height:75%;top: 60px;margin-left:-20px;margin-right:-20px;background:#fff;right:-115%;transition: all .5s}
.mobile-tipbox>li:first-child{border-bottom:none;font-weight: normal;color:#999;padding:15px 0 20px 50px;margin-left:0;margin-right:0;margin-top:5px;position: relative }
.mobile-tipbox>li:first-child+li{padding-top:0;padding-bottom: 0;margin-left:30px;margin-right:30px;border-bottom:1px solid #f4f4f4;}
.mobile-tipbox .mobile-tipbox-return{position: absolute;left:0;top: 7px;width:40px;height:40px;background:url(https://www.hihonor.com/global/wp-content/uploads/2016/09/nav_icon.png) -92px -289px no-repeat;}
.mobile-tipbox .group-0{display:block;}
.mobile-tipbox .group-1{display:none;}
.mobile-tipbox .group-0 li{border-bottom:1px solid #f4f4f4;padding:15px 0 15px 10%;margin-left:30px;margin-right:30px;font-weight: bold;}
.mobile-tipbox .group-1 li{border-bottom:1px solid #f4f4f4;padding:15px 0 15px 10%;margin-left:30px;margin-right:30px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* ************* */
/* footer */
.honor-footbox{background-color:#fff;	border-top:1px solid #ddd; padding-top:30px; padding-bottom:30px; font-size:12px;}
.footer-right>img{margin-bottom:20px;}
a.country{color:#01b4e1; text-decoration:underline;}
a.country i{display:inline-block; vertical-align:middle; width:20px; height:14px; margin-left:10px;margin-right:2px;}
a.country span{display:inline-block; vertical-align:middle;}
.foot-title i.icon-add{display:none;}
.footer-bottom>.container>.row{letter-spacing:-0.315em;}
.footer-bottom>.container>.row>div[class*="col"]{letter-spacing:normal; display:inline-block; vertical-align:middle; float:none;}
.footer-bottom a{color:#999;}
.footer-bottom ul{width:100%;}
.footer-bottom li{display:inline-block; vertical-align:middle; margin-left:15px;}
.footer-bottom li:first-child{margin-left:0;}
.footer-bottom p{margin:0;padding:0; line-height:1.4;}
/* ************* */
/* pc */
@media(min-width: 768px){
	.foot-parent h3 a,.foot-parent h3 a:hover{color:#333;}
}
/* nav ipad */
@media(min-width: 992px) and (max-width: 1199px){
  .nav-list a{margin-left:40px;}
}
@media(min-width: 768px) and (max-width: 991px){
	.mobile-menucontent{width:50%; height:100%; background-color:#fff;}
	html.mobile-opening .mobile-menucontent{right:0;}
	.mobile-nav-thead>.row{letter-spacing:-0.315em;}
	.mobile-nav-thead>.row>div[class*="col-"]{letter-spacing: normal; display:inline-block; vertical-align:middle; float:none;}
	.mobile-signitem a, .mobile-signitem a.honor-loginbtn{width:100%; margin-left:auto; margin-right:auto; height:40px; line-height:40px; border-radius:40px; display:block; text-align:center;}
}
/* nav mobile */
@media(max-width: 767px){
	 body{overflow-x:hidden !important;}
	ul.honor-share{text-align:center;padding:0; margin-top: 20px;}
	 .mobile-nav-thead{padding:10px 15px; overflow:hidden;}
	 .mobile-nav-thead{width:100%;background-color:#fff;}
	 /*.mobile-opening .mobile-nav-thead{position:fixed;}*/
	.mobile-nav-thead>.row{letter-spacing:-0.315em;}
	.mobile-nav-thead>.row>div[class*="col-"]{letter-spacing: normal; display:inline-block; vertical-align:middle; float:none;}
	.mobile-menucontent{width:100%; height:100%; top:64px; box-shadow:none;}
	.mobile-usercontent .navsearch-item{width:100%; height:255px; border-radius:0; box-shadow:none; border-top:1px solid #ddd;}
	.mobile-usercontent .navsearch-arrow{display:none;}
	.mobile-usercontent .honor-loginbtn{width:100%; background:none; box-shadow:none; color:#333; height:50px; line-height:50px; margin:0 auto;}
	.mobile-menucontent{width:100%; height:100%; background-color:#fff; overflow-y:auto; overflow-x:hidden;}
	html.mobile-opening .mobile-menucontent{right:0;}
	.mobile-signitem{text-align:center;}
	.mobile-signitem a{color:#01b4e1;}
	.mobile-signitem a.honor-loginbtn{color:#fff; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);}
	.mobile-signitem a, .mobile-signitem a.honor-loginbtn{width:100%; margin-left:auto; margin-right:auto; height:40px; line-height:40px; border-radius:40px; display:block;text-align:center;}
	.honor-footbox{padding:0;}
	.foot-title i.icon-add{display:block;}
	.foot-list{padding-top:0; padding-bottom:15px;}
	.foot-parent{border-bottom:1px solid #ddd;}
	.foot-list li{display:block;}
	.foot-list{display:none;}
	a.foot-title,a.foot-title:hover{color:#333;}
	a.foot-title.active{color:#01b4e1;}
	.footer-right{padding-top:20px; padding-bottom:20px;}
	.footer-right>img{width:100%; max-width:200px; margin-bottom:10px;}
	a.country{text-align:center;}
	.navsearch-item{top:64px;}
	.honor-footbox h3{font-size:16px; display:block; position:relative;}
	.honor-footbox h3:before,.honor-footbox h3:after{content: " "; display: table;}
	.honor-footbox h3:after{clear: both;}
	a.foot-title{display:block; padding-top:15px; padding-bottom:15px;}
	/*.mobile-searchbox{font-size:12px;}*/
	.mobile-menulist li.hasmore ul {background-color: #f9f9f9; margin-top: 10px;}
	.mobile-menulist li.hasmore .mobile-threenav-item ul {background-color: #f1f1f1; margin-top: 10px; padding-left:10px; padding-right:10px;}
	.footer-bottom {text-align:center;}

}
@media(max-width: 374px){
	.mobile-search-menu li{margin-left:15px;}
	.footer-bottom li{margin-left:8px;}
}
/*share*/
/*ul.honor-share{margin-top:30px; text-align:center; padding-left:15px; padding-right:15px;}*/
ul.honor-share li{display:inline-block; margin-left:5px; margin-right:5px;}
ul.honor-share li a{display:block;}
ul.honor-share li a i{display:block; width:30px; height:30px; background:url(/content/dam/honor/global/other/common/img/share_icon_2.png) no-repeat;}
ul.honor-share li a i.twitter{background-position:-10px 0;}
ul.honor-share li a i.instagram{background-position:-60px 0;}
ul.honor-share li a i.facebook{background-position:-110px 0;}
ul.honor-share li a i.youtube{background-position:-160px 0;}
ul.honor-share li a i.google{background-position:-210px 0;}
ul.honor-share li a:hover i.twitter{background-position:-10px -36px;}
ul.honor-share li a:hover i.instagram{background-position:-60px -36px;}
ul.honor-share li a:hover i.facebook{background-position:-110px -36px;}
ul.honor-share li a:hover i.youtube{background-position:-160px -36px;}
ul.honor-share li a:hover i.google{background-position:-210px -36px;}
.contact-us{}
.contact-us a{text-decoration:underline;}
.contact-us a:focus{color:#333;}
.slider-section:not(.col-sm-12) .item-c{
 display: block !important;
}
.footer{margin-top: 0px !important}
@media (max-width: 1024px) {
	body{overflow-x: hidden}
}
@media (max-width: 768px) {
	.responsivegrid{
		margin-top: 60px !important;
	}
}
/* .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,.responsivegrid .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4,.responsivegrid .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-right: 5px !important;
    padding-left: 5px !important;
} */

.responsivegrid .container-fluid{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.responsivegrid .row ,.footer .row{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

@media (max-width: 500px) {
.conv3_nav .cookie_tip .cookie_content, .conv3_nav .browser_tip .cookie_content {
    margin: 0px auto!important;
}
}

.responsivegrid .container{
	margin-right: auto !important;
    margin-left: auto !important;
}
.header .col-xs-1,.header .col-sm-1,.header .col-md-1,.header .col-lg-1,.header .col-xs-2,.header .col-sm-2,.header .col-md-2,.header .col-lg-2,.header .col-xs-3,.header .col-sm-3,.header .col-md-3,.header .col-lg-3,.header .col-xs-4,.header .col-sm-4,.header .col-md-4,.header .col-lg-4,.header .col-xs-5,.header .col-sm-5,.header .col-md-5,.header .col-lg-5,.header .col-xs-6,.header .col-sm-6,.header .col-md-6,.header .col-lg-6,.header .col-xs-7,.header .col-sm-7,.header .col-md-7,.header .col-lg-7,.header .col-xs-8,.header .col-sm-8,.header .col-md-8,.header .col-lg-8,.header .col-xs-9,.header .col-sm-9,.header .col-md-9,.header .col-lg-9,.header .col-xs-10,.header .col-sm-10,.header .col-md-10,.header .col-lg-10,.header .col-xs-11,.header .col-sm-11,.header .col-md-11,.header .col-lg-11,.header .col-xs-12,.header .col-sm-12,.header .col-md-12,.header .col-lg-12{
	padding-right: 15px !important;
    padding-left: 15px !important;
}
/* .footer .col-xs-1,.footer .col-sm-1,.footer .col-md-1,.footer .col-lg-1,.footer .col-xs-2,.footer .col-sm-2,.footer .col-md-2,.footer .col-lg-2,.footer .col-xs-3,.footer .col-sm-3,.footer .col-md-3,.footer .col-lg-3,.footer .col-xs-4,.footer .col-sm-4,.footer .col-md-4,.footer .col-lg-4,.footer .col-xs-5,.footer .col-sm-5,.footer .col-md-5,.footer .col-lg-5,.footer .col-xs-6,.footer .col-sm-6,.footer .col-md-6,.footer .col-lg-6,.footer .col-xs-7,.footer .col-sm-7,.footer .col-md-7,.footer .col-lg-7,.footer .col-xs-8,.footer .col-sm-8,.footer .col-md-8,.footer .col-lg-8,.footer .col-xs-9,.footer .col-sm-9,.footer .col-md-9,.footer .col-lg-9,.footer .col-xs-10,.footer .col-sm-10,.footer .col-md-10,.footer .col-lg-10,.footer .col-xs-11,.footer .col-sm-11,.footer .col-md-11,.footer .col-lg-11,.footer .col-xs-12,.footer .col-sm-12,.footer .col-md-12,.footer .col-lg-12{
	padding-right: 15px !important;
    padding-left: 15px !important;
} */
.header .wrapper.container-fluid{
	padding-right: 15px !important;
    padding-left: 15px !important;
}
.header .menu.container-fluid{
    padding: 0 !important;
}

.footer .col-md-12{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/* .footer-bottom .link{
	padding: 0 !important;
} */

.footer .np{
	padding: 0 !important;
}
.footer .wrapper{
	padding: 0 !important;
}
.footer-box .call-box p{
	padding: 0 !important;
}

.header .top .top-l,.header .top .top-r{
	padding: 20px 0 0 0;
}
#footer-subscription{
	padding: 1px 0;
}
@media (max-width: 768px){
	.header .top .top-c {
	    padding-left: 0px !important;
	}
	.footer-bottom {
	    padding-bottom: 20px !important;
	}
	/* .footer-bottom .link {
	    padding: 0 15px !important;
	} */
	.footer-box .call-box .row{
		margin-right: -15px !important;
    	margin-left: -15px !important;
	}
}

.protips-box.all{display:none!important;}