.fa.fa-pull-left,.fa.pull-left { margin-right: .3em } .fa-fw,.fa-li { text-align: center } .fa,.fa-stack { display: inline-block } .image-gallery,html { -webkit-tap-highlight-color: transparent } .img-responsive,.img-thumbnail,.table,label { max-width: 100% } .bootstrap-switch,.btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } @font-face { font-family: FontAwesome; src: url(../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3); src: url(../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal } .fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto } .reading-book-dialog>.inner .col1 .row1 p.type,dfn { font-style: italic } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-stack,img { vertical-align: middle } .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 } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa.fa-pull-right,.fa.pull-right { margin-left: .3em } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: .08em solid #eee; border-radius: .1em } hr,img { border: 0 } .fa-pull-left { float: left } .fa-pull-right { float: right } .btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu { float: left } body,figure { margin: 0 } .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(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -webkit-transform: scale(-1,1); transform: scale(-1,1) } .fa-flip-vertical { -webkit-transform: scale(1,-1); transform: scale(1,-1) } :root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 { -webkit-filter: none; filter: none } .fa-stack { position: relative; width: 2em; height: 2em; line-height: 2em } .label,sub,sup { vertical-align: baseline } .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-close:before,.fa-remove: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-cog:before,.fa-gear:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-repeat:before,.fa-rotate-right:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before,.fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-image:before,.fa-photo:before,.fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before,.fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before,.fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-exclamation-triangle:before,.fa-warning:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before,.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-cogs:before,.fa-gears:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-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-floppy-o:before,.fa-save:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-bars:before,.fa-navicon:before,.fa-reorder:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-sort:before,.fa-unsorted:before { content: "\f0dc" } .fa-sort-desc:before,.fa-sort-down:before { content: "\f0dd" } .fa-sort-asc:before,.fa-sort-up:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before,.fa-undo:before { content: "\f0e2" } .fa-gavel:before,.fa-legal:before { content: "\f0e3" } .fa-dashboard:before,.fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-bolt:before,.fa-flash:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-clipboard:before,.fa-paste:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before,.fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before,.fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before,.fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-chain-broken:before,.fa-unlink:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-caret-square-o-down:before,.fa-toggle-down:before { content: "\f150" } .fa-caret-square-o-up:before,.fa-toggle-up:before { content: "\f151" } .fa-caret-square-o-right:before,.fa-toggle-right:before { content: "\f152" } .fa-eur:before,.fa-euro:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before,.fa-usd:before { content: "\f155" } .fa-inr:before,.fa-rupee:before { content: "\f156" } .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before { content: "\f157" } .fa-rouble:before,.fa-rub:before,.fa-ruble:before { content: "\f158" } .fa-krw:before,.fa-won:before { content: "\f159" } .fa-bitcoin:before,.fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before,.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-caret-square-o-left:before,.fa-toggle-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-try:before,.fa-turkish-lira:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-bank:before,.fa-institution:before,.fa-university:before { content: "\f19c" } .fa-graduation-cap:before,.fa-mortar-board:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-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-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before { content: "\f1c5" } .fa-file-archive-o:before,.fa-file-zip-o:before { content: "\f1c6" } .fa-file-audio-o:before,.fa-file-sound-o:before { content: "\f1c7" } .fa-file-movie-o:before,.fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before,.fa-rebel:before,.fa-resistance:before { content: "\f1d0" } .fa-empire:before,.fa-ge:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before,.fa-weixin:before { content: "\f1d7" } .fa-paper-plane:before,.fa-send:before { content: "\f1d8" } .fa-paper-plane-o:before,.fa-send-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-futbol-o:before,.fa-soccer-ball-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-ils:before,.fa-shekel:before,.fa-sheqel: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-bed:before,.fa-hotel:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-y-combinator:before,.fa-yc: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-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-paper-o:before,.fa-hand-stop-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-television:before,.fa-tv: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-american-sign-language-interpreting:before,.fa-asl-interpreting:before { content: "\f2a3" } .fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-sign-language:before,.fa-signing: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" } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a { background-color: transparent } a:active,a:hover { outline: 0 } h1 { margin: .67em 0 } mark { background: #ff0; color: #000 } sub,sup { font-size: 75%; line-height: 0; position: relative } sup { top: -.5em } sub { bottom: -.25em } svg:not(:root) { overflow: hidden } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre,textarea { overflow: auto } code,kbd,pre,samp { font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox],input[type=radio] { -webkit-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-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } optgroup { font-weight: 700 } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } @media print { blockquote,img,pre,tr { page-break-inside: avoid } *,:after,:before { background: 0 0!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: "" } blockquote,pre { border: 1px solid #999 } thead { display: table-header-group } img { max-width: 100%!important } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } .navbar { display: none } .btn>.caret,.dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td,.table th { background-color: #fff!important } .table-bordered td,.table-bordered th { border: 1px solid #ddd!important } } .btn,.btn-adn.active,.btn-adn:active,.btn-bitbucket.active,.btn-bitbucket:active,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-dropbox.active,.btn-dropbox:active,.btn-facebook.active,.btn-facebook:active,.btn-flickr.active,.btn-flickr:active,.btn-github.active,.btn-github:active,.btn-google.active,.btn-google:active,.btn-info.active,.btn-info:active,.btn-instagram.active,.btn-instagram:active,.btn-linkedin.active,.btn-linkedin:active,.btn-microsoft.active,.btn-microsoft:active,.btn-odnoklassniki.active,.btn-odnoklassniki:active,.btn-openid.active,.btn-openid:active,.btn-pinterest.active,.btn-pinterest:active,.btn-primary.active,.btn-primary:active,.btn-reddit.active,.btn-reddit:active,.btn-soundcloud.active,.btn-soundcloud:active,.btn-success.active,.btn-success:active,.btn-tumblr.active,.btn-tumblr:active,.btn-twitter.active,.btn-twitter:active,.btn-vimeo.active,.btn-vimeo:active,.btn-vk.active,.btn-vk:active,.btn-warning.active,.btn-warning:active,.btn-yahoo.active,.btn-yahoo:active,.btn-zalo.active,.btn-zalo:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.open>.btn-adn.dropdown-toggle,.open>.btn-bitbucket.dropdown-toggle,.open>.btn-danger.dropdown-toggle,.open>.btn-default.dropdown-toggle,.open>.btn-dropbox.dropdown-toggle,.open>.btn-facebook.dropdown-toggle,.open>.btn-flickr.dropdown-toggle,.open>.btn-github.dropdown-toggle,.open>.btn-google.dropdown-toggle,.open>.btn-info.dropdown-toggle,.open>.btn-instagram.dropdown-toggle,.open>.btn-linkedin.dropdown-toggle,.open>.btn-microsoft.dropdown-toggle,.open>.btn-odnoklassniki.dropdown-toggle,.open>.btn-openid.dropdown-toggle,.open>.btn-pinterest.dropdown-toggle,.open>.btn-primary.dropdown-toggle,.open>.btn-reddit.dropdown-toggle,.open>.btn-soundcloud.dropdown-toggle,.open>.btn-success.dropdown-toggle,.open>.btn-tumblr.dropdown-toggle,.open>.btn-twitter.dropdown-toggle,.open>.btn-vimeo.dropdown-toggle,.open>.btn-vk.dropdown-toggle,.open>.btn-warning.dropdown-toggle,.open>.btn-yahoo.dropdown-toggle,.open>.btn-zalo.dropdown-toggle { background-image: none } .img-thumbnail,body { background-color: #fff } *,:after,:before { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px } body { font-size: 14px; color: #333 } button,input,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { text-decoration: none } a:focus,a:hover { color: #23527c } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .img-responsive { display: block; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active,.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } [role=button] { cursor: pointer } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-weight: 400; line-height: 1; color: #777 } .h1,.h2,.h3,h1,h2,h3 { margin-top: 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,.h5,.h6,h4,h5,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 } dt,kbd kbd,label { font-weight: 700 } @media (min-width: 768px) { .lead { font-size:21px } } .small,small { font-size: 85% } .mark,mark { background-color: #fcf8e3; padding: .2em } .list-inline,.list-unstyled { padding-left: 0; list-style: none } .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 } .initialism,.text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:focus,a.text-primary:hover { color: #286090 } .text-success { color: #3c763d } a.text-success:focus,a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:focus,a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:focus,a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:focus,a.text-danger:hover { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:focus,a.bg-primary:hover { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:focus,a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:focus,a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:focus,a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:focus,a.bg-danger:hover { background-color: #e4b9b9 } pre code,table { background-color: transparent } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } dl,ol,ul { margin-top: 0 } blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } address,dl { margin-bottom: 20px } ol,ul { margin-bottom: 10px } .list-inline { margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } dd,dt { line-height: 1.42857 } dd { margin-left: 0 } .dl-horizontal dd:after,.dl-horizontal dd:before { content: " "; display: table } .dl-horizontal dd:after { clear: both } @media (min-width: 768px) { .dl-horizontal dt { float:left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } .container { width: 750px } } abbr[data-original-title],abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90% } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote .small,blockquote footer,blockquote small { display: block; font-size: 80%; line-height: 1.42857; color: #777 } legend,pre { color: #333 } blockquote .small:before,blockquote footer:before,blockquote small:before { content: '\2014 \00A0' } .blockquote-reverse,blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } code,kbd { padding: 2px 4px; font-size: 90% } caption,th { text-align: left } .blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before { content: '' } .blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after { content: '\00A0 \2014' } address { font-style: normal; line-height: 1.42857 } code,kbd,pre,samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace } code { color: #c7254e; background-color: #f9f2f4; border-radius: 4px } kbd { color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } kbd kbd { padding: 0; font-size: 100%; -webkit-box-shadow: none; box-shadow: none } .bootstrap-switch.bootstrap-switch-focused,.form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } .container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before { display: table; content: " " } .container,.container-fluid { margin-right: auto; margin-left: auto } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; border-radius: 0 } .container,.container-fluid { padding-left: 15px; padding-right: 15px } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container:after { clear: both } @media (min-width: 992px) { .container { width:970px } } @media (min-width: 1200px) { .container { width:1170px } } .container-fluid:after { clear: both } .row { margin-left: -15px; margin-right: -15px } .row:after { clear: both } .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width: 768px) { .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 { float:left } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width: 992px) { .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 { float:left } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width: 1200px) { .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 { float:left } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } caption { padding-top: 8px; padding-bottom: 8px; color: #777 } .table { width: 100%; margin-bottom: 20px } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { padding: 8px; line-height: 1.42857; 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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th { padding: 5px } .table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border: 1px solid #ddd } .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-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 } .table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success { background-color: #dff0d8 } .table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 } .table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info { background-color: #d9edf7 } .table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } .table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning { background-color: #fcf8e3 } .table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } .table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger { background-color: #f2dede } .table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc } .table-responsive { overflow-x: auto; min-height: .01% } @media screen and (max-width: 767px) { .table-responsive { width:100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } .embed-responsive,.modal,.modal-open,.nav .nav-divider,.progress { overflow: hidden } fieldset,legend { padding: 0; border: 0 } fieldset { margin: 0; min-width: 0 } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; margin-bottom: 5px } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none } input[type=checkbox],input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } .form-control,output { line-height: 1.42857; color: #555; display: block } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple],select[size] { height: auto } input[type=checkbox]:focus,input[type=radio]:focus,input[type=file]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } output { padding-top: 7px; font-size: 14px } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 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,-webkit-box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label { color: #3c763d } .form-control::-ms-expand { border: 0; background-color: transparent } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { background-color: #eee; opacity: 1 } .form-control[disabled],fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control { line-height:34px } .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm>.input-group-btn>input[type=date].btn,.input-group-sm>.input-group-btn>input[type=time].btn,.input-group-sm>.input-group-btn>input[type=datetime-local].btn,.input-group-sm>.input-group-btn>input[type=month].btn,.input-group-sm>input[type=date].form-control,.input-group-sm>input[type=date].input-group-addon,.input-group-sm>input[type=time].form-control,.input-group-sm>input[type=time].input-group-addon,.input-group-sm>input[type=datetime-local].form-control,.input-group-sm>input[type=datetime-local].input-group-addon,.input-group-sm>input[type=month].form-control,.input-group-sm>input[type=month].input-group-addon,input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm { line-height: 30px } .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg>.input-group-btn>input[type=date].btn,.input-group-lg>.input-group-btn>input[type=time].btn,.input-group-lg>.input-group-btn>input[type=datetime-local].btn,.input-group-lg>.input-group-btn>input[type=month].btn,.input-group-lg>input[type=date].form-control,.input-group-lg>input[type=date].input-group-addon,.input-group-lg>input[type=time].form-control,.input-group-lg>input[type=time].input-group-addon,.input-group-lg>input[type=datetime-local].form-control,.input-group-lg>input[type=datetime-local].input-group-addon,.input-group-lg>input[type=month].form-control,.input-group-lg>input[type=month].input-group-addon,input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg { line-height: 46px } } .form-group { margin-bottom: 15px } .checkbox,.radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label,.radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\9 } .checkbox+.checkbox,.radio+.radio { margin-top: -5px } .checkbox-inline,.radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer } .checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } .checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px } .form-control-static.input-lg,.form-control-static.input-sm,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn { padding-left: 0; padding-right: 0 } .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm { height: 30px; line-height: 30px } .input-group-sm>.input-group-btn>select[multiple].btn,.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .form-group-sm select.form-control { height: 30px; line-height: 30px } .form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control { height: auto } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5 } .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px } .input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg { height: 46px; line-height: 46px } .input-group-lg>.input-group-btn>select[multiple].btn,.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px } .form-group-lg select.form-control { height: 46px; line-height: 46px } .form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333 } .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 } .form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 } .has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3 } .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede } .has-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-control-static,.form-inline .form-group { display:inline-block } .form-inline .control-label,.form-inline .form-group { margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .checkbox,.form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label,.form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px } } .form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } .form-horizontal .checkbox,.form-horizontal .radio { min-height: 27px } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px } .form-horizontal .form-group:after,.form-horizontal .form-group:before { content: " "; display: table } .form-horizontal .form-group:after { clear: both } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top:11px; font-size: 18px } .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; user-select: none } .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .btn.focus,.btn:focus,.btn:hover { color: #333; text-decoration: none } .btn.active,.btn:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled,.btn[disabled],fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } a.btn.disabled,fieldset[disabled] a.btn { pointer-events: none } .btn-default.focus,.btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default.active,.btn-default:active,.btn-default:hover,.open>.btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .btn-primary.focus,.btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40 } .btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover { color: #fff; background-color: #204d74; border-color: #122b40 } .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4 } .btn-primary .badge { color: #337ab7; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.focus,.btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625 } .btn-success.active,.btn-success:active,.btn-success:hover,.open>.btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover { color: #fff; background-color: #398439; border-color: #255625 } .btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.focus,.btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .btn-info.active,.btn-info:active,.btn-info:hover,.open>.btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.focus,.btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger.focus,.btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { color: #337ab7; font-weight: 400; border-radius: 0 } .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover { border-color: transparent } .btn-link:focus,.btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-group-lg>.btn,.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px } .btn-group-sm>.btn,.btn-sm { padding: 5px 10px; line-height: 1.5; border-radius: 3px } .btn-group-xs>.btn,.btn-xs { 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=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown,.dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; 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,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box } .dropdown-menu-right,.dropdown-menu.pull-right { left: auto; right: 0 } .dropdown-header,.dropdown-menu>li>a { display: block; padding: 3px 20px; line-height: 1.42857; white-space: nowrap } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.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-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu>li>a { clear: both; font-weight: 400; color: #333 } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7 } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { color: #777 } .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { text-decoration: none; background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } .progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-left { left: 0; right: auto } .dropdown-header { font-size: 12px; color: #777 } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret,.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; content: "" } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width: 768px) { .navbar-right .dropdown-menu { right:0; left: auto } .navbar-right .dropdown-menu-left { left: 0; right: auto } } .btn-group,.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical>.btn,.btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 2 } .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar:after,.btn-toolbar:before { content: " "; display: table } .btn-toolbar:after { clear: both } .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group { margin-left: 5px } .btn .caret,.btn-group>.btn:first-child { margin-left: 0 } .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px } .btn-group-lg.btn-group>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn-group-lg>.btn .caret,.btn-lg .caret { border-width: 5px 5px 0 } .dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before { content: " "; display: table } .btn-group-vertical>.btn-group:after { clear: both } .btn-group-vertical>.btn-group>.btn { float: none } .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-radius: 4px 4px 0 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-radius: 0 0 4px 4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn,.btn-group-justified>.btn-group { float: none; display: table-cell; width: 1% } .btn-group-justified>.btn-group .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu { left: auto } [data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group,.input-group-btn,.input-group-btn>.btn { position: relative } .input-group { display: table; border-collapse: separate } .bootstrap-touchspin { border: 1px solid #a9a9a9; padding: 6px; border-radius: 30px; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:focus { z-index: 3 } .input-group .form-control,.input-group-addon,.input-group-btn { display: table-cell } .input-group-addon,.input-group-btn {width: 1%;white-space: nowrap;vertical-align: middle} .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px } .input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type=checkbox],.input-group-addon input[type=radio] { margin-top: 0 } .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn {font-size: 0;white-space: nowrap} .input-group-btn>.btn+.btn { margin-left: -1px } .input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover { z-index: 2 } .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group { margin-right: -1px } .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {z-index: 2;/* margin-left: -1px; */} .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav:after,.nav:before { content: " "; display: table } .nav>li,.nav>li>a { position: relative; display: block } .nav:after { clear: both } .nav>li>a { padding: 10px 15px } .nav>li>a:focus,.nav>li>a:hover { text-decoration: none; background-color: #eee } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:focus,.nav>li.disabled>a:hover { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open>a,.nav .open>a:focus,.nav .open>a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; 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.42857; 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:focus,.nav-tabs>li.active>a:hover { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default } .nav-pills>li { float: left } .nav-justified>li,.nav-stacked>li,.nav-tabs.nav-justified>li { float: none } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7 } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified,.nav-tabs.nav-justified { width: 100% } .nav-justified>li>a,.nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } .btn .badge,.btn .label { top: -1px; position: relative } .nav-tabs-justified,.nav-tabs.nav-justified { border-bottom: 0 } .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width: 768px) { .nav-justified>li,.nav-tabs.nav-justified>li { display:table-cell; width: 1% } .nav-justified>li>a,.nav-tabs.nav-justified>li>a { margin-bottom: 0 } .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .breadcrumb>li,.pagination { display: inline-block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li+li:before { content: "/ "; padding: 0 5px; color: #ccc } .breadcrumb>.active { color: #777 } .pagination { 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.42857; 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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default } .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed } .pagination-lg>li>a,.pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.33333 } .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span { border-bottom-left-radius: 6px; border-top-left-radius: 6px } .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { border-bottom-right-radius: 6px; border-top-right-radius: 6px } .pagination-sm>li>a,.pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5 } .badge,.label { line-height: 1; white-space: nowrap; font-weight: 700 } .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:after,.pager:before { content: " "; display: table } .pager:after { clear: both } .pager li { display: inline } .pager li>a,.pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:focus,.pager li>a:hover { text-decoration: none; background-color: #eee } .pager .next>a,.pager .next>span { float: right } .pager .previous>a,.pager .previous>span { float: left } .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span { color: #777; background-color: #fff; cursor: not-allowed } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; color: #fff; text-align: center; border-radius: .25em } .badge,.progress-bar { font-size: 12px; text-align: center } .label:empty { display: none } a.label:focus,a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label-default { background-color: #777 } .label-default[href]:focus,.label-default[href]:hover { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:focus,.label-primary[href]:hover { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:focus,.label-success[href]:hover { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:focus,.label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:focus,.label-warning[href]:hover { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:focus,.label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; color: #fff; vertical-align: middle; background-color: #777; border-radius: 10px } .badge:empty { display: none } .btn-group-xs>.btn .badge,.btn-xs .badge { top: 0; padding: 1px 5px } .list-group-item.active>.badge,.nav-pills>.active>a>.badge { color: #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 } a.badge:focus,a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .alert { border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: 700 } .alert>p,.alert>ul { margin-bottom: 0 } .panel,.progress { margin-bottom: 20px } .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 } .modal,.modal-backdrop { top: 0; right: 0; bottom: 0; left: 0 } .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 hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } .progress-bar { float: left; width: 0%; height: 100%; line-height: 20px; color: #fff; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; transition: width .6s ease } .panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a { color: inherit } .progress-bar-striped,.progress-striped .progress-bar { background-size: 40px 40px } .progress-bar.active,.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-bar-info { background-color: #5bc0de } .progress-bar-warning { background-color: #f0ad4e } .progress-bar-danger { background-color: #d9534f } .panel {/* background-color: #fff; *//* border: 1px solid transparent; *//* border-radius: 4px; *//* -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); *//* box-shadow: 0 1px 1px rgba(0,0,0,.05); */} .panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table { margin-bottom: 0 } .panel-body { padding: 15px } .panel-body:after,.panel-body:before { content: " "; display: table } .panel-body:after { clear: both } .panel-heading {/* padding: 10px 15px; *//* border-bottom: 1px solid transparent; *//* border-top-right-radius: 3px; *//* border-top-left-radius: 3px; */} .panel-title { margin-top: 0; font-size: 16px } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 } .panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px } .panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px } .list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption { padding-left: 15px; padding-right: 15px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body { border-top: 1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel>.table-bordered,.panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .panel>.table-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+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default>.panel-heading { color: #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 } .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:focus,.close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .modal-content,.popover { background-clip: padding-box } .modal { display: none; position: fixed; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0 } .modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before { content: " "; display: table } .modal.fade .modal-dialog { -webkit-transform: translate(0,-25%); transform: translate(0,-25%); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out } .modal.in .modal-dialog { -webkit-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,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); outline: 0 } .modal-backdrop { position: fixed; 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 } .modal-header:after { clear: both } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .popover,.tooltip { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: absolute; text-decoration: none; text-shadow: none; text-transform: none } .modal-footer:after { clear: both } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 768px) { .modal-dialog { width:600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } .modal-sm { width: 300px } } @media (min-width: 992px) { .modal-lg { width:900px } } .tooltip { z-index: 1070; display: block; text-align: start; font-size: 12px; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left,.tooltip.sticky-screen-banner.right { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow { bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0 } .tooltip.top-left .tooltip-arrow { right: 5px } .tooltip.top-right .tooltip-arrow { left: 5px } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0 } .tooltip.left .tooltip-arrow,.tooltip.sticky-screen-banner.right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: start; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2) } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left,.popover.sticky-screen-banner.right { 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,.25); bottom: -11px } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25) } .popover.right>.arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .popover.bottom>.arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); top: -11px } .popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .popover.left>.arrow,.popover.sticky-screen-banner.right>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) } .popover.left>.arrow:after,.popover.sticky-screen-banner.right>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .clearfix:after,.clearfix:before { content: " "; display: table } .clearfix: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 } .hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block { display: none!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .glyphicon,.tiki-icons-v2,i.ico-v2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .affix { position: fixed } @-ms-viewport { width: device-width } @media (max-width: 767px) { .visible-xs { display:block!important } table.visible-xs { display: table!important } tr.visible-xs { display: table-row!important } td.visible-xs,th.visible-xs { display: table-cell!important } .visible-xs-block { display: block!important } .visible-xs-inline { display: inline!important } .visible-xs-inline-block { display: inline-block!important } } @media (min-width: 768px) and (max-width:991px) { .visible-sm { display:block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } td.visible-sm,th.visible-sm { display: table-cell!important } .visible-sm-block { display: block!important } .visible-sm-inline { display: inline!important } .visible-sm-inline-block { display: inline-block!important } } @media (min-width: 992px) and (max-width:1199px) { .visible-md { display:block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } td.visible-md,th.visible-md { display: table-cell!important } .visible-md-block { display: block!important } .visible-md-inline { display: inline!important } .visible-md-inline-block { display: inline-block!important } } @media (min-width: 1200px) { .visible-lg { display:block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } td.visible-lg,th.visible-lg { display: table-cell!important } .visible-lg-block { display: block!important } .visible-lg-inline { display: inline!important } .visible-lg-inline-block { display: inline-block!important } .hidden-lg { display: none!important } } @media (max-width: 767px) { .hidden-xs { display:none!important } } @media (min-width: 768px) and (max-width:991px) { .hidden-sm { display:none!important } } @media (min-width: 992px) and (max-width:1199px) { .hidden-md { display:none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table!important } tr.visible-print { display: table-row!important } td.visible-print,th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } .hidden-print { display: none!important } } @font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot); src: url(../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg") } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1 } .glyphicon-asterisk:before { content: "\002a" } .glyphicon-plus:before { content: "\002b" } .glyphicon-eur:before,.glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before { content: "\e227" } .glyphicon-jpy:before,.glyphicon-yen:before { content: "\00a5" } .glyphicon-rub:before,.glyphicon-ruble:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } .btn-social,.btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px } .btn-social-icon>:first-child,.btn-social>:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0,0,0,.2); height: 39px; padding-top: 3px } .btn-social .icon-wrap,.btn-social-icon .icon-wrap { padding-top: 0 } .btn-group-lg>.btn-social.btn,.btn-group-lg>.btn.btn-social-icon,.btn-lg.btn-social-icon,.btn-social.btn-lg { padding-left: 61px } .btn-group-lg>.btn-social.btn>:first-child,.btn-group-lg>.btn.btn-social-icon>:first-child,.btn-lg.btn-social-icon>:first-child,.btn-social.btn-lg>:first-child { line-height: 45px; width: 45px; font-size: 1.8em } .btn-group-sm>.btn-social.btn,.btn-group-sm>.btn.btn-social-icon,.btn-sm.btn-social-icon,.btn-social.btn-sm { padding-left: 38px } .btn-group-sm>.btn-social.btn>:first-child,.btn-group-sm>.btn.btn-social-icon>:first-child,.btn-sm.btn-social-icon>:first-child,.btn-social.btn-sm>:first-child { line-height: 28px; width: 28px; font-size: 1.4em } .btn-group-xs>.btn-social.btn,.btn-group-xs>.btn.btn-social-icon,.btn-social.btn-xs,.btn-xs.btn-social-icon { padding-left: 30px } .btn-group-xs>.btn-social.btn>:first-child,.btn-group-xs>.btn.btn-social-icon>:first-child,.btn-social.btn-xs>:first-child,.btn-xs.btn-social-icon>:first-child { line-height: 20px; width: 20px; font-size: 1.2em } .btn-social-icon { height: 34px; width: 34px; padding: 0 } .btn-social-icon>:first-child { border: none; text-align: center; width: 100%!important } .btn-group-lg>.btn-social-icon.btn,.btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0 } .btn-group-sm>.btn-social-icon.btn,.btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0 } .btn-group-xs>.btn-social-icon.btn,.btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0 } .btn-adn { color: #fff; background-color: #d87a68; border-color: rgba(0,0,0,.2) } .btn-adn.active,.btn-adn.focus,.btn-adn:active,.btn-adn:focus,.btn-adn:hover,.open>.btn-adn.dropdown-toggle { color: #fff; background-color: #ce563f; border-color: rgba(0,0,0,.2) } .btn-adn.active.focus,.btn-adn.active:focus,.btn-adn.active:hover,.btn-adn:active.focus,.btn-adn:active:focus,.btn-adn:active:hover,.open>.btn-adn.dropdown-toggle.focus,.open>.btn-adn.dropdown-toggle:focus,.open>.btn-adn.dropdown-toggle:hover { color: #fff; background-color: #b94630; border-color: rgba(0,0,0,.2) } .btn-adn.disabled.focus,.btn-adn.disabled:focus,.btn-adn.disabled:hover,.btn-adn[disabled].focus,.btn-adn[disabled]:focus,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn.focus,fieldset[disabled] .btn-adn:focus,fieldset[disabled] .btn-adn:hover { background-color: #d87a68; border-color: rgba(0,0,0,.2) } .btn-adn .badge { color: #d87a68; background-color: #fff } .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0,0,0,.2) } .btn-bitbucket.active,.btn-bitbucket.focus,.btn-bitbucket:active,.btn-bitbucket:focus,.btn-bitbucket:hover,.open>.btn-bitbucket.dropdown-toggle { color: #fff; background-color: #163758; border-color: rgba(0,0,0,.2) } .btn-bitbucket.active.focus,.btn-bitbucket.active:focus,.btn-bitbucket.active:hover,.btn-bitbucket:active.focus,.btn-bitbucket:active:focus,.btn-bitbucket:active:hover,.open>.btn-bitbucket.dropdown-toggle.focus,.open>.btn-bitbucket.dropdown-toggle:focus,.open>.btn-bitbucket.dropdown-toggle:hover { color: #fff; background-color: #0f253c; border-color: rgba(0,0,0,.2) } .btn-bitbucket.disabled.focus,.btn-bitbucket.disabled:focus,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled].focus,.btn-bitbucket[disabled]:focus,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket.focus,fieldset[disabled] .btn-bitbucket:focus,fieldset[disabled] .btn-bitbucket:hover { background-color: #205081; border-color: rgba(0,0,0,.2) } .btn-bitbucket .badge { color: #205081; background-color: #fff } .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0,0,0,.2) } .btn-dropbox.active,.btn-dropbox.focus,.btn-dropbox:active,.btn-dropbox:focus,.btn-dropbox:hover,.open>.btn-dropbox.dropdown-toggle { color: #fff; background-color: #0d6aad; border-color: rgba(0,0,0,.2) } .btn-dropbox.active.focus,.btn-dropbox.active:focus,.btn-dropbox.active:hover,.btn-dropbox:active.focus,.btn-dropbox:active:focus,.btn-dropbox:active:hover,.open>.btn-dropbox.dropdown-toggle.focus,.open>.btn-dropbox.dropdown-toggle:focus,.open>.btn-dropbox.dropdown-toggle:hover { color: #fff; background-color: #0a568c; border-color: rgba(0,0,0,.2) } .btn-dropbox.disabled.focus,.btn-dropbox.disabled:focus,.btn-dropbox.disabled:hover,.btn-dropbox[disabled].focus,.btn-dropbox[disabled]:focus,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox.focus,fieldset[disabled] .btn-dropbox:focus,fieldset[disabled] .btn-dropbox:hover { background-color: #1087dd; border-color: rgba(0,0,0,.2) } .btn-dropbox .badge { color: #1087dd; background-color: #fff } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0,0,0,.2) } .btn-facebook.active,.btn-facebook.focus,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.open>.btn-facebook.dropdown-toggle { color: #fff; background-color: #2d4373; border-color: rgba(0,0,0,.2) } .btn-facebook.active.focus,.btn-facebook.active:focus,.btn-facebook.active:hover,.btn-facebook:active.focus,.btn-facebook:active:focus,.btn-facebook:active:hover,.open>.btn-facebook.dropdown-toggle.focus,.open>.btn-facebook.dropdown-toggle:focus,.open>.btn-facebook.dropdown-toggle:hover { color: #fff; background-color: #23345a; border-color: rgba(0,0,0,.2) } .btn-facebook.disabled.focus,.btn-facebook.disabled:focus,.btn-facebook.disabled:hover,.btn-facebook[disabled].focus,.btn-facebook[disabled]:focus,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook.focus,fieldset[disabled] .btn-facebook:focus,fieldset[disabled] .btn-facebook:hover { background-color: #3b5998; border-color: rgba(0,0,0,.2) } .btn-facebook .badge { color: #3b5998; background-color: #fff } .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0,0,0,.2) } .btn-flickr.active,.btn-flickr.focus,.btn-flickr:active,.btn-flickr:focus,.btn-flickr:hover,.open>.btn-flickr.dropdown-toggle { color: #fff; background-color: #cc006a; border-color: rgba(0,0,0,.2) } .btn-flickr.active.focus,.btn-flickr.active:focus,.btn-flickr.active:hover,.btn-flickr:active.focus,.btn-flickr:active:focus,.btn-flickr:active:hover,.open>.btn-flickr.dropdown-toggle.focus,.open>.btn-flickr.dropdown-toggle:focus,.open>.btn-flickr.dropdown-toggle:hover { color: #fff; background-color: #a80057; border-color: rgba(0,0,0,.2) } .btn-flickr.disabled.focus,.btn-flickr.disabled:focus,.btn-flickr.disabled:hover,.btn-flickr[disabled].focus,.btn-flickr[disabled]:focus,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr.focus,fieldset[disabled] .btn-flickr:focus,fieldset[disabled] .btn-flickr:hover { background-color: #ff0084; border-color: rgba(0,0,0,.2) } .btn-flickr .badge { color: #ff0084; background-color: #fff } .btn-foursquare { color: #fff; background-color: #f94877; border-color: rgba(0,0,0,.2) } .btn-foursquare.active,.btn-foursquare.focus,.btn-foursquare:active,.btn-foursquare:focus,.btn-foursquare:hover,.open>.btn-foursquare.dropdown-toggle { color: #fff; background-color: #f71752; border-color: rgba(0,0,0,.2) } .btn-foursquare.active.focus,.btn-foursquare.active:focus,.btn-foursquare.active:hover,.btn-foursquare:active.focus,.btn-foursquare:active:focus,.btn-foursquare:active:hover,.open>.btn-foursquare.dropdown-toggle.focus,.open>.btn-foursquare.dropdown-toggle:focus,.open>.btn-foursquare.dropdown-toggle:hover { color: #fff; background-color: #e30742; border-color: rgba(0,0,0,.2) } .btn-foursquare.active,.btn-foursquare:active,.open>.btn-foursquare.dropdown-toggle { background-image: none } .btn-foursquare.disabled.focus,.btn-foursquare.disabled:focus,.btn-foursquare.disabled:hover,.btn-foursquare[disabled].focus,.btn-foursquare[disabled]:focus,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare.focus,fieldset[disabled] .btn-foursquare:focus,fieldset[disabled] .btn-foursquare:hover { background-color: #f94877; border-color: rgba(0,0,0,.2) } .btn-foursquare .badge { color: #f94877; background-color: #fff } .btn-github { color: #fff; background-color: #444; border-color: rgba(0,0,0,.2) } .btn-github.active,.btn-github.focus,.btn-github:active,.btn-github:focus,.btn-github:hover,.open>.btn-github.dropdown-toggle { color: #fff; background-color: #2b2b2b; border-color: rgba(0,0,0,.2) } .btn-github.active.focus,.btn-github.active:focus,.btn-github.active:hover,.btn-github:active.focus,.btn-github:active:focus,.btn-github:active:hover,.open>.btn-github.dropdown-toggle.focus,.open>.btn-github.dropdown-toggle:focus,.open>.btn-github.dropdown-toggle:hover { color: #fff; background-color: #191919; border-color: rgba(0,0,0,.2) } .btn-github.disabled.focus,.btn-github.disabled:focus,.btn-github.disabled:hover,.btn-github[disabled].focus,.btn-github[disabled]:focus,.btn-github[disabled]:hover,fieldset[disabled] .btn-github.focus,fieldset[disabled] .btn-github:focus,fieldset[disabled] .btn-github:hover { background-color: #444; border-color: rgba(0,0,0,.2) } .btn-github .badge { color: #444; background-color: #fff } .btn-google { color: #fff; background-color: #dd4b39; border-color: rgba(0,0,0,.2) } .btn-google.active,.btn-google.focus,.btn-google:active,.btn-google:focus,.btn-google:hover,.open>.btn-google.dropdown-toggle { color: #fff; background-color: #c23321; border-color: rgba(0,0,0,.2) } .btn-google.active.focus,.btn-google.active:focus,.btn-google.active:hover,.btn-google:active.focus,.btn-google:active:focus,.btn-google:active:hover,.open>.btn-google.dropdown-toggle.focus,.open>.btn-google.dropdown-toggle:focus,.open>.btn-google.dropdown-toggle:hover { color: #fff; background-color: #a32b1c; border-color: rgba(0,0,0,.2) } .btn-google.disabled.focus,.btn-google.disabled:focus,.btn-google.disabled:hover,.btn-google[disabled].focus,.btn-google[disabled]:focus,.btn-google[disabled]:hover,fieldset[disabled] .btn-google.focus,fieldset[disabled] .btn-google:focus,fieldset[disabled] .btn-google:hover { background-color: #dd4b39; border-color: rgba(0,0,0,.2) } .btn-google .badge { color: #dd4b39; background-color: #fff } .btn-zalo { color: #fff; background-color: #0f8edd; border-color: rgba(0,0,0,.2) } .btn-zalo.active,.btn-zalo.focus,.btn-zalo:active,.btn-zalo:focus,.btn-zalo:hover,.open>.btn-zalo.dropdown-toggle { color: #fff; background-color: #0c6fad; border-color: rgba(0,0,0,.2) } .btn-zalo.active.focus,.btn-zalo.active:focus,.btn-zalo.active:hover,.btn-zalo:active.focus,.btn-zalo:active:focus,.btn-zalo:active:hover,.open>.btn-zalo.dropdown-toggle.focus,.open>.btn-zalo.dropdown-toggle:focus,.open>.btn-zalo.dropdown-toggle:hover { color: #fff; background-color: #095a8c; border-color: rgba(0,0,0,.2) } .btn-zalo.disabled.focus,.btn-zalo.disabled:focus,.btn-zalo.disabled:hover,.btn-zalo[disabled].focus,.btn-zalo[disabled]:focus,.btn-zalo[disabled]:hover,fieldset[disabled] .btn-zalo.focus,fieldset[disabled] .btn-zalo:focus,fieldset[disabled] .btn-zalo:hover { background-color: #0f8edd; border-color: rgba(0,0,0,.2) } .btn-zalo .badge { color: #0f8edd; background-color: #fff } .btn-instagram { color: #fff; background-color: #3f729b; border-color: rgba(0,0,0,.2) } .btn-instagram.active,.btn-instagram.focus,.btn-instagram:active,.btn-instagram:focus,.btn-instagram:hover,.open>.btn-instagram.dropdown-toggle { color: #fff; background-color: #305777; border-color: rgba(0,0,0,.2) } .btn-instagram.active.focus,.btn-instagram.active:focus,.btn-instagram.active:hover,.btn-instagram:active.focus,.btn-instagram:active:focus,.btn-instagram:active:hover,.open>.btn-instagram.dropdown-toggle.focus,.open>.btn-instagram.dropdown-toggle:focus,.open>.btn-instagram.dropdown-toggle:hover { color: #fff; background-color: #26455d; border-color: rgba(0,0,0,.2) } .btn-instagram.disabled.focus,.btn-instagram.disabled:focus,.btn-instagram.disabled:hover,.btn-instagram[disabled].focus,.btn-instagram[disabled]:focus,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram.focus,fieldset[disabled] .btn-instagram:focus,fieldset[disabled] .btn-instagram:hover { background-color: #3f729b; border-color: rgba(0,0,0,.2) } .btn-instagram .badge { color: #3f729b; background-color: #fff } .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0,0,0,.2) } .btn-linkedin.active,.btn-linkedin.focus,.btn-linkedin:active,.btn-linkedin:focus,.btn-linkedin:hover,.open>.btn-linkedin.dropdown-toggle { color: #fff; background-color: #005983; border-color: rgba(0,0,0,.2) } .btn-linkedin.active.focus,.btn-linkedin.active:focus,.btn-linkedin.active:hover,.btn-linkedin:active.focus,.btn-linkedin:active:focus,.btn-linkedin:active:hover,.open>.btn-linkedin.dropdown-toggle.focus,.open>.btn-linkedin.dropdown-toggle:focus,.open>.btn-linkedin.dropdown-toggle:hover { color: #fff; background-color: #00405f; border-color: rgba(0,0,0,.2) } .btn-linkedin.disabled.focus,.btn-linkedin.disabled:focus,.btn-linkedin.disabled:hover,.btn-linkedin[disabled].focus,.btn-linkedin[disabled]:focus,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin.focus,fieldset[disabled] .btn-linkedin:focus,fieldset[disabled] .btn-linkedin:hover { background-color: #007bb6; border-color: rgba(0,0,0,.2) } .btn-linkedin .badge { color: #007bb6; background-color: #fff } .btn-microsoft { color: #fff; background-color: #2672ec; border-color: rgba(0,0,0,.2) } .btn-microsoft.active,.btn-microsoft.focus,.btn-microsoft:active,.btn-microsoft:focus,.btn-microsoft:hover,.open>.btn-microsoft.dropdown-toggle { color: #fff; background-color: #125acd; border-color: rgba(0,0,0,.2) } .btn-microsoft.active.focus,.btn-microsoft.active:focus,.btn-microsoft.active:hover,.btn-microsoft:active.focus,.btn-microsoft:active:focus,.btn-microsoft:active:hover,.open>.btn-microsoft.dropdown-toggle.focus,.open>.btn-microsoft.dropdown-toggle:focus,.open>.btn-microsoft.dropdown-toggle:hover { color: #fff; background-color: #0f4bac; border-color: rgba(0,0,0,.2) } .btn-microsoft.disabled.focus,.btn-microsoft.disabled:focus,.btn-microsoft.disabled:hover,.btn-microsoft[disabled].focus,.btn-microsoft[disabled]:focus,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft.focus,fieldset[disabled] .btn-microsoft:focus,fieldset[disabled] .btn-microsoft:hover { background-color: #2672ec; border-color: rgba(0,0,0,.2) } .btn-microsoft .badge { color: #2672ec; background-color: #fff } .btn-odnoklassniki { color: #fff; background-color: #f4731c; border-color: rgba(0,0,0,.2) } .btn-odnoklassniki.active,.btn-odnoklassniki.focus,.btn-odnoklassniki:active,.btn-odnoklassniki:focus,.btn-odnoklassniki:hover,.open>.btn-odnoklassniki.dropdown-toggle { color: #fff; background-color: #d35b0a; border-color: rgba(0,0,0,.2) } .btn-odnoklassniki.active.focus,.btn-odnoklassniki.active:focus,.btn-odnoklassniki.active:hover,.btn-odnoklassniki:active.focus,.btn-odnoklassniki:active:focus,.btn-odnoklassniki:active:hover,.open>.btn-odnoklassniki.dropdown-toggle.focus,.open>.btn-odnoklassniki.dropdown-toggle:focus,.open>.btn-odnoklassniki.dropdown-toggle:hover { color: #fff; background-color: #b14c09; border-color: rgba(0,0,0,.2) } .btn-odnoklassniki.disabled.focus,.btn-odnoklassniki.disabled:focus,.btn-odnoklassniki.disabled:hover,.btn-odnoklassniki[disabled].focus,.btn-odnoklassniki[disabled]:focus,.btn-odnoklassniki[disabled]:hover,fieldset[disabled] .btn-odnoklassniki.focus,fieldset[disabled] .btn-odnoklassniki:focus,fieldset[disabled] .btn-odnoklassniki:hover { background-color: #f4731c; border-color: rgba(0,0,0,.2) } .btn-odnoklassniki .badge { color: #f4731c; background-color: #fff } .btn-openid { color: #fff; background-color: #f7931e; border-color: rgba(0,0,0,.2) } .btn-openid.active,.btn-openid.focus,.btn-openid:active,.btn-openid:focus,.btn-openid:hover,.open>.btn-openid.dropdown-toggle { color: #fff; background-color: #da7908; border-color: rgba(0,0,0,.2) } .btn-openid.active.focus,.btn-openid.active:focus,.btn-openid.active:hover,.btn-openid:active.focus,.btn-openid:active:focus,.btn-openid:active:hover,.open>.btn-openid.dropdown-toggle.focus,.open>.btn-openid.dropdown-toggle:focus,.open>.btn-openid.dropdown-toggle:hover { color: #fff; background-color: #b86607; border-color: rgba(0,0,0,.2) } .btn-openid.disabled.focus,.btn-openid.disabled:focus,.btn-openid.disabled:hover,.btn-openid[disabled].focus,.btn-openid[disabled]:focus,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid.focus,fieldset[disabled] .btn-openid:focus,fieldset[disabled] .btn-openid:hover { background-color: #f7931e; border-color: rgba(0,0,0,.2) } .btn-openid .badge { color: #f7931e; background-color: #fff } .btn-pinterest { color: #fff; background-color: #cb2027; border-color: rgba(0,0,0,.2) } .btn-pinterest.active,.btn-pinterest.focus,.btn-pinterest:active,.btn-pinterest:focus,.btn-pinterest:hover,.open>.btn-pinterest.dropdown-toggle { color: #fff; background-color: #9f191f; border-color: rgba(0,0,0,.2) } .btn-pinterest.active.focus,.btn-pinterest.active:focus,.btn-pinterest.active:hover,.btn-pinterest:active.focus,.btn-pinterest:active:focus,.btn-pinterest:active:hover,.open>.btn-pinterest.dropdown-toggle.focus,.open>.btn-pinterest.dropdown-toggle:focus,.open>.btn-pinterest.dropdown-toggle:hover { color: #fff; background-color: #801419; border-color: rgba(0,0,0,.2) } .btn-pinterest.disabled.focus,.btn-pinterest.disabled:focus,.btn-pinterest.disabled:hover,.btn-pinterest[disabled].focus,.btn-pinterest[disabled]:focus,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest.focus,fieldset[disabled] .btn-pinterest:focus,fieldset[disabled] .btn-pinterest:hover { background-color: #cb2027; border-color: rgba(0,0,0,.2) } .btn-pinterest .badge { color: #cb2027; background-color: #fff } .btn-reddit { color: #000; background-color: #eff7ff; border-color: rgba(0,0,0,.2) } .btn-reddit.active,.btn-reddit.focus,.btn-reddit:active,.btn-reddit:focus,.btn-reddit:hover,.open>.btn-reddit.dropdown-toggle { color: #000; background-color: #bcdeff; border-color: rgba(0,0,0,.2) } .btn-reddit.active.focus,.btn-reddit.active:focus,.btn-reddit.active:hover,.btn-reddit:active.focus,.btn-reddit:active:focus,.btn-reddit:active:hover,.open>.btn-reddit.dropdown-toggle.focus,.open>.btn-reddit.dropdown-toggle:focus,.open>.btn-reddit.dropdown-toggle:hover { color: #000; background-color: #98ccff; border-color: rgba(0,0,0,.2) } .btn-reddit.disabled.focus,.btn-reddit.disabled:focus,.btn-reddit.disabled:hover,.btn-reddit[disabled].focus,.btn-reddit[disabled]:focus,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit.focus,fieldset[disabled] .btn-reddit:focus,fieldset[disabled] .btn-reddit:hover { background-color: #eff7ff; border-color: rgba(0,0,0,.2) } .btn-reddit .badge { color: #eff7ff; background-color: #000 } .btn-soundcloud { color: #fff; background-color: #f50; border-color: rgba(0,0,0,.2) } .btn-soundcloud.active,.btn-soundcloud.focus,.btn-soundcloud:active,.btn-soundcloud:focus,.btn-soundcloud:hover,.open>.btn-soundcloud.dropdown-toggle { color: #fff; background-color: #c40; border-color: rgba(0,0,0,.2) } .btn-soundcloud.active.focus,.btn-soundcloud.active:focus,.btn-soundcloud.active:hover,.btn-soundcloud:active.focus,.btn-soundcloud:active:focus,.btn-soundcloud:active:hover,.open>.btn-soundcloud.dropdown-toggle.focus,.open>.btn-soundcloud.dropdown-toggle:focus,.open>.btn-soundcloud.dropdown-toggle:hover { color: #fff; background-color: #a83800; border-color: rgba(0,0,0,.2) } .btn-soundcloud.disabled.focus,.btn-soundcloud.disabled:focus,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled].focus,.btn-soundcloud[disabled]:focus,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud.focus,fieldset[disabled] .btn-soundcloud:focus,fieldset[disabled] .btn-soundcloud:hover { background-color: #f50; border-color: rgba(0,0,0,.2) } .btn-soundcloud .badge { color: #f50; background-color: #fff } .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0,0,0,.2) } .btn-tumblr.active,.btn-tumblr.focus,.btn-tumblr:active,.btn-tumblr:focus,.btn-tumblr:hover,.open>.btn-tumblr.dropdown-toggle { color: #fff; background-color: #1c2e3f; border-color: rgba(0,0,0,.2) } .btn-tumblr.active.focus,.btn-tumblr.active:focus,.btn-tumblr.active:hover,.btn-tumblr:active.focus,.btn-tumblr:active:focus,.btn-tumblr:active:hover,.open>.btn-tumblr.dropdown-toggle.focus,.open>.btn-tumblr.dropdown-toggle:focus,.open>.btn-tumblr.dropdown-toggle:hover { color: #fff; background-color: #111c26; border-color: rgba(0,0,0,.2) } .btn-tumblr.disabled.focus,.btn-tumblr.disabled:focus,.btn-tumblr.disabled:hover,.btn-tumblr[disabled].focus,.btn-tumblr[disabled]:focus,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr.focus,fieldset[disabled] .btn-tumblr:focus,fieldset[disabled] .btn-tumblr:hover { background-color: #2c4762; border-color: rgba(0,0,0,.2) } .btn-tumblr .badge { color: #2c4762; background-color: #fff } .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0,0,0,.2) } .btn-twitter.active,.btn-twitter.focus,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.open>.btn-twitter.dropdown-toggle { color: #fff; background-color: #2795e9; border-color: rgba(0,0,0,.2) } .btn-twitter.active.focus,.btn-twitter.active:focus,.btn-twitter.active:hover,.btn-twitter:active.focus,.btn-twitter:active:focus,.btn-twitter:active:hover,.open>.btn-twitter.dropdown-toggle.focus,.open>.btn-twitter.dropdown-toggle:focus,.open>.btn-twitter.dropdown-toggle:hover { color: #fff; background-color: #1583d7; border-color: rgba(0,0,0,.2) } .btn-twitter.disabled.focus,.btn-twitter.disabled:focus,.btn-twitter.disabled:hover,.btn-twitter[disabled].focus,.btn-twitter[disabled]:focus,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter.focus,fieldset[disabled] .btn-twitter:focus,fieldset[disabled] .btn-twitter:hover { background-color: #55acee; border-color: rgba(0,0,0,.2) } .btn-twitter .badge { color: #55acee; background-color: #fff } .btn-vimeo { color: #fff; background-color: #1ab7ea; border-color: rgba(0,0,0,.2) } .btn-vimeo.active,.btn-vimeo.focus,.btn-vimeo:active,.btn-vimeo:focus,.btn-vimeo:hover,.open>.btn-vimeo.dropdown-toggle { color: #fff; background-color: #1295bf; border-color: rgba(0,0,0,.2) } .btn-vimeo.active.focus,.btn-vimeo.active:focus,.btn-vimeo.active:hover,.btn-vimeo:active.focus,.btn-vimeo:active:focus,.btn-vimeo:active:hover,.open>.btn-vimeo.dropdown-toggle.focus,.open>.btn-vimeo.dropdown-toggle:focus,.open>.btn-vimeo.dropdown-toggle:hover { color: #fff; background-color: #0f7b9f; border-color: rgba(0,0,0,.2) } .btn-vimeo.disabled.focus,.btn-vimeo.disabled:focus,.btn-vimeo.disabled:hover,.btn-vimeo[disabled].focus,.btn-vimeo[disabled]:focus,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo.focus,fieldset[disabled] .btn-vimeo:focus,fieldset[disabled] .btn-vimeo:hover { background-color: #1ab7ea; border-color: rgba(0,0,0,.2) } .btn-vimeo .badge { color: #1ab7ea; background-color: #fff } .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0,0,0,.2) } .btn-vk.active,.btn-vk.focus,.btn-vk:active,.btn-vk:focus,.btn-vk:hover,.open>.btn-vk.dropdown-toggle { color: #fff; background-color: #466482; border-color: rgba(0,0,0,.2) } .btn-vk.active.focus,.btn-vk.active:focus,.btn-vk.active:hover,.btn-vk:active.focus,.btn-vk:active:focus,.btn-vk:active:hover,.open>.btn-vk.dropdown-toggle.focus,.open>.btn-vk.dropdown-toggle:focus,.open>.btn-vk.dropdown-toggle:hover { color: #fff; background-color: #3a526b; border-color: rgba(0,0,0,.2) } .btn-vk.disabled.focus,.btn-vk.disabled:focus,.btn-vk.disabled:hover,.btn-vk[disabled].focus,.btn-vk[disabled]:focus,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk.focus,fieldset[disabled] .btn-vk:focus,fieldset[disabled] .btn-vk:hover { background-color: #587ea3; border-color: rgba(0,0,0,.2) } .btn-vk .badge { color: #587ea3; background-color: #fff } .btn-yahoo { color: #fff; background-color: #720e9e; border-color: rgba(0,0,0,.2) } .btn-yahoo.active,.btn-yahoo.focus,.btn-yahoo:active,.btn-yahoo:focus,.btn-yahoo:hover,.open>.btn-yahoo.dropdown-toggle { color: #fff; background-color: #500a6f; border-color: rgba(0,0,0,.2) } .btn-yahoo.active.focus,.btn-yahoo.active:focus,.btn-yahoo.active:hover,.btn-yahoo:active.focus,.btn-yahoo:active:focus,.btn-yahoo:active:hover,.open>.btn-yahoo.dropdown-toggle.focus,.open>.btn-yahoo.dropdown-toggle:focus,.open>.btn-yahoo.dropdown-toggle:hover { color: #fff; background-color: #39074e; border-color: rgba(0,0,0,.2) } .btn-yahoo.disabled.focus,.btn-yahoo.disabled:focus,.btn-yahoo.disabled:hover,.btn-yahoo[disabled].focus,.btn-yahoo[disabled]:focus,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo.focus,fieldset[disabled] .btn-yahoo:focus,fieldset[disabled] .btn-yahoo:hover { background-color: #720e9e; border-color: rgba(0,0,0,.2) } .btn-yahoo .badge { color: #720e9e; background-color: #fff } .bootstrap-switch { display: inline-block; cursor: pointer; border-radius: 4px; border: 1px solid #ccc; position: relative; text-align: left; overflow: hidden; line-height: 8px; user-select: none; vertical-align: middle; min-width: 100px; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 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,-webkit-box-shadow ease-in-out .15s } .bootstrap-switch.bootstrap-switch-mini { min-width: 71px } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding-bottom: 4px; padding-top: 4px; font-size: 10px; line-height: 9px } .bootstrap-switch.bootstrap-switch-small { min-width: 79px } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding-bottom: 3px; padding-top: 3px; font-size: 12px; line-height: 18px } .bootstrap-switch.bootstrap-switch-large { min-width: 120px } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { padding-bottom: 9px; padding-top: 9px; font-size: 16px; line-height: normal } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left .5s; transition: margin-left .5s } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container { margin-left: 0 } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container { margin-left: -50% } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container { margin-left: -25% } .bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly { opacity: .5; filter: alpha(opacity=50); cursor: default!important } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label { cursor: default!important } .bootstrap-switch.bootstrap-switch-focused { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .bootstrap-switch .bootstrap-switch-container { display: inline-block; width: 150%; top: 0; border-radius: 4px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block!important; height: 100%; padding-bottom: 4px; padding-top: 4px; font-size: 14px; line-height: 24px; font-weight: 400 } .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on { text-align: center; z-index: 1; width: 33.333333333% } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { color: #fff; background: #428bca } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info { color: #fff; background: #00b6f0 } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success { color: #fff; background: #5cb85c } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning { background: #f0ad4e; color: #fff } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger { color: #fff; background: #d9534f } .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color: #000; background: #eee } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .bootstrap-switch .bootstrap-switch-label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; width: 33.333333333%; color: #333; background: #fff } .bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox] { position: absolute!important; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: -1 } .bootstrap-switch input[type=radio].form-control,.bootstrap-switch input[type=checkbox].form-control { height: auto } .bv-form .help-block { margin-bottom: 0 } .bv-form .tooltip-inner { text-align: left } .nav-tabs li.bv-tab-success>a { color: #3c763d } .nav-tabs li.bv-tab-error>a { color: #a94442 } .bv-form .bv-icon-no-label { top: 0 } .bv-form .bv-icon-input-group { top: 0; z-index: 100 } .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; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative } .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 { 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; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-bullet { display: inline-block; border-radius: 100% } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-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: #333 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination { bottom: 10px; left: 0; width: 100% } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px } .swiper-container-3d { -webkit-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; 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,right top,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent)); background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent)); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent) } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide,.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-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1 } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-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-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .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-scrollbar { border-radius: 10px; position: relative; 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%; transform-origin: 50%; -webkit-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%; 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% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .bootstrap-touchspin [name=quantity] {display: block;border: 0;/* border-top: 1px solid #dfdfdf; *//* border-bottom: 1px solid #dfdfdf; */height: 28px;padding: 0;width: 28px;text-align: center;font-size: 14px;} .bootstrap-touchspin .input-group-btn {position: relative;white-space: nowrap;vertical-align: middle;display: table-cell;} .bootstrap-touchspin .input-group-btn>.btn {display: block;float: none;width: 100%;max-width: 100%;/* line-height: 15px; */font-size: 21px;/* font-weight: 300; */height: 30px;position: relative;padding: 0;outline: unset;} .bootstrap-touchspin .input-group-btn>.btn:hover {/* background: #e2e2e2!important; */} .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-up {border-radius: 0 4px 4px 0;border: unset;background: transparent;padding: 0 10px;outline: unset;} .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-down {border-radius: 4px 0 0 4px;border: unset;background: transparent;padding: 0 10px;} .bootstrap-touchspin .input-group-btn i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: 400 } .icheck-wrap.is-small .icheckbox_square-blue,.icheck-wrap.is-small .iradio_square-blue { width: 18px; height: 18px; background: url(../images/icheck/blue-small.png) no-repeat } .icheck-wrap.is-small .icheckbox_square-blue,.icheck-wrap.is-small .icheckbox_square-blue.hover { background-position: -18px 0 } .icheck-wrap.is-small .icheckbox_square-blue.checked { background-position: -36px 0 } .icheck-wrap.is-small .icheckbox_square-blue.disabled { background-position: -54px 0; cursor: default } .icheck-wrap.is-small .icheckbox_square-blue.checked.disabled { background-position: -72px 0 } .icheckbox_square-blue,.iradio_square-blue { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(../images/icheck/blue.png) no-repeat; border: none; cursor: pointer } .icheckbox_square-blue { background-position: 0 0 } .icheckbox_square-blue.hover { background-position: -24px 0 } .icheckbox_square-blue.checked { background-position: -48px 0 } .icheckbox_square-blue.disabled { background-position: -72px 0; cursor: default } .icheckbox_square-blue.checked.disabled { background-position: -96px 0 } .iradio_square-blue { background-position: -120px 0 } .iradio_square-blue.hover { background-position: -144px 0 } .iradio_square-blue.checked { background-position: -240px 0 } .iradio_square-blue.disabled { background-position: -192px 0; cursor: default } .iradio_square-blue.checked.disabled { background-position: -216px 0 } .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-inner,.fancybox-outer,.fancybox-skin { position: relative } .fancybox-skin { background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5); box-shadow: 0 10px 25px rgba(0,0,0,.5) } .fancybox-inner { overflow: hidden } .fancybox-error { color: #444; font-size: 14px/20px; margin: 0; padding: 15px; white-space: nowrap } .fancybox-iframe,.fancybox-image { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span { background-image: url(../images/fancybox/fancybox_sprite.png) } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } .fancybox-close,.fancybox-nav,.fancybox-nav span { z-index: 8040; position: absolute; cursor: pointer } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat } .fancybox-close { top: -18px; right: -18px; width: 36px; height: 36px } .fancybox-nav { top: 0; width: 40%; height: 100%; text-decoration: none; background: url(../images/fancybox/blank.gif) } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { top: 50%; width: 36px; height: 34px; margin-top: -18px; visibility: hidden } .fancybox-prev span { left: 10px; background-position: 0 -36px } .fancybox-next span { right: 10px; background-position: 0 -72px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible!important } .fancybox-lock,.fancybox-lock body { overflow: hidden!important } .fancybox-lock { width: auto } .fancybox-lock-test { overflow-y: hidden!important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; background: url(../images/fancybox/fancybox_overlay.png) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; font-size: 13px/20px; font-weight: 400; position: relative; text-shadow: none; z-index: 8050 } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0,0,0,.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8) } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) { #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span { background-image:url(../images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px } #fancybox-loading div { background-image: url(../images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px } } .nav-pills,.nav-tabs { position: relative } .reading-book-dialog { width: 100%; min-width: 300px; height: 100%; position: fixed; z-index: 9999999999; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none } .reading-book-dialog.is-collapse-lt>.inner .col1 { -webkit-transform: translate3d(-225px,0,0); transform: translate3d(-225px,0,0) } .reading-book-dialog.is-collapse-lt>.inner .col2 { padding-left: 0 } .reading-book-dialog.is-collapse-lt>.inner>a.left,.reading-book-dialog.is-collapse-lt>.inner>a.sticky-screen-banner.right { left: 0 } .reading-book-dialog.is-collapse-rt>.inner .col3 { -webkit-transform: translate3d(225px,0,0); transform: translate3d(225px,0,0) } .reading-book-dialog.is-collapse-rt>.inner .col2 { padding-right: 0 } .reading-book-dialog.is-collapse-rt>.inner>a.right { right: 0 } .reading-book-dialog a { cursor: pointer } .reading-book-dialog>.close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; border-radius: 32px; border: 3px solid #fff; text-shadow: 1px 1px #0077a3; display: block; background: #00c9e2; text-align: center; line-height: 25px; opacity: 1; filter: alpha(opacity=100); color: #fff; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .reading-book-dialog>.close:hover { opacity: .9; filter: alpha(opacity=90) } .reading-book-dialog>.inner { overflow: hidden; background: #fff; width: 100%; height: 100%; position: relative; font-size: 0; -webkit-box-shadow: 4px 7px 7px 0 #333; box-shadow: 4px 7px 7px 0 #333 } .reading-book-dialog>.inner h2 { height: 35px; line-height: 35px } .reading-book-dialog>.inner .shadow-bg { -webkit-box-shadow: 1px 1px 7px 0 rgba(50,50,50,.35); box-shadow: 1px 1px 7px 0 rgba(50,50,50,.35); position: absolute; top: 0; left: 0; width: 100%; height: 35px; z-index: 9; background: url(../images/xbook-review.png) 18px center no-repeat #f4f4f4 } .reading-book-dialog>.inner>a.left,.reading-book-dialog>.inner>a.right,.reading-book-dialog>.inner>a.sticky-screen-banner.right { display: block; color: #999; background: #e5e5e5; top: 300px; font-size: 18px; font-weight: bolder; padding: 3px 6px; border-radius: 5px; z-index: 999; -webkit-user-select: none; position: absolute } .reading-book-dialog>.inner>a.left,.reading-book-dialog>.inner>a.sticky-screen-banner.right { left: 202px; opacity: .5; filter: alpha(opacity=50); -moz-user-select: none; -ms-user-select: none; user-select: none } .reading-book-dialog>.inner>a.left:hover,.reading-book-dialog>.inner>a.sticky-screen-banner.right:hover { opacity: 1; filter: alpha(opacity=100) } .reading-book-dialog>.inner>a.right { right: 202px; opacity: .5; filter: alpha(opacity=50); -moz-user-select: none; -ms-user-select: none; user-select: none } .reading-book-dialog>.inner>a.right:hover { opacity: 1; filter: alpha(opacity=100) } .reading-book-dialog>.inner>.overlay { width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; display: none } .reading-book-dialog>.inner .control { position: absolute; height: 40px; line-height: 40px; bottom: 10px; left: 0; right: 0; margin: auto; z-index: 9999; width: 234px } .reading-book-dialog>.inner .control * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .reading-book-dialog>.inner .control .control-bg { width: 100%; height: 100%; position: absolute; opacity: .45; filter: alpha(opacity=45); background: #0ab8f0; border-radius: 3px } .reading-book-dialog>.inner .control .zoomreset { margin-right: 0 } .reading-book-dialog>.inner .control .zoomreset i.fa-compress,.reading-book-dialog>.inner .control .zoomreset i.fa-expand { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } .reading-book-dialog>.inner .col1 .row1 a:hover,.reading-book-dialog>.inner .col1 .row1 button.add-to-cart-new:hover { opacity: .9; filter: alpha(opacity=90) } .reading-book-dialog>.inner .col1 { position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; width: 225px; border-right: 1px solid #e5e5e5 } .reading-book-dialog>.inner .col1 h2 { margin: 0; font-size: 16px; color: #444; font-weight: 400; padding: 0 9px } .reading-book-dialog>.inner .col1 .row1 { font-size: 13px; position: relative; line-height: 13px; padding: 15px 15px 0; height: 260px } .reading-book-dialog>.inner .col1 .row1>p.image { width: 60px; float: left; margin: 0 5px 0 0; height: 160px } .reading-book-dialog>.inner .col1 .row1>p.image>img { width: 100% } .reading-book-dialog>.inner .col1 .row1>h3 { font-size: 12px; font-weight: 700; margin: 0 0 10px } .reading-book-dialog>.inner .col1 .row1>h3 a { color: #000 } .reading-book-dialog>.inner .col1 .row1>p.author>a { color: #57b1f1; font-weight: 700; display: inline } .reading-book-dialog>.inner .col1 .row1 p.price1 span { text-decoration: line-through } .reading-book-dialog>.inner .col1 .row1 p.price2 span:first-child { font-weight: 700; color: #090; font-size: 16px } .reading-book-dialog>.inner .col1 .row1 p.price2 span:nth-child(2) { font-size: 10px; margin: 0 0 0 120px; display: block } .reading-book-dialog>.inner .col1 .row1 button.add-to-cart-new { width: 92%; height: 28px; margin: 0 auto; background: url(../images/add-to-cart.png) no-repeat; display: none; background-size: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; clear: both } .reading-book-dialog>.inner .col1 .row1 button.add-to-cart-new:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .reading-book-dialog>.inner .col1 .row1 .productalert-btt { width: 100% } .reading-book-dialog>.inner .col1 .row1 a { display: block } .reading-book-dialog>.inner .col1 .row1 a img { margin: 0; width: 60px } .reading-book-dialog>.inner .col1 .row2 { padding: 15px 0 15px 15px; position: relative } .reading-book-dialog>.inner .col1 .row2 h3 { font-size: 16px; font-weight: 700; margin: 5px 0 15px; border-top: 2px solid #e9e9e9; padding-top: 15px; width: 195px } .reading-book-dialog>.inner .col1 .row2 ul { list-style: none; padding: 0 } .reading-book-dialog>.inner .col1 .row2 ul li { margin-bottom: 2px } .reading-book-dialog>.inner .col1 .row2 ul li a { font-size: 12px; font-weight: 700; padding: 8px 15px; display: block; color: #000; border-radius: 8px 0 0 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .reading-book-dialog>.inner .col1 .myfb { width: 215px; height: 62px; display: block; position: absolute; bottom: 10px; left: 12px; background: url(../images/xread-fb.png) no-repeat } .reading-book-dialog>.inner .col1 .fb-like { padding-top: 15px!important; width: 195px; text-align: center } .reading-book-dialog>.inner .col2 { position: relative; width: 100%; height: 100%; padding-left: 225px; padding-right: 225px; overflow: hidden; overflow-x: hidden; overflow-y: auto } .reading-book-dialog>.inner .col2 h2 { margin: 0; font-size: 16px; color: #444; text-align: center; padding: 0 9px; font-weight: 700; z-index: 13; position: relative; visibility: hidden } .reading-book-dialog>.inner .col2 h2 span { font-weight: 700 } .reading-book-dialog>.inner .col2 iframe { width: 100%; background: #fff } .reading-book-dialog>.inner .col3 { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 225px; border-left: 1px solid #e5e5e5 } .reading-book-dialog>.inner .col3 h2 { margin: 0; font-size: 16px; color: #444; text-align: center; font-weight: 400; padding: 0 9px } .reading-book-dialog>.inner .col3 .row1 .author span,.reading-book-dialog>.inner .col3 .row2 ul li .price,.reading-book-dialog>.inner .col3 h2 span { font-weight: 700 } .reading-book-dialog>.inner .col3 .row1 { line-height: 15px; padding: 15px; position: relative; height: 305px } .reading-book-dialog>.inner .col3 .row1 h3 { font-size: 16px; margin: 0 0 15px } .reading-book-dialog>.inner .col3 .row1 .overlay-c { width: 100%; height: 100%; background: #000; opacity: .4; filter: alpha(opacity=40); position: absolute; top: 0; left: 0; z-index: 999999; display: none } .reading-book-dialog>.inner .col3 .row1 .overlay-c .loader { border-top: 5px solid rgba(255,255,255,.2); border-right: 5px solid rgba(255,255,255,.2); border-bottom: 5px solid rgba(255,255,255,.2); border-left: 5px solid #fff; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; font-size: 0 } .banner-swiper-wrapper .loader-circle,.loader .loader-circle { bottom: 0; -webkit-animation: loader-animation 1.1s infinite linear } .reading-book-dialog>.inner .col3 .row1 .author,.reading-book-dialog>.inner .col3 .row1 .description { font-size: 12px } .reading-book-dialog>.inner .col3 .row1 .rating-box { width: 69px; height: 13px; margin-right: 10px; float: left; background: url(../images/product_rating_blank_star.gif) repeat-x } .reading-book-dialog>.inner .col3 .row1 .rating-box .rating { height: 13px; background: url(../images/product_rating_full_star.gif) repeat-x } .reading-book-dialog>.inner .col3 .row1 .title { font-size: 12px; font-weight: 700; color: #00aaf1 } .reading-book-dialog>.inner .col3 .row1 .ccontrol { position: absolute; bottom: 0; right: 15px } .reading-book-dialog>.inner .col3 .row2 { padding: 0 15px 15px; overflow: hidden } .reading-book-dialog>.inner .col3 .row2 h3 { margin: 0 0 10px; border-top: 2px solid #e9e9e9; font-size: 16px; padding-top: 15px } .reading-book-dialog>.inner .col3 .row2 ul { list-style: none; padding: 0 } .reading-book-dialog>.inner .col3 .row2 ul li { margin-top: 15px } .reading-book-dialog>.inner .col3 .row2 ul li p { font-size: 11px; margin-bottom: 3px } .reading-book-dialog>.inner .col3 .row2 ul li a { color: #000 } .reading-book-dialog>.inner .col3 .row2 ul li .author { font-size: 10px } .reading-book-dialog>.inner .col3 .row2 ul li .price span { font-weight: 400; text-decoration: line-through; color: #000 } .reading-book-dialog>.inner .col3 .row2 ul li .image { float: left; width: 50px; margin: 0 15px 0 0 } .reading-book-dialog>.inner .col3 .row2 ul li .image img { width: 50px } .reading-book-dialog>.inner .col3 .row2 ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .reading-book-dialog>.inner .col3 .row2 a { font-size: 13px; font-weight: 700; color: #00aaf1; display: block } .reading-book-dialog>.inner .col3 .row2 .sameurl { text-align: left; margin-top: 15px } .reading-book-dialog .popover { width: 230px!important; padding: 0 } .reading-book-dialog .popover .popover-content { padding: 0!important; overflow: hidden } .reading-book-dialog .font-wrap { list-style: none; padding: 0 } .reading-book-dialog .font-wrap li { line-height: normal; padding: 0 12px } .reading-book-dialog .font-wrap li a { font-size: 13px; display: block; padding: 8px 0; color: #000; border-bottom: 1px solid #F2F2F2; margin: -1px 0 0 } .reading-book-dialog .font-wrap li a:hover { text-decoration: none } .reading-book-dialog>.inner .control .next,.reading-book-dialog>.inner .control .prev { color: #fff; font-size: 25px; display: block; float: left; width: 45px; text-align: center; position: relative; z-index: 99; opacity: .7; filter: alpha(opacity=70); vertical-align: top } .reading-book-dialog>.inner .control .next:hover,.reading-book-dialog>.inner .control .prev:hover { opacity: 1; filter: alpha(opacity=100) } .reading-book-dialog>.inner .control .font,.reading-book-dialog>.inner .control .zoomin,.reading-book-dialog>.inner .control .zoomout,.reading-book-dialog>.inner .control .zoomreset { color: #fff; font-size: 16px; display: block; text-align: center; position: relative; float: left; z-index: 99; opacity: .7; filter: alpha(opacity=70); width: 31px; height: 31px; border-radius: 31px; line-height: 26px; border: 3px solid #fff; vertical-align: top; margin: 4px 5px 0 0 } .bootstrap-tagsinput,.tikicon { display: inline-block; vertical-align: middle } .reading-book-dialog>.inner .control .font:hover,.reading-book-dialog>.inner .control .zoomin:hover,.reading-book-dialog>.inner .control .zoomout:hover,.reading-book-dialog>.inner .control .zoomreset:hover { opacity: 1; filter: alpha(opacity=100); text-decoration: none } .reading-book-dialog>.inner .col1 .row2 ul li a.active,.reading-book-dialog>.inner .col1 .row2 ul li a:hover { background: #e9e9e9; text-decoration: none } .reading-book-dialog>.inner .col3 .row1 .overlay-c .loader,.reading-book-dialog>.inner .col3 .row1 .overlay-c .loader:after { border-radius: 50%; width: 30px; height: 30px } @-webkit-keyframes load8 { from { width: 0 } to { width: 100% } } @keyframes load8 { from { width: 0 } to { width: 100% } } .reading-book-dialog>.inner .col3 .row1 .ccontrol .cnext,.reading-book-dialog>.inner .col3 .row1 .ccontrol .cprev { display: inline-block; background: #e5e5e5; color: #919296; height: 20px; line-height: 20px; font-size: 11px; padding: 0 4px; margin-left: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 3px } .reading-book-dialog>.inner .col3 .row1 .ccontrol .cnext:hover,.reading-book-dialog>.inner .col3 .row1 .ccontrol .cprev:hover { opacity: .8; filter: alpha(opacity=80) } .reading-book-dialog .font-wrap li.active,.reading-book-dialog .font-wrap li:hover { background: #F2F2F2 } @media (min-width: 992px) { .reading-book-dialog { width:97%; height: 92% } .reading-book-dialog .inner { border-radius: 10px } .reading-book-dialog .inner .col2 h2 { visibility: visible } .reading-book-dialog>.close { top: -10px; right: -10px } } .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 4px 6px; color: #555; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text } .tiki-icons,.tiki-icons-2,.tiki-icons-v2 { font-style: normal; font-weight: 400; line-height: 1 } .bootstrap-tagsinput input { border: none; -webkit-box-shadow: none; box-shadow: none; outline: 0; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit } .tikicon.icon-2h,.tikicon.icon-acc-2h { width: 24px; height: 24px; background-image: url(../images/sprite.png?v=1519811185467) } .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1 } .bootstrap-tagsinput.form-control input:-ms-input-placeholder { color: #777 } .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777 } .bootstrap-tagsinput input:focus { border: none; -webkit-box-shadow: none; box-shadow: none } .bootstrap-tagsinput .tag { margin-right: 2px; color: #fff } .bootstrap-tagsinput .tag [data-role=remove] { margin-left: 8px; cursor: pointer } .bootstrap-tagsinput .tag [data-role=remove]:after { content: "x"; padding: 0 2px } .bootstrap-tagsinput .tag [data-role=remove]:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05) } .bootstrap-tagsinput .tag [data-role=remove]:hover:active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } @-webkit-keyframes loader-animation { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes loader-animation { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes tada { from,to { -webkit-transform: rotate3d(0,0,1,0); transform: rotate3d(0,0,1,0) } 10%,20%,40%,60%,80% { -webkit-transform: rotate3d(0,0,1,-9deg); transform: rotate3d(0,0,1,-9deg) } 30%,50%,70%,90% { -webkit-transform: rotate3d(0,0,1,9deg); transform: rotate3d(0,0,1,9deg) } } @keyframes tada { from,to { -webkit-transform: rotate3d(0,0,1,0); transform: rotate3d(0,0,1,0) } 10%,20%,40%,60%,80% { -webkit-transform: rotate3d(0,0,1,-9deg); transform: rotate3d(0,0,1,-9deg) } 30%,50%,70%,90% { -webkit-transform: rotate3d(0,0,1,9deg); transform: rotate3d(0,0,1,9deg) } } @keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-150%,0); transform: translate3d(0,-150%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0,-150%,0); transform: translate3d(0,-150%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: visible } to { -webkit-transform: translate3d(0,-150%,0); transform: translate3d(0,-150%,0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: visible } to { -webkit-transform: translate3d(0,-150%,0); transform: translate3d(0,-150%,0) } } @font-face { font-family: 'Tiki Icons'; src: url(../fonts/tiki-icons/Tiki-Icons.eot?v=8); src: url(../fonts/tiki-icons/Tiki-Icons.eot?v=8#iefix) format("embedded-opentype"),url(../fonts/tiki-icons/Tiki-Icons.woff?v=8) format("woff"),url(../fonts/tiki-icons/Tiki-Icons.ttf?v=8) format("truetype"),url(../fonts/tiki-icons/Tiki-Icons.svg?v=8#Tiki-Icons) format("svg"); font-weight: 400; font-style: normal } .tiki-icons { display: inline-block; font-family: 'Tiki Icons' } .tiki-icons-accessories:before { content: '\0041' } .tiki-icons-baby:before { content: '\0042' } .tiki-icons-beautiful:before { content: '\0043' } .tiki-icons-book:before { content: '\0044' } .tiki-icons-camera:before { content: '\0045' } .tiki-icons-electric:before { content: '\0046' } .tiki-icons-house:before { content: '\0047' } .tiki-icons-mobile:before { content: '\0048' } .tiki-icons-sport:before { content: '\0049' } .tiki-icons-stationary:before { content: '\004A' } .tiki-icons-toy:before { content: '\004B' } .tiki-icons-close:before { content: '\004C' } .tiki-icons-tivi:before { content: '\004D' } .tiki-icons-grocery:before { content: '\004E' } .tiki-icons-fashion:before { content: '\004F' } .tiki-icons-deal:before { content: '\0050' } .tiki-icons-health:before { content: '\0051' } .tiki-icons-fridge:before { content: '\0052' } @font-face { font-family: tiki-icons-2; src: url(../fonts/tiki-icons/tiki-icons-2.eot?v=3); src: url(../fonts/tiki-icons/tiki-icons-2.eot?v=3#iefix) format("embedded-opentype"),url(../fonts/tiki-icons/tiki-icons-2.ttf?v=3) format("truetype"),url(../fonts/tiki-icons/tiki-icons-2.woff?v=3) format("woff"),url(../fonts/tiki-icons/tiki-icons-2.svg?v=2#tiki-icons-3) format("svg"); font-weight: 400; font-style: normal } .tiki-icons-2 { font-family: tiki-icons-2!important; speak: none; font-variant: normal; text-transform: none; display: inline-block } .tiki-icons-2-logo:before { content: "\e900" } .tiki-icons-2-laptop:before { content: "\e911" } @font-face { font-family: 'Tiki Icons V2'; src: url(../fonts/tiki-icons-v2/icomoon.ttf?2u0inb) format("truetype"),url(../fonts/tiki-icons-v2/icomoon.woff?2u0inb) format("woff"),url(../fonts/tiki-icons-v2/icomoon.svg?2u0inb#icomoon) format("svg"); font-weight: 400; font-style: normal } .tiki-icons-v2 { font-family: 'Tiki Icons V2'!important; speak: none; font-variant: normal; text-transform: none } .tiki-icons-v2-bike:before { content: "\e900" } .tiki-icons-v2-voucher:before { content: "\e901" } .tikicon.icon-2h { background-position: -348px -376px } .tikicon.icon-acc-2h { background-position: -145px -409px } .tikicon.icon-acc-bookcare { background-image: url(../images/sprite.png?v=1519811185467); background-position: -21px -461px; width: 15px; height: 18px } .tikicon.icon-acc-bougth-review { background-image: url(../images/sprite.png?v=1519811185467); background-position: -203px -409px; width: 24px; height: 24px } .tikicon.icon-acc-cart,.tikicon.icon-acc-credit,.tikicon.icon-acc-favorite { width: 20px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-acc-cart { background-position: -484px -206px; height: 20px } .tikicon.icon-acc-credit { background-position: -427px -298px; height: 16px } .tikicon.icon-acc-favorite { background-position: -484px -402px; height: 18px } .tikicon.icon-acc-location { background-image: url(../images/sprite.png?v=1519811185467); background-position: -435px -376px; width: 14px; height: 20px } .tikicon.icon-acc-money { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -248px; width: 18px; height: 19px } .tikicon.icon-acc-notice { background-image: url(../images/sprite.png?v=1519811185467); background-position: -326px -65px; width: 16px; height: 20px } .tikicon.icon-acc-order { background-image: url(../images/sprite.png?v=1519811185467); background-position: -427px -199px; width: 18px; height: 18px } .tikicon.icon-acc-qna { background-image: url(../images/sprite.png?v=1519811185467); background-position: -57px -438px; width: 17px; height: 17px } .tikicon.icon-acc-recently-view { background-image: url(../images/sprite.png?v=1519811185467); background-position: -319px -376px; width: 24px; height: 24px } .tikicon.icon-acc-tikifirst,.tikicon.icon-acc-user { width: 16px; height: 16px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-acc-tikifirst { background-position: -319px -352px } .tikicon.icon-acc-user { background-position: -298px -352px } .tikicon.icon-add-rating { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -331px; width: 20px; height: 19px } .tikicon.icon-add-to-cart2x { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px 0; width: 25px; height: 20px } .tikicon.icon-appstore { background-image: url(../images/sprite.png?v=1519811185467); background-position: -125px -104px; width: 134px; height: 40px } .tikicon.icon-bestseller { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -131px; width: 20px; height: 20px } .tikicon.icon-cgv { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -438px; width: 30px; height: 18px } .tikicon.icon-check-off,.tikicon.icon-check-on,.tikicon.icon-circle-close { width: 24px; height: 24px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-check-off { background-position: -29px -409px } .tikicon.icon-check-on { background-position: -58px -409px } .tikicon.icon-circle-close { background-position: -116px -409px } .tikicon.icon-arrow-back { background-image: url(../images/sprite.png?v=1519811185467); background-position: -441px -72px; width: 8px; height: 14px } .tikicon.icon-arrow-down { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -449px; width: 12px; height: 6px } .tikicon.icon-booking_dot_com { background-image: url(../images/sprite.png?v=1519811185467); background-position: -41px -461px; width: 13px; height: 18px } .tikicon.icon-burger-menu { background-image: url(../images/sprite.png?v=1519811185467); background-position: -427px -331px; width: 20px; height: 16px } .tikicon.icon-cart { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -201px; width: 19px; height: 18px } .tikicon.icon-circle-tick { background-image: url(../images/sprite.png?v=1519811185467); background-position: -187px -327px; width: 15px; height: 15px } .tikicon.icon-clearance-sale { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -359px; width: 18px; height: 18px } .tikicon.icon-delivery { background-image: url(../images/sprite.png?v=1519811185467); background-position: -348px -409px; width: 24px; height: 24px } .tikicon.icon-e-voucher { background-image: url(../images/sprite.png?v=1519811185467); background-position: -163px -438px; width: 10px; height: 16px } .tikicon.icon-ebook-42 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -394px -72px; width: 42px; height: 21px } .tikicon.icon-ebook { background-image: url(../images/sprite.png?v=1519811185467); background-position: -261px -65px; width: 60px; height: 30px } .tikicon.icon-exclusive { background-image: url(../images/sprite.png?v=1519811185467); background-position: -394px -98px; width: 28px; height: 29px } .tikicon.icon-fast-delivery-short { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -58px; width: 24px; height: 24px } .tikicon.icon-fast-delivery { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -327px; width: 69px; height: 20px } .tikicon.icon-gift-card { background-image: url(../images/sprite.png?v=1519811185467); background-position: -427px -166px; width: 18px; height: 18px } .tikicon.icon-gift { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px 0; width: 24px; height: 24px } .tikicon.icon-gift_16 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -361px -352px; width: 16px; height: 16px } .tikicon.icon-gift_20 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -156px; width: 20px; height: 20px } .tikicon.icon-gift_green { background-image: url(../images/sprite.png?v=1519811185467); background-position: -377px -409px; width: 24px; height: 24px } .tikicon.icon-global-16 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -142px -438px; width: 16px; height: 16px } .tikicon.icon-global-18 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -336px; width: 18px; height: 18px } .tikicon.icon-global-24 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -319px -409px; width: 24px; height: 24px } .tikicon.icon-gotadi,.tikicon.icon-gotadi-2 { width: 18px; height: 18px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-gotadi-2 { background-position: -455px -405px } .tikicon.icon-gotadi { background-position: -427px -132px } .tikicon.icon-hoan-tien-2 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -281px; width: 20px; height: 20px } .tikicon.icon-home-global { background-image: url(../images/sprite.png?v=1519811185467); background-position: -349px -45px; width: 40px; height: 40px } .tikicon.icon-info-grey { background-image: url(../images/sprite.png?v=1519811185467); background-position: -245px -327px; width: 14px; height: 14px } .tikicon.icon-info { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -378px; width: 19px; height: 19px } .tikicon.icon-interval-18 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -427px -98px; width: 18px; height: 18px } .tikicon.icon-interval-19 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -68px -352px; width: 59px; height: 19px } .tikicon.icon-interval-20 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -394px -47px; width: 44px; height: 20px } .tikicon.icon-interval-23 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -266px -200px; width: 70px; height: 23px } .tikicon.icon-interval { background-image: url(../images/sprite.png?v=1519811185467); background-position: -132px -352px; width: 59px; height: 19px } .tikicon.icon-intreval-23 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -168px 0; width: 176px; height: 60px } .tikicon.icon-location-16 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -178px -438px; width: 10px; height: 14px } .tikicon.icon-location-picker,.tikicon.icon-location-shadow { width: 24px; height: 24px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-location-picker { background-position: -406px -376px } .tikicon.icon-location-shadow { background-position: -377px -376px } .tikicon.icon-logo-blue { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -200px; width: 90px; height: 60px } .tikicon.icon-logo-tiki { background-image: url(../images/sprite.png?v=1519811185467); background-position: -168px -65px; width: 88px; height: 32px } .tikicon.icon-notification { background-image: url(../images/sprite.png?v=1519811185467); background-position: -261px -376px; width: 24px; height: 24px } .tikicon.icon-plane-16 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -340px -352px; width: 16px; height: 16px } .tikicon.icon-plane-18 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -427px -265px; width: 18px; height: 18px } .tikicon.icon-plane,.tikicon.icon-radio-button-off,.tikicon.icon-radio-button-on { width: 24px; height: 24px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-plane { background-position: -455px -87px } .tikicon.icon-radio-button-off { background-position: -455px -29px } .tikicon.icon-radio-button-on { background-position: -406px -409px } .tikicon.icon-return { background-image: url(../images/sprite.png?v=1519811185467); background-position: -132px -376px; width: 28px; height: 28px } .tikicon.icon-search,.tikicon.icon-search-2 { width: 14px; height: 15px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-search-2 { background-position: -207px -327px } .tikicon.icon-search { background-position: -226px -327px } .tikicon.icon-standard-delivery { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -106px; width: 24px; height: 20px } .tikicon.icon-store-camket { background-image: url(../images/sprite.png?v=1519811185467); background-position: -43px -265px; width: 42px; height: 42px } .tikicon.icon-store-cart { background-image: url(../images/sprite.png?v=1519811185467); background-position: -232px -409px; width: 24px; height: 24px } .tikicon.icon-store-chung-nhan { background-image: url(../images/sprite.png?v=1519811185467); background-position: -349px 0; width: 40px; height: 40px } .tikicon.icon-store-hoan-tien { background-image: url(../images/sprite.png?v=1519811185467); background-position: -90px -265px; width: 42px; height: 42px } .tikicon.icon-store-home,.tikicon.icon-store-order,.tikicon.icon-store-user,.tikicon.icon-store-verifed { width: 24px; height: 24px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-store-home { background-position: -87px -409px } .tikicon.icon-store-order { background-position: -290px -376px } .tikicon.icon-store-user { background-position: -261px -409px } .tikicon.icon-store-verifed { background-position: -174px -409px } .tikicon.icon-store-verifed_48 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -349px -90px; width: 40px; height: 40px } .tikicon.icon-tikinow-18 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -394px 0; width: 56px; height: 17px } .tikicon.icon-tikinow-19 { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -352px; width: 63px; height: 19px } .tikicon.icon-tikinow-20 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -394px -22px; width: 47px; height: 20px } .tikicon.icon-tikinow-24 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -255px -265px; width: 61px; height: 24px } .tikicon.icon-tikinow { background-image: url(../images/sprite.png?v=1519811185467); background-position: -192px -265px; width: 58px; height: 28px } .tikicon.icon-tra-gop-64 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -196px -352px; width: 64px; height: 16px } .tikicon.icon-tracking,.tikicon.icon-user { width: 22px; height: 22px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-tracking { background-position: -484px -25px } .tikicon.icon-user { background-position: -484px -52px } .tikicon.icon-uu-dai-hop-tac { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -382px; width: 18px; height: 18px } .tikicon.icon-white-cellphone { background-image: url(../images/sprite.png?v=1519811185467); background-position: -59px -461px; width: 11px; height: 18px } .tikicon.icon-zalo { background-image: url(../images/sprite.png?v=1519811185467); background-position: -231px -376px; width: 25px; height: 25px } .tikicon.icon-cup-prize { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -145px; width: 23px; height: 24px } .tikicon.icon-email { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -231px; width: 20px; height: 20px } .tikicon.icon-facebook-small { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -313px; width: 18px; height: 18px } .tikicon.icon-footer-zalo { background-image: url(../images/sprite.png?v=1519811185467); background-position: -349px -135px; width: 32px; height: 32px } .tikicon.icon-bo-cong-thuong { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -104px; width: 120px; height: 46px } .tikicon.icon-cash { background-image: url(../images/sprite.png?v=1519811185467); background-position: -264px -104px; width: 54px; height: 33px } .tikicon.icon-fb { background-image: url(../images/sprite.png?v=1519811185467); background-position: -349px -209px; width: 32px; height: 32px } .tikicon.icon-installment,.tikicon.icon-internet-banking,.tikicon.icon-jcb { width: 54px; height: 33px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-installment { background-position: -148px -200px } .tikicon.icon-internet-banking { background-position: -257px -155px } .tikicon.icon-jcb { background-position: -139px -155px } .tikicon.icon-location { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -265px; width: 38px; height: 57px } .tikicon.icon-mastercard,.tikicon.icon-visa { width: 54px; height: 33px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-mastercard { background-position: -207px -200px } .tikicon.icon-visa { background-position: -198px -155px } .tikicon.icon-youtube { background-image: url(../images/sprite.png?v=1519811185467); background-position: -349px -172px; width: 32px; height: 32px } .tikicon.icon-google-small { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -174px; width: 23px; height: 22px } .tikicon.icon-header_2h,.tikicon.icon-home-floor-book { background-image: url(../images/sprite.png?v=1519811185467); width: 28px } .tikicon.icon-header_2h { background-position: -394px -232px; height: 28px } .tikicon.icon-home-floor-book { background-position: -394px -132px; height: 29px } .tikicon.icon-home-floor-bottle,.tikicon.icon-home-floor-camera,.tikicon.icon-home-floor-cellphone,.tikicon.icon-home-floor-electronic,.tikicon.icon-home-floor-headphone,.tikicon.icon-home-floor-lamp,.tikicon.icon-home-floor-lipsticks,.tikicon.icon-home-floor-pan,.tikicon.icon-home-floor-sport,.tikicon.icon-home-floor-sprayer,.tikicon.icon-home-floor-toy,.tikicon.icon-home-floor-tshirt,.tikicon.icon-home-floor-tv { width: 28px; height: 28px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-home-floor-bottle { background-position: -316px -155px } .tikicon.icon-home-floor-camera { background-position: 0 -376px } .tikicon.icon-home-floor-cellphone { background-position: -33px -376px } .tikicon.icon-home-floor-electronic { background-position: -66px -376px } .tikicon.icon-home-floor-headphone { background-position: -99px -376px } .tikicon.icon-home-floor-lamp { background-position: -165px -376px } .tikicon.icon-home-floor-laptop { background-image: url(../images/sprite.png?v=1519811185467); background-position: -394px -166px; width: 28px; height: 28px } .tikicon.icon-home-floor-lipsticks { background-position: -394px -199px } .tikicon.icon-home-floor-pan { background-position: -198px -376px } .tikicon.icon-home-floor-sport { background-position: -394px -265px } .tikicon.icon-home-floor-sprayer { background-position: -394px -298px } .tikicon.icon-home-floor-toy { background-position: -394px -331px } .tikicon.icon-home-floor-tshirt { background-position: -349px -246px } .tikicon.icon-home-floor-tv { background-position: -349px -279px } .tikicon.icon-hot-deal-icon { background-image: url(../images/sprite.png?v=1519811185467); background-position: -95px -200px; width: 48px; height: 48px } .tikicon.icon-hot { background-image: url(../images/sprite.png?v=1519811185467); background-position: -121px -438px; width: 16px; height: 16px } .tikicon.icon-hot_12 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -283px -327px; width: 12px; height: 12px } .tikicon.icon-hot_14 { background-image: url(../images/sprite.png?v=1519811185467); background-position: -264px -327px; width: 14px; height: 14px } .tikicon.icon-main-menu-bike { background-image: url(../images/sprite.png?v=1519811185467); background-position: -290px -409px; width: 24px; height: 24px } .tikicon.icon-main-menu-book { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -461px; width: 16px; height: 18px } .tikicon.icon-main-menu-bottle { background-image: url(../images/sprite.png?v=1519811185467); background-position: -17px -484px; width: 10px; height: 21px } .tikicon.icon-main-menu-camera { background-image: url(../images/sprite.png?v=1519811185467); background-position: -164px -327px; width: 18px; height: 15px } .tikicon.icon-main-menu-cellphone,.tikicon.icon-main-menu-electronic,.tikicon.icon-main-menu-global { height: 18px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-main-menu-cellphone { background-position: -75px -461px; width: 11px } .tikicon.icon-main-menu-electronic { background-position: -435px -409px; width: 15px } .tikicon.icon-main-menu-global { background-position: -427px -232px; width: 18px } .tikicon.icon-main-menu-headphone { background-image: url(../images/sprite.png?v=1519811185467); background-position: -100px -438px; width: 16px; height: 17px } .tikicon.icon-main-menu-hot { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -79px; width: 22px; height: 22px } .tikicon.icon-main-menu-lamp { background-image: url(../images/sprite.png?v=1519811185467); background-position: -79px -438px; width: 16px; height: 17px } .tikicon.icon-main-menu-laptop { background-image: url(../images/sprite.png?v=1519811185467); background-position: -323px -104px; width: 21px; height: 14px } .tikicon.icon-main-menu-lipsticks { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -306px; width: 19px; height: 20px } .tikicon.icon-main-menu-pan { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -272px; width: 24px; height: 14px } .tikicon.icon-main-menu-sport { background-image: url(../images/sprite.png?v=1519811185467); background-position: -35px -438px; width: 17px; height: 17px } .tikicon.icon-main-menu-sprayer { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -484px; width: 12px; height: 21px } .tikicon.icon-main-menu-toy { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -291px; width: 20px; height: 17px } .tikicon.icon-main-menu-tshirt { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -355px; width: 21px; height: 18px } .tikicon.icon-main-menu-tv,.tikicon.icon-main-menu-vas { width: 18px; background-image: url(../images/sprite.png?v=1519811185467) } .tikicon.icon-main-menu-tv { background-position: -323px -123px; height: 14px } .tikicon.icon-main-menu-vas { background-position: -455px -224px; height: 19px } .tikicon.icon-main-menu-voucher { background-image: url(../images/sprite.png?v=1519811185467); background-position: -455px -116px; width: 24px; height: 24px } .tikicon.icon-money_bag { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -425px; width: 18px; height: 19px } .tikicon.icon-new { background-image: url(../images/sprite.png?v=1519811185467); background-position: -265px -352px; width: 28px; height: 16px } .tikicon.icon-newsletter { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 0; width: 163px; height: 99px } .tikicon.icon-phone { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -256px; width: 20px; height: 20px } .tikicon.icon-playstore { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -155px; width: 134px; height: 40px } .tikicon.icon-store { background-image: url(../images/sprite.png?v=1519811185467); background-position: 0 -409px; width: 24px; height: 24px } .tikicon.icon-tiki_short { background-image: url(../images/sprite.png?v=1519811185467); background-position: -137px -265px; width: 50px; height: 33px } .tikicon.icon-tra-gop { background-image: url(../images/sprite.png?v=1519811185467); background-position: -74px -327px; width: 85px; height: 15px } .tikicon.icon-warranty { background-image: url(../images/sprite.png?v=1519811185467); background-position: -484px -181px; width: 20px; height: 20px } .tikicon.icon-zalo-small { background-image: url(../images/sprite.png?v=1519811185467); background-position: -321px -265px; width: 17px; height: 17px } @media (-webkit-min-device-pixel-ratio: 1.5),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .tikicon.icon-2h,.tikicon.icon-acc-2h,.tikicon.icon-acc-bookcare,.tikicon.icon-acc-bougth-review,.tikicon.icon-acc-cart,.tikicon.icon-acc-credit,.tikicon.icon-acc-favorite,.tikicon.icon-acc-location,.tikicon.icon-acc-money,.tikicon.icon-acc-notice,.tikicon.icon-acc-order,.tikicon.icon-acc-qna,.tikicon.icon-acc-recently-view,.tikicon.icon-acc-tikifirst,.tikicon.icon-acc-user,.tikicon.icon-add-rating,.tikicon.icon-add-to-cart2x,.tikicon.icon-appstore,.tikicon.icon-arrow-back,.tikicon.icon-arrow-down,.tikicon.icon-bestseller,.tikicon.icon-bo-cong-thuong,.tikicon.icon-booking_dot_com,.tikicon.icon-burger-menu,.tikicon.icon-cart,.tikicon.icon-cash,.tikicon.icon-cgv,.tikicon.icon-check-off,.tikicon.icon-check-on,.tikicon.icon-circle-close,.tikicon.icon-circle-tick,.tikicon.icon-clearance-sale,.tikicon.icon-cup-prize,.tikicon.icon-delivery,.tikicon.icon-e-voucher,.tikicon.icon-ebook,.tikicon.icon-ebook-42,.tikicon.icon-email,.tikicon.icon-exclusive,.tikicon.icon-facebook-small,.tikicon.icon-fast-delivery,.tikicon.icon-fast-delivery-short,.tikicon.icon-fb,.tikicon.icon-footer-zalo,.tikicon.icon-gift,.tikicon.icon-gift-card,.tikicon.icon-gift_16,.tikicon.icon-gift_20,.tikicon.icon-gift_green,.tikicon.icon-global-16,.tikicon.icon-global-18,.tikicon.icon-global-24,.tikicon.icon-google-small,.tikicon.icon-gotadi,.tikicon.icon-gotadi-2,.tikicon.icon-header_2h,.tikicon.icon-hoan-tien-2,.tikicon.icon-home-floor-book,.tikicon.icon-home-floor-bottle,.tikicon.icon-home-floor-camera,.tikicon.icon-home-floor-cellphone,.tikicon.icon-home-floor-electronic,.tikicon.icon-home-floor-headphone,.tikicon.icon-home-floor-lamp,.tikicon.icon-home-floor-laptop,.tikicon.icon-home-floor-lipsticks,.tikicon.icon-home-floor-pan,.tikicon.icon-home-floor-sport,.tikicon.icon-home-floor-sprayer,.tikicon.icon-home-floor-toy,.tikicon.icon-home-floor-tshirt,.tikicon.icon-home-floor-tv,.tikicon.icon-home-global,.tikicon.icon-hot,.tikicon.icon-hot-deal-icon,.tikicon.icon-hot_12,.tikicon.icon-hot_14,.tikicon.icon-info,.tikicon.icon-info-grey,.tikicon.icon-installment,.tikicon.icon-internet-banking,.tikicon.icon-interval,.tikicon.icon-interval-18,.tikicon.icon-interval-19,.tikicon.icon-interval-20,.tikicon.icon-interval-23,.tikicon.icon-intreval-23,.tikicon.icon-jcb,.tikicon.icon-location,.tikicon.icon-location-16,.tikicon.icon-location-picker,.tikicon.icon-location-shadow,.tikicon.icon-logo-blue,.tikicon.icon-logo-tiki,.tikicon.icon-main-menu-bike,.tikicon.icon-main-menu-book,.tikicon.icon-main-menu-bottle,.tikicon.icon-main-menu-camera,.tikicon.icon-main-menu-cellphone,.tikicon.icon-main-menu-electronic,.tikicon.icon-main-menu-global,.tikicon.icon-main-menu-headphone,.tikicon.icon-main-menu-hot,.tikicon.icon-main-menu-lamp,.tikicon.icon-main-menu-laptop,.tikicon.icon-main-menu-lipsticks,.tikicon.icon-main-menu-pan,.tikicon.icon-main-menu-sport,.tikicon.icon-main-menu-sprayer,.tikicon.icon-main-menu-toy,.tikicon.icon-main-menu-tshirt,.tikicon.icon-main-menu-tv,.tikicon.icon-main-menu-vas,.tikicon.icon-main-menu-voucher,.tikicon.icon-mastercard,.tikicon.icon-money_bag,.tikicon.icon-new,.tikicon.icon-newsletter,.tikicon.icon-notification,.tikicon.icon-phone,.tikicon.icon-plane,.tikicon.icon-plane-16,.tikicon.icon-plane-18,.tikicon.icon-playstore,.tikicon.icon-radio-button-off,.tikicon.icon-radio-button-on,.tikicon.icon-return,.tikicon.icon-search,.tikicon.icon-search-2,.tikicon.icon-standard-delivery,.tikicon.icon-store,.tikicon.icon-store-camket,.tikicon.icon-store-cart,.tikicon.icon-store-chung-nhan,.tikicon.icon-store-hoan-tien,.tikicon.icon-store-home,.tikicon.icon-store-order,.tikicon.icon-store-user,.tikicon.icon-store-verifed,.tikicon.icon-store-verifed_48,.tikicon.icon-tiki_short,.tikicon.icon-tikinow,.tikicon.icon-tikinow-18,.tikicon.icon-tikinow-19,.tikicon.icon-tikinow-20,.tikicon.icon-tikinow-24,.tikicon.icon-tra-gop,.tikicon.icon-tra-gop-64,.tikicon.icon-tracking,.tikicon.icon-user,.tikicon.icon-uu-dai-hop-tac,.tikicon.icon-visa,.tikicon.icon-warranty,.tikicon.icon-white-cellphone,.tikicon.icon-youtube,.tikicon.icon-zalo,.tikicon.icon-zalo-small { background-image:url(../images/sprite@2x.png?v=1519811185467); background-size: 509px 505px } } .container { max-width: none!important } .container-fluid { min-width: 1170px } .swiper-pagination-bullet { opacity: .7; width: 12px; height: 12px; background: #818181; margin: 1px 2px!important; border: 1px solid transparent } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: .5; border: 2px solid #929292 } a { color: #007ff0 } a:focus,a:hover { color: rgba(0,127,240,.8); text-decoration: none } body {min-height: 100%;line-height: normal;font-family: Roboto,Helvetica,Arial,sans-serif;/* background: #f4f4f4; */padding: 0!important} .swiper-button-next,.swiper-button-prev,i.ico { font-family: icomoon!important } body.sub-hidden .icon-sub,body.sub-hidden .product-item .image .product-right-icon .icon-save-sub,body.sub-hidden .product-item .subscription-discount { display: none!important } body.sub-visible .icon-sub,body.sub-visible .product-item .image .product-right-icon .icon-save-sub,body.sub-visible .product-item .subscription-discount { display: inline-block } body.sub-visible .check-2h-supported .is-subscription { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important } body.sub-visible.sub-force-hidden #saveSubRoot,body.sub-visible.sub-force-hidden .check-2h-supported .is-subscription,body.sub-visible.sub-force-hidden .icon-sub,body.sub-visible.sub-force-hidden .product-item .image .product-right-icon .icon-save-sub,body.sub-visible.sub-force-hidden .product-item .subscription-discount { display: none!important } body.chirstmas .wrap-header { max-height: none } body.chirstmas .wrap-header .header-logo>a { height: 47px } body.chirstmas .wrap-header .header-logo>a .chirstmas-logo { width: 150px; margin-top: -7px } body.chirstmas>.wrap { background: url(../images/chirstmas/chirstmas-footer.png) bottom center no-repeat,url(../images/chirstmas/chirstmas-body.jpg); background-size: contain,contain; padding-bottom: 150px; margin-bottom: 0; min-height: 600px } body.chirstmas>.wrap>.container { position: relative } body.chirstmas>.wrap>.container:after,body.chirstmas>.wrap>.container:before { content: ''; position: absolute; top: 0; left: -322px; background: url(../images/chirstmas/chirstmas-left.png) top center no-repeat; width: 343px; height: 509px } body.chirstmas>.wrap>.container:after { left: auto; right: -355px; background: url(../images/chirstmas/chirstmas-right.png) top center no-repeat; width: 354px; height: 370px } body.tet-nguyen-dan .wrap-header .header-logo>a .tet-nguyen-dan-logo { margin-top: -10px; width: 145px; height: 58px } input[placeholder] { text-overflow: ellipsis } ::-moz-placeholder { text-overflow: ellipsis } input:-moz-placeholder { text-overflow: ellipsis } input { text-overflow: ellipsis } .no-overflow { overflow: hidden!important } .mobile-app-wrapper .icheck { opacity: 1!important; filter: alpha(opacity=100)!important } .modal-header .close { padding: 10px } .tiki-all-top-banner { position: relative; background: #fff } .tiki-all-top-banner.has-z-index { z-index: 9999 } .alert-added-cart { margin-top: 20px!important; width: 300px } .alert-added-cart .icon { float: left; background: #007FF0; font-size: 20px; color: #fff; font-weight: 700; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-right: 15px; margin-bottom: 0; border-radius: 20px } .alert-added-cart .text { margin-bottom: 0 } .alert-added-cart .text a { display: block; color: #007FF0 } .alert-added-cart .popover-content:after,.alert-added-cart .popover-content:before { display: table; content: ""; clear: both } .global-overlay { position: fixed; opacity: .7; background: #000; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; display: none } .wrap.has-margin-top { margin-top: 104px } .MagicThumb-expanded>div>div,.MagicThumb-expanded>div>span,.MagicZoomBigImageCont div { text-indent: 99999999999!important; font-size: 0!important } .popover .popover-content { font-size: 13px } .list-pager { margin-top: 15px; margin-bottom: 0; text-align: right } .list-pager ul { list-style: none; margin: 0; text-align: right; padding: 0 } .list-pager ul li .current,.list-pager ul li a.normal { display: inline-block; margin: 0 5px; border-radius: 50%; width: 27px; height: 27px; line-height: 28px; text-align: center; font-size: 12px } .list-pager ul li { font-weight: 400; display: inline-block; vertical-align: top } .list-pager ul li .current { font-weight: 400; background: #1c4499; color: #fff } .list-pager ul li a.normal { font-weight: 500; background: #f7f7f7; color: #333; text-decoration: none } .list-pager ul li a.normal i.fa { padding-left: 8px; font-size: 20px; color: #444 } .list-pager ul li a.normal:hover { background: #c1e7ff } .list-pager ul li a.next,.list-pager ul li a.prev { margin: 0 5px; color: #393939; text-align: center; height: 27px; width: 27px; line-height: 27px; background: #fff; display: inline-block; text-decoration: none } .list-pager ul li a.prev { font-size: 14px; border: 1px solid #c6c6c6; border-radius: 50%; padding: 0 8px 0 6px } .list-pager ul li a.prev i.fa { font-size: 22px; vertical-align: middle } .list-pager ul li a.next { font-size: 14px; border: 1px solid #c6c6c6; border-radius: 50%; padding: 0 6px 0 8px } .list-pager ul li a.next i.fa { font-size: 22px; vertical-align: middle } .form-control { font-size: 13px; -webkit-box-shadow: none; box-shadow: none } .btn-info { background: #00b6f0 } .birthday-picker select { display: inline-block; width: 30% } .birthday-picker select[name="birth[month]"] { margin: 0 5% } .panel-collapse>.list-group { margin-bottom: 0 } .panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .panel-collapse>.list-group .list-group-item { border-width: 1px 0 } .panel-collapse .list-group-item { border-radius: 0 } .panel-collapse .list-group-item li.list-group-item { margin: 0 -15px; border-top: 1px solid #ddd; border-bottom: 0; padding-left: 30px } .panel-collapse .list-group-item li.list-group-item:last-child { padding-bottom: 0 } .panel-collapse .list-group .list-group { margin: 10px 0 0 } .panel-collapse div.list-group div.list-group { margin: 0 } .panel-collapse div.list-group .list-group a.list-group-item { border-top: 1px solid #ddd; border-bottom: 0; padding-left: 30px!important } .loader { display: none } .loader.is-child { width: 50px; overflow: hidden } .loader.is-small,.loader.is-small .loader-circle:after { width: 15px; height: 15px } .loader.is-child .loader-circle,.loader.is-child .loader-overlay { position: absolute } .loader.is-small { display: block; overflow: hidden; margin: auto } .loader.is-small .loader-overlay { display: none } .loader.is-small .loader-circle { position: static; border-top: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 2px solid #444; width: 15px; height: 15px } .loader .loader-overlay { background: rgba(0,0,0,.1); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999998 } .loader .loader-circle,.loader .loader-circle:after { border-radius: 50%; width: 50px; height: 50px } .loader .loader-circle { z-index: 999999999; position: fixed; top: 0; left: 0; right: 0; margin: auto; font-size: 10px; text-indent: -9999em; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #333; animation: loader-animation 1.1s infinite linear } .tooltip.bottom .tooltip-arrow { border-bottom-color: #baf0ff } .tooltip.top .tooltip-arrow { border-top-color: #baf0ff } .tooltip.left .tooltip-arrow,.tooltip.sticky-screen-banner.right .tooltip-arrow { border-left-color: #baf0ff } .tooltip.right .tooltip-arrow { border-right-color: #baf0ff } .tooltip .tooltip-inner { color: #001e2a; text-align: left; text-decoration: none; background-color: #d6f6ff; border-radius: 5px; text-shadow: 1px 1px 1px rgba(255,255,255,.5) } .alert { padding: 17px 15px; font-size: 13px; margin-bottom: 10px } .alert:before { display: inline-block; background-size: cover; vertical-align: top; margin-right: 5px } .alert-success { color: #4caf50; background-color: #fdfffb; border-color: #4caf50 } .alert-success:before { content: ''; background-image: url(../images/icon-tick.svg); width: 16px; height: 16px } .alert-success.no-icon:before { display: none; width: 0; height: 0 } .alert-danger:before,.alert-warning:before { width: 16px; content: '' } .alert-warning { background-color: #fffffb; border-color: #44ba46; color: #dfbd15 } .alert-warning.alert-small { padding: 6px 10px 5px } .alert-warning:before { background-image: url(../images/icon-warning.svg); height: 17px } .alert-danger { background-color: #fffbfb; border-color: #ff424e; color: #ff3b27 } .alert-danger:before { background-image: url(../images/icon-close.svg); height: 16px } .vertical-align { display: inline-block; vertical-align: middle; height: 100%; width: 0 } .swiper-button-next,.swiper-button-prev { pointer-events: auto!important; font-size: 0; position: absolute; top: 50%; border-radius: 50%; width: 32px; height: 32px; margin-top: -16px; cursor: pointer; line-height: 31px; border: 1px solid #ccc; outline: 0; background: #fff!important; color: #464646; z-index: 1; text-align: center; opacity: 1 } .swiper-button-next:hover,.swiper-button-prev:hover { background: #eee!important } .swiper-button-next { right: 10px } .swiper-button-next:before { content: "\e917"; font-size: 14px; color: #464646; margin-left: 3px } .swiper-button-prev { left: 10px } .swiper-button-prev:before { content: "\e919"; font-size: 14px; color: #464646 } .swiper-carousel-wrapper { overflow: hidden; padding: 0; background: #fff; border-radius: 4px } .swiper-carousel-wrapper .swiper-container { position: relative; width: 100% } .swiper-carousel-wrapper .swiper-slide { position: relative; width: 33.33% } .banner-swiper-wrapper { width: 100%; height: 100%; max-height: 260px; margin-bottom: 25px; overflow: hidden; border-radius: 3px; background: #e4e4e4 } .banner-swiper-wrapper .loader-circle,.banner-swiper-wrapper .loader-circle:after { border-radius: 50%; width: 50px; height: 50px } .banner-swiper-wrapper .swiper-slide { overflow: hidden } .banner-swiper-wrapper .swiper-slide a { display: block } .banner-swiper-wrapper .loader-circle { position: absolute; top: 0; left: 0; right: 0; margin: auto; font-size: 10px; overflow: hidden; display: none; border-top: 2px solid rgba(255,255,255,.6); border-right: 2px solid rgba(255,255,255,.6); border-bottom: 2px solid rgba(255,255,255,.6); border-left: 2px solid rgba(5,178,233,.68); animation: loader-animation 1.1s infinite linear } .btn-gradiant { white-space: nowrap; width: auto; font-size: 14px; color: #1c4499; font-weight: 300; border: 1px solid; padding: 6px 14px; border-radius: 5px; display: inline-block; margin-top: 10px; text-decoration: none } .btn-gradiant:focus,.btn-gradiant:hover { text-decoration: none; opacity: .8 } .btn-gradiant .fa { margin-left: 5px } .grayscale-effect { background-size: contain; background-repeat: no-repeat; background-position: center } .grayscale-effect image:hover { opacity: 0 } .sticky-screen-banner { position: fixed; z-index: 999; display: block; opacity: 0 } .sticky-screen-banner.left,.sticky-screen-banner.right { bottom: 220px; left: 0; display: none } .sticky-screen-banner.right { left: auto; right: 0 } .sticky-screen-banner.bottom { bottom: 0; left: 0; right: 0; display: none } .sticky-screen-banner.bottom .sticky-screen-banner-inner { -webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.3); box-shadow: 0 -1px 4px 0 rgba(0,0,0,.3) } .sticky-screen-banner.left .sticky-screen-banner-inner .close,.sticky-screen-banner.right .sticky-screen-banner-inner .close { background-color: transparent; color: #999; font-size: 12px; font-weight: 400; height: auto; line-height: normal; padding: 5px 0 5px 5px; top: -24px; width: auto } .sticky-screen-banner.left .sticky-screen-banner-inner .close:hover,.sticky-screen-banner.right .sticky-screen-banner-inner .close:hover { color: #000 } .sticky-screen-banner:hover { z-index: 1000 } .sticky-screen-banner .container { width: 100%; max-width: 1170px!important } .sticky-screen-banner-inner { position: relative; min-height: 25px } .sticky-screen-banner-inner>a { display: block } .sticky-screen-banner-inner .close-icon,.zalo-banner span { display: inline-block } .sticky-screen-banner-inner img { margin: 0 auto } .sticky-screen-banner-inner .close { position: absolute; top: 0; right: 0; color: #fff; width: 25px; height: 25px; line-height: 25px; font-size: 16px; text-align: center; background-color: #000; opacity: 1 } .tiki-friends-remind-banner .sticky-screen-banner-inner { background-color: #007FF0; font-size: 24px } .tiki-friends-remind-banner .sticky-screen-banner-inner.sm { font-size: 19px } .tiki-friends-remind-banner .sticky-screen-banner-inner .holder { color: #fff; padding: 20px 20px 20px 220px; position: relative } .tiki-friends-remind-banner .sticky-screen-banner-inner .holder:focus,.tiki-friends-remind-banner .sticky-screen-banner-inner .holder:hover { text-decoration: none } .tiki-friends-remind-banner .sticky-screen-banner-inner .girls { position: absolute; bottom: 0; left: 0; width: 222px } .tiki-friends-remind-banner .sticky-screen-banner-inner .go-now-btn { display: inline-block; background-color: #f05e5f; color: #fff; padding: 6px 12px 6px 18px; border-radius: 6px; border: 0; border-bottom: 3px solid #983c3d; text-align: center; font-size: 12px; position: relative; vertical-align: middle; margin-left: 20px; margin-top: -4px } .tiki-friends-remind-banner .sticky-screen-banner-inner .go-now-btn:focus,.tiki-friends-remind-banner .sticky-screen-banner-inner .go-now-btn:hover { text-decoration: none } .tiki-friends-remind-banner .sticky-screen-banner-inner .go-now-btn .fa-chevron-right { font-size: 9px; margin-left: 8px } .fancybox-overlay { z-index: 8029 } iframe[name=google_conversion_frame] { position: absolute; top: 0; left: 0; height: 0 } .zalo-banner { text-align: center; background: #77C04B; font-size: 0 } .zalo-banner span { margin: 15px 10px } .banner-chirstmas-sticky { position: fixed; bottom: 200px; right: 0; z-index: 10; display: none } .ces-banner,.tet-2016-banner { display: block; position: fixed; z-index: 999 } .ces-banner { bottom: 110px; left: 0 } .tet-2016-banner { bottom: 210px; right: 0 } .pho-sach-he-icon { position: fixed; right: 0; top: 15px; z-index: 100 } .box-related-product-footer { margin-bottom: 15px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .box-related-product-footer.is-home { margin-bottom: 0; margin-top: 20px; min-height: 100px; position: relative } .box-related-product-footer.is-home .js-list-product { display: none } .box-related-product-footer.is-home .product-author-title { height: 38px; margin-top: 15px; margin-bottom: 18px; position: relative; border-radius: 3px; background: #fafafa; border: 1px solid #e5e5e5 } .box-related-product-footer.is-home .product-author-title h4 { background-color: #00b7f1; font-size: 18px; font-weight: 700; padding: 0 20px 0 15px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); height: 100%; position: relative; display: inline-block; border-radius: 3px 0 0 3px; line-height: 36px; margin: 0 } .box-related-product-footer.is-home .product-author-title h4:after { content: " "; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 18px solid transparent; border-left: 13px solid #00b7f1; border-right: 0 solid transparent; border-bottom: 18px solid transparent; position: absolute; top: 0; right: -13px; display: block } .box-related-product-footer.is-home .box-related-product-loader { margin: 0 auto; font-size: 10px; overflow: hidden; border-top: 4px solid rgba(255,247,247,.6); border-right: 4px solid rgba(255,247,247,.6); border-bottom: 4px solid rgba(255,247,247,.6); border-left: 4px solid rgba(117,115,115,.44); -webkit-animation: loader-animation 1.1s infinite linear; animation: loader-animation 1.1s infinite linear; border-radius: 50%; width: 50px; height: 50px } .box-related-product-footer.is-home .box-related-product-loader:after { border-radius: 50%; width: 50px; height: 50px } .notie { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); left: 0; position: fixed; right: 0; text-align: center; top: 0; z-index: 9999; -webkit-transform: translate3d(0,-150%,0); transform: translate3d(0,-150%,0); -webkit-animation: slideInDown 1s ease 0s forwards,slideInUp 1s ease 4s forwards; animation: slideInDown 1s ease 0s forwards,slideInUp 1s ease 4s forwards } .notie .alert { border-radius: 0; margin-bottom: 0; font-size: 18px; padding: 18px 15px } .box-list { border-radius: 4px; padding: 15px 15px 5px!important; background: #fff } .box-list>ul { font-size: 0; list-style: none; margin: 0; padding: 0 } .box-list>ul>li { display: inline-block; padding-bottom: 10px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 25% } .box-list>ul>li>a { color: #333!important; font-size: 13px; font-weight: 400 } .box-list-title { border-bottom: 0!important } .customer-effort-score { background: #f7f7f7; padding: 15px; border-radius: 4px } .customer-effort-score .question0 .fa { color: #19C91E } .customer-effort-score .question0 .btn { width: 100%; text-align: left; border: 1px solid #dadada; background: #fff; -webkit-box-shadow: 0 1px 1px #dadada; box-shadow: 0 1px 1px #dadada; margin-bottom: 12px; padding: 4px } .customer-effort-score .question0 .btn span { width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin: 0 16px 0 10px } .customer-effort-score .question0 .btn span.rate-5 { background-image: url(../images/ic-rate-5.png) } .customer-effort-score .question0 .btn span.rate-4 { background-image: url(../images/ic-rate-4.png) } .customer-effort-score .question0 .btn span.rate-3 { background-image: url(../images/ic-rate-3.png) } .customer-effort-score .question0 .btn span.rate-2 { background-image: url(../images/ic-rate-2.png) } .customer-effort-score .question0 .btn span.rate-1 { background-image: url(../images/ic-rate-1.png) } .customer-effort-score .question0>span,.customer-effort-score .question1>span,.customer-effort-score .question2>span,.customer-effort-score .question3>span { font-weight: 400; display: block; margin-bottom: 15px } .customer-effort-score select { width: 50% } .customer-effort-score .btn-primary { display: block; color: #1c4499; text-align: center; border: 1px solid #1c4499; height: 30px; line-height: 28px; border-radius: 4px; font-size: 13px; font-weight: 400; background: #fff; padding: 0 20px; margin: 15px auto 10px } .customer-effort-score .btn-primary:hover { color: #fff; background: #1c4499; text-decoration: none } .customer-effort-score .yes-no>.btn { width: 100px } @media (min-width: 1200px) { .banner-chirstmas-sticky,.swiper-carousel-wrapper .swiper-button-next,.swiper-carousel-wrapper .swiper-button-prev { display:block } body.chirstmas>.wrap { background-size: auto,contain; padding-bottom: 250px; min-height: 700px } body.tet-nguyen-dan .wrap-header .header-logo>a .tet-nguyen-dan-logo { margin-top: -18px; width: 178px; height: 71px } body.tet-nguyen-dan.tiki-home .wrap-header.affix-top { -webkit-box-shadow: none; box-shadow: none } body.tet-nguyen-dan.tiki-home .wrap-header.affix { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2) } body.tet-nguyen-dan.tiki-home>.wrap { background: url(../images/tet-nguyen-dan/line.png) center top repeat-x #fff } body.tet-nguyen-dan.tiki-home>.wrap>.container:nth-child(1) { position: relative } body.tet-nguyen-dan.tiki-home>.wrap>.container:nth-child(1):after,body.tet-nguyen-dan.tiki-home>.wrap>.container:nth-child(1):before { background: url(../images/tet-nguyen-dan/left-bg.png) top left no-repeat; content: ''; height: 277px; position: absolute; top: 0; width: 369px } body.tet-nguyen-dan.tiki-home>.wrap>.container:nth-child(1):before { left: -352px } body.tet-nguyen-dan.tiki-home>.wrap>.container:nth-child(1):after { background: url(../images/tet-nguyen-dan/right-bg.png) top right no-repeat; right: -352px } .customer-effort-score .question0 .btn { width: 100%; text-align: left } .customer-effort-score select { width: 100% } .customer-effort-score.is-style-2 { display: block; margin-top: 20px } .customer-effort-score.is-style-2 .question0>span { font-size: 15px } .customer-effort-score.is-style-2 .question0 .btn { width: auto; text-align: center; padding: 4px 13px 4px 6px; margin-bottom: 0; margin-right: 15px } .customer-effort-score.is-style-2 .question0 .btn span { margin: 0 16px 0 7px } .customer-effort-score.is-style-2 .question0 .btn span.rate-1 { background-image: url(../images/ic-rate-5.png) } .customer-effort-score.is-style-2 .question0 .btn span.rate-2 { background-image: url(../images/ic-rate-4.png) } .customer-effort-score.is-style-2 .question0 .btn span.rate-3 { background-image: url(../images/ic-rate-3.png) } .customer-effort-score.is-style-2 .question0 .btn span.rate-4 { background-image: url(../images/ic-rate-2.png) } .customer-effort-score.is-style-2 select { width: auto } .swiper-carousel-wrapper { padding: 0; position: relative } .swiper-carousel-wrapper .swiper-slide { width: 25% } .product-item .remove-product { display: none } .product-item .remove-product:hover { opacity: .8 } .product-item:hover>.remove-product,.sticky-screen-banner.bottom,.sticky-screen-banner.left,.sticky-screen-banner.right { display: block } .sticky-screen-banner.tiki-friends-remind-banner { display: none } .box-list>ul>li { width: 20% } } #tikiFriendBanner16k img { width: 100% } #tikiFriendBanner16k .modal-body { padding: 0 } #tikiFriendBanner16k .close { position: absolute; top: 5px; right: 1px; font-size: 16px } .fb-loaded .show-fanpage { display: none } .footer-facebook.loading .fb-like { display: inline-block; width: 254px; height: 64px; background-image: url(../images/fb_loading.gif); background-position: center center; background-repeat: no-repeat; background-size: 16px } .show-fanpage { background-image: url(../images/facebook.png); background-size: 25px; background-repeat: no-repeat; background-position: 3px 2px; border: 0; color: #fff; line-height: 32px; background-color: #3B5998; padding: 0 9px 0 16px; border-radius: 3px; font-size: 17px; width: 180px; text-align: center } .debug-bar,.swiper-preview-style .swiper-slide img,.swiper-preview-style.banner-870 .swiper-slide img { width: 100% } .show-fanpage span { display: inline-block; border-left: 1px solid #5172B7; border-right: 1px solid #243E75; height: 32px; vertical-align: middle; margin-left: 18px; float: left } .show-fanpage:hover { opacity: .9 } span.logo-text-swipe { color: #05b2e9; font-size: 26px; font-weight: 700; text-align: center; margin: auto; display: block } .gender-select-wrap .gender-select { padding-left: 0!important; margin-top: 7px; font-weight: 700!important } .gender-select-wrap .gender-select>div { margin-right: 5px; margin-top: -1px } .gender-select-wrap .gender-select .form-control-feedback { display: none!important } .gender-select-wrap .help-block { display: none } .gender-select-wrap .has-error .help-block { display: block } p.ad-restricted-text { padding: 0 10px; font-size: 10px; margin-top: 5px } .top-bar { background: #fd6740; color: #fff; padding-top: 8px; padding-bottom: 8px } .top-bar a { text-decoration: none } .top-bar .label { font-size: 14px; color: #fd6740; background: #fff } .top-bar .fa { font-size: 28px; vertical-align: bottom; margin-right: 1px; line-height: 14px } i.ico,i.ico-v2 { font-weight: 400; text-transform: none; line-height: 1; font-style: normal; speak: none; font-variant: normal } .open .dropdown-menu { max-height: 313px; overflow-y: auto } .white-panel { width: 100%; padding: 20px } .debug-bar { padding: 5px 10px; position: fixed; bottom: -1px; background: #fff; z-index: 999999; -webkit-box-shadow: 1px 0 1px #000; box-shadow: 1px 0 1px #000 } .debug-bar .close { font-size: 13px; color: #000; opacity: 1; font-weight: 400; position: absolute; top: 7px; right: 8px; cursor: pointer } .modal-backdrop.dark-style { opacity: .9 } .swiper-pagination { display: none!important } .swiper-preview-style { height: 298px!important } .swiper-preview-style .swiper-slide.swiper-slide-active { padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box } .swiper-preview-style .swiper-slide.swiper-slide-active:first-child { padding-left: 0; padding-right: 100px; -webkit-box-sizing: border-box; box-sizing: border-box } .swiper-preview-style .swiper-slide.swiper-slide-active:first-child+.swiper-slide-next { -webkit-transform: translateX(-100px); transform: translateX(-100px); padding-right: 100px } .swiper-preview-style .swiper-slide.swiper-slide-active:last-child { padding-left: 100px; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .swiper-preview-style .swiper-slide.swiper-slide-prev { -webkit-transform: translateX(50px); transform: translateX(50px) } .swiper-preview-style .swiper-slide.swiper-slide-prev.before-end { -webkit-transform: translateX(100px); transform: translateX(100px); padding-left: 100px } .swiper-preview-style .swiper-slide.swiper-slide-next { -webkit-transform: translateX(-50px); transform: translateX(-50px) } .swiper-preview-style.ad-tiki-style .swiper-slide.swiper-slide-active:first-child { padding-right: 81px } .swiper-preview-style.ad-tiki-style .swiper-slide.swiper-slide-active:first-child+.swiper-slide-next { -webkit-transform: translateX(-81px); transform: translateX(-81px); padding-right: 81px } .swiper-preview-style.ad-tiki-style .swiper-slide.swiper-slide-active:last-child { padding-left: 81px } .swiper-preview-style.ad-tiki-style .swiper-slide.swiper-slide-prev.before-end { -webkit-transform: translateX(81px); transform: translateX(81px); padding-left: 81px } .swiper-preview-style.banner-870 { height: 270px!important } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-active { padding: 0 58px 0 57px; -webkit-box-sizing: border-box; box-sizing: border-box } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-active:first-child { padding-left: 0; padding-right: 115px; -webkit-box-sizing: border-box; box-sizing: border-box } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-active:first-child+.swiper-slide-next { -webkit-transform: translateX(-115px); transform: translateX(-115px); padding-right: 115px } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-active:last-child { padding-left: 115px; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-prev { -webkit-transform: translateX(57px); transform: translateX(57px); padding-left: 115px } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-prev.before-end { -webkit-transform: translateX(115px); transform: translateX(115px); padding-left: 115px } .swiper-preview-style.banner-870 .swiper-slide.swiper-slide-next { -webkit-transform: translateX(-57px); transform: translateX(-57px); padding-right: 115px } .dfp-image,.dfp-image div>div { border-radius: 4px; overflow: hidden } .tiki-checkbox label::before { content: ''; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0; width: 22px; height: 22px; background: url(../images/icheck/blue.png) no-repeat; border: none; cursor: pointer } .tiki-checkbox label:hover::before { background-position: -24px 0 } .tiki-checkbox input[type=checkbox] { display: none } .tiki-checkbox input[type=checkbox][disabled]+label::before,.tiki-checkbox input[type=checkbox][disabled]+label::before:hover { background-position: -72px 0 } .tiki-checkbox input[type=checkbox]:checked+label::before { background-position: -48px 0 } .tiki-newsletter { background: #f7f7f7; height: 100px; margin-top: 20px } .tiki-newsletter .tiki-newsletter-helper { font-size: 12px; color: red; padding-left: 5px; margin-top: 5px; display: block } .tiki-newsletter .button { background: #00afef; color: #fff; margin-top: 35px } .tiki-newsletter .mc-field-group { float: left; width: 345px; margin-right: 10px; margin-top: 35px } .tiki-newsletter .tiki-newsletter-title { float: left; width: 545px; margin-right: 30px } .tiki-newsletter .tiki-newsletter-title .tikicon,.tiki-newsletter .tiki-newsletter-title img { float: left; margin-right: 20px; margin-top: -20px } .tiki-newsletter .tiki-newsletter-title h3 { color: #4e5052; font-size: 16px; margin-bottom: 0; margin-top: 30px } .tiki-newsletter .tiki-newsletter-title h5 { font-size: 13px; color: #4e5052; margin-bottom: 0; margin-top: 5px } .native-banner>a+.banner-tooltip,.product-item.flash-sale>a+.banner-tooltip { display: block } .banner-tooltip { display: none; position: relative; width: 100%; height: 0; z-index: 1 } .banner-tooltip .banner-tooltip-text { font-size: 12px; position: absolute; top: 7px; right: 0; padding-bottom: 12px; background: #fff; cursor: pointer } .banner-tooltip .banner-tooltip-text:hover .banner-tooltip-content { display: block } .banner-tooltip .banner-tooltip-text .banner-tooltip-content { background: #fff; display: none; position: absolute; top: 22px; right: 3px; width: 169px; border: 1px solid #ccc; padding: 3px 10px; border-radius: 9px; -webkit-box-shadow: 3px 3px 5px #ccc; box-shadow: 3px 3px 5px #ccc } .banner-tooltip .banner-tooltip-text .banner-tooltip-content:after { content: ""; border: 1px solid #ccc; border-left: 0; width: 10px; height: 10px; display: inline-block; border-bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px; position: absolute; background: #fff; right: 18px } .react-tooltip-solid:hover { visibility: visible!important; opacity: 1!important } #admIframeTracking { display: none } .flat-checkbox { margin: 13px 10px 0 0; display: inline-block; cursor: pointer; font-size: 13px; font-weight: 400; color: #4a4a4a } .flat-checkbox input[type=checkbox] { opacity: 0; filter: alpha(opacity=0); display: none } #header .btn.btn-danger:disabled,#header .btn.btn-default:disabled,#header .btn.btn-primary:disabled,#header .btn.btn-warning:disabled,#header label.input-wrap input[type=checkbox]:disabled+span,#header label.input-wrap input[type=radio]:disabled+span { opacity: .3 } .flat-checkbox input[type=checkbox]+.icon .icon-check-on { display: none } .flat-checkbox input[type=checkbox]+.icon .icon-check-off { display: block } .flat-checkbox input[type=checkbox]:checked+.icon .icon-check-off { display: none } .flat-checkbox input[type=checkbox]:checked+.icon .icon-check-on { display: block } .flat-checkbox>.icon { float: left } .flat-checkbox .text { margin-left: 31px; display: block; padding-top: 4px } @font-face { font-family: icomoon; src: url(../fonts/icomoon.ttf?3lknfu) format("truetype"),url(../fonts/icomoon.woff?3lknfu) format("woff"),url(../fonts/icomoon.svg?3lknfu#icomoon) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: icomoon-v2; src: url(../fonts/icomoon.eot?qgfs6i); src: url(../fonts/icomoon.eot?qgfs6i#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?qgfs6i) format("truetype"),url(../fonts/icomoon.woff?qgfs6i) format("woff"),url(../fonts/icomoon.svg?qgfs6i#icomoon) format("svg"); font-weight: 400; font-style: normal } i.ico-v2 { font-family: icomoon-v2!important } i.ico-v2:before { content: "\e900"; color: #1ba8ff } .ico-ic_seen:before { content: "" } .ico-ic-fav:before { content: "" } .ico-ic-home:before { content: "" } .ico-ic-bookcare:before { content: "" } .ico-ic-credit-card:before { content: "" } .ico-ic-face:before { content: "" } .ico-ic-favorite:before { content: "" } .ico-ic-location:before { content: "" } .ico-ic-money:before { content: "" } .ico-ic-my-order:before { content: "" } .ico-ic-notifications:before { content: "" } .ico-ic-question:before { content: "" } .ico-ic-star-half-border:before { content: "" } .ico-grid:before { content: "" } .ico-list:before { content: "" } .ico-ic-google:before { content: "" } .ico-ic-fb:before { content: "" } .ico-google:before { content: "" } .ico-facebook:before { content: "" } .ico-arrow-next:before { content: "" } .ico-arrow-back:before { content: "" } .ico-sprayer:before { content: "" } .ico-electronic:before { content: "" } .ico-bottle:before { content: "" } .ico-headphone:before { content: "" } .ico-tv:before { content: "" } .ico-lipsticks:before { content: "" } .ico-book:before { content: "" } .ico-camera:before { content: "" } .ico-half-star:before { content: "" } .ico-lamp:before { content: "" } .ico-laptop:before { content: "" } .ico-pan:before { content: "" } .ico-sport:before { content: "" } .ico-toy:before { content: "" } .ico-tshirt:before { content: "" } .ico-cellphone:before { content: "" } .ico-burger-menu:before { content: "" } .ico-check-off:before { content: "" } .ico-check-on:before { content: "" } .ico-arrow-down:before { content: "" } .ico-cart:before { content: "" } .ico-close:before { content: "" } .ico-close-circle:before { content: "" } .ico-fire:before { content: "" } .ico-info:before { content: "" } .ico-mobile:before { content: "" } .ico-search:before { content: "" } .ico-search-bold:before { content: "" } .ico-user:before { content: "" } .ico-logo:before { content: "" } .ico-order-tracking:before { content: "" } .ico-radio-off:before { content: "" } .ico-radio-on:before { content: "" } .ico-star:before { content: "" } body.chrome header#header .top-promo { background: #fdd835 } body.chrome header#header .header-form-container,body.chrome header#header .main-nav { background: #1c4499 } body.chrome header#header .search-wrap button[type=submit] { background: #edeef2 } body.firefox header#header .top-promo { background: #fdd835 } body.firefox header#header .header-form-container,body.firefox header#header .main-nav { background: #1c4499 } body.firefox header#header .search-wrap button[type=submit] { background: #edeef2 } body.safari header#header .top-promo { background: #207cb4 } body.safari header#header .header-form-container,body.safari header#header .main-nav { background: #1ba8ff } body.safari header#header .search-wrap button[type=submit] { background: #eff1f5 } #header {/* font-family: Roboto,Helvetica,Arial,sans-serif; */} #header label.input-wrap { display: inline-block; cursor: pointer } #header label.input-wrap input[type=checkbox],#header label.input-wrap input[type=radio] { display: none } #header label.input-wrap input[type=checkbox]+span { width: 18px; height: 18px; display: inline-block; background-image: url(../images/svg/check-off.svg); vertical-align: top } #header label.input-wrap input[type=checkbox]:checked+span { background-image: url(../images/svg/check-on.svg) } #header label.input-wrap input[type=radio]+span { width: 20px; height: 20px; display: inline-block; background-image: url(../images/svg/radio-off.svg); vertical-align: top } #header label.input-wrap input[type=radio]:checked+span { background-image: url(../images/svg/radio-on.svg) } #header .btn { width: 229px; max-width: 100%; height: 40px; border-radius: 4px; font-size: 14px; font-weight: 500; text-align: center; border: 0; padding-top: 1px; cursor: pointer } #header .btn.btn-warning { background-color: #fdd835; color: #4a4a4a } #header .btn.btn-warning:hover { -webkit-box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5); box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5) } #header .btn.btn-warning:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(135,135,135,.5); box-shadow: 0 1px 1px 0 rgba(135,135,135,.5) } #header .btn.btn-danger { background-color: #ff3b26; color: #fff } #header .btn.btn-danger:hover { -webkit-box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5); box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5) } #header .btn.btn-danger:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(135,135,135,.5); box-shadow: 0 1px 1px 0 rgba(135,135,135,.5) } #header .btn.btn-primary { background-color: #1ba8ff; color: #fff } #header .btn.btn-primary:hover { -webkit-box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5); box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5) } #header .btn.btn-primary:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(135,135,135,.5); box-shadow: 0 1px 1px 0 rgba(135,135,135,.5) } #header .btn.btn-default { background-color: #fff; border: 2px solid #1ba8ff; color: #337ab7 } #header .btn.btn-default:hover { -webkit-box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5); box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5) } #header .btn.btn-default:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(135,135,135,.5); box-shadow: 0 1px 1px 0 rgba(135,135,135,.5) } #header input[type=email],#header input[type=password],#header input[type=text] { width: 229px; max-width: 100%; height: 32px; border-radius: 3px; font-size: 13px; border: 1px solid #efefef; padding: 0 8px; color: #333 } #header input[type=email]:focus,#header input[type=password]:focus,#header input[type=text]:focus { border-color: #1ba8ff } #header input[type=email]::-webkit-input-placeholder,#header input[type=password]::-webkit-input-placeholder,#header input[type=text]::-webkit-input-placeholder { color: #c7c7c7; font-size: 13px; font-weight: 400 } #header input[type=email]::-moz-placeholder,#header input[type=password]::-moz-placeholder,#header input[type=text]::-moz-placeholder { color: #c7c7c7; font-size: 13px; font-weight: 300 } #header input[type=email]:-ms-input-placeholder,#header input[type=password]:-ms-input-placeholder,#header input[type=text]:-ms-input-placeholder { color: #c7c7c7; font-size: 13px; font-weight: 300 } #header input[type=email]:-moz-placeholder,#header input[type=password]:-moz-placeholder,#header input[type=text]:-moz-placeholder { color: #c7c7c7; font-size: 13px; font-weight: 300 } #header .form-group { margin-bottom: 15px; position: relative; display: inline-block } #header .form-group .error-message { text-indent: 8px; margin-top: 10px } #header .form-group .error-ico { display: none } #header .form-group label.input-label { padding-top: 8px; padding-right: 2px } #header .form-group .ico { position: absolute; top: 9px; right: -16px; font-size: 15px } #header .form-group i.ico-close-circle { color: #f88f8f } #header .form-group i.ico-info { font-size: 16px } #header .form-group button.ico { right: 7px; border: 0; background: 0 0; cursor: pointer } #header .form-group button.ico-close-circle { right: 7px; border: 0; background: 0 0; color: #555 } #header .dropdown { font-size: 13px; color: #333; width: 229px; max-width: 100%; text-align: left } #header .dropdown .dropdown-container { display: block; position: relative } #header .dropdown .dropdown-button { position: relative; text-align: left; display: inline-block; width: 100%; height: 32px; border-radius: 3px; border: 1px solid #efefef; padding: 0 8px; background: #fff } #header .dropdown .dropdown-button:focus { border-color: #1ba8ff } #header .dropdown .dropdown-button:after { font-family: icomoon!important; content: "\e909"; position: absolute; font-size: 6px; right: 11px; top: 0; bottom: 0; margin: auto; color: #555; height: 6px } #header .dropdown .dropdown-menu { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; display: none; overflow: show; position: absolute; top: 32px; width: 100%; z-index: 1; border-radius: 0 0 0 3px; border: 1px solid #efefef; border-top: 0 } #header .dropdown .show-menu,.tiki-home header#header .main-nav .main-nav-wrap>ul { display: block } #header .dropdown li { list-style: none; height: 32px; line-height: 32px; padding: 0 8px; background: #fff } #header .dropdown li.selected,#header .dropdown li:hover { background: #d3efff } #header .search-wrap {width: 475.9px;height: 40px;border-radius: 4px;/* background-color: #fff; *//* -webkit-box-shadow: 0 1px 2px 0 rgba(98,98,98,.5); *//* box-shadow: 0 1px 2px 0 rgba(98,98,98,.5); */} #header .search-wrap.focus { -webkit-box-shadow: 0 0 12px 0 rgba(226,226,226,.5); box-shadow: 0 0 12px 0 rgba(226,226,226,.5) } #header .search-wrap .action { width: 40px; height: 40px; text-align: center; float: left } #header .search-wrap .action .ico { font-size: 17px; line-height: 40px; color: #5c5c5c } #header .search-wrap input[type=text] { height: 40px; border: 0; font-size: 13px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } #header .search-wrap button[type=submit] { float: right; height: 40px; border: 0; font-size: 14px; padding: 0 16px; background: #EFF1F5; border-radius: 0 4px 4px 0; cursor: pointer; font-weight: 500 } .box-social,nav.offcanvas { display: none } body.header-sticked { padding-top: 148px } .box-social { background: 0 0; z-index: 10 } .box-social .popup-social { border: 1px solid #efefef; background: #fff; min-width: 190px; z-index: 15; list-style: none; margin: 0; border-radius: 4px; -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); padding: 15px 20px; position: absolute; top: 45px; right: 85px; font-size: 13px; color: #242424; width: 300px } .box-social .popup-social span { width: 90%; display: block; line-height: 1.3 } .box-social .popup-social img { float: none!important; position: relative!important; border-radius: 0!important; margin-right: 5px; margin-top: 10px; left: 0!important; margin-bottom: 10px } .box-social .popup-social .btn-link-now { width: 140px; border-radius: 4px; background-color: #fdd835; color: #4a4a4a; display: block; position: absolute; bottom: 17px; right: 25px; text-align: center; padding: 10px 0; font-weight: 700 } .box-social .popup-social .tikicon { margin-top: 10px; margin-bottom: 13px } .box-social .popup-social .close { position: absolute; right: 2px; top: 7px; width: 13px; height: 13px; opacity: 1 } .box-social .popup-social .close:after,.box-social .popup-social .close:before { position: absolute; left: 0; content: ' '; height: 13px; width: 2px; background-color: #a7a7a7 } .box-noti ul:before,.box-social .popup-social:before { bottom: 100%; left: 50%; content: " "; height: 0; pointer-events: none } .box-social .popup-social .close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .box-social .popup-social .close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .box-social .popup-social:before { border: 9px solid transparent; border-bottom: 9px solid #fff; margin-left: -9px; width: 0; position: absolute } .noti-item { cursor: pointer } .box-noti { background: 0 0; display: none; z-index: 10; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .box-noti.active,.box-noti:hover { display: block } .box-noti ul { border: 1px solid #efefef; background: #fff; width: auto; min-width: 360px; z-index: 15; list-style: none; margin: 15px 0 0; padding: 0; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); position: relative } .box-noti ul:before { border: 9px solid transparent; border-bottom: 9px solid #fff; margin-left: -9px; width: 0; position: absolute } .box-noti ul li { display: block; position: relative; color: #000; overflow: hidden; border-bottom: solid 1px #e8e8e8 } .box-noti ul li:last-child { border: none } .box-noti ul li img { float: left; margin-right: 10px } .box-noti ul li a { display: block; padding: 10px } .box-noti ul li a:hover { background-color: rgba(233,247,251,.6) } .box-noti ul li a.unread { background-color: rgba(211,246,255,.6) } .box-noti ul li a.unread:hover { background-color: rgba(233,247,251,.6) } .box-noti ul li a.view_more { font-size: 13px; color: #007ff0; text-align: center; padding: 13px 10px; letter-spacing: .1px } .box-noti ul li a.view_more:hover { background-color: rgba(249,250,251,.6) } .box-noti ul li span { letter-spacing: .1px } .box-noti ul li span.text { color: #333; font-size: 13px; line-height: 1.31; margin-right: 4px } .box-noti ul li span.detail { font-size: 13px } .box-noti ul li span.date { font-size: 11px; color: #999; margin-top: 5px; display: block; margin-left: 50px } .children-modal .modal-dialog { width: 768px } .children-modal .modal-dialog .modal-body { padding: 0 } .children-modal .modal-dialog .modal-body img { width: 100% } .children-modal .modal-dialog .close { position: absolute; z-index: 2; right: -17px; top: -17px; width: 30px; height: 30px; border-radius: 50%; opacity: 1; background-color: #e2e2e2; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5); box-shadow: 0 0 4px 0 rgba(0,0,0,.5); border: 1px solid #fff } .children-modal .modal-dialog .close .tiki-icons { line-height: 15px } .children-modal .modal-dialog .close .tiki-icons:before { font-size: 13px; font-weight: 700; color: #a7a7a7 } header#header { z-index: 1000; position: relative } header#header.show-overlay .main-nav .main-nav-wrap>ul:before { display: block } header#header.nav-collapse .main-nav .main-nav-wrap:hover .main-nav-toggle { margin-right: 0 } header#header.nav-collapse .main-nav .main-nav-wrap:hover .main-nav-toggle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 43px; cursor: pointer } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul { display: block; top: 40px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 24px 0 rgba(0,0,0,.36); box-shadow: 0 4px 24px 0 rgba(0,0,0,.36); margin-top: 0 } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul:hover { border-radius: 0 0 0 4px } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul:before { display: none!important } header#header.sticked #main-ajax-recentlyviewed .product-recently-content:after,header#header.sticked .header-form-container .logo,header#header.sticked .top-promo { display: none } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul > li > .nav-sub { border-radius: 0 0 4px; height: 441px; top: -1px } header#header.sticked { position: fixed!important; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12); box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12) } header#header.sticked .header-form-container { padding-top: 10px; padding-bottom: 10px } header#header.sticked .header-form-container .form-search { margin-left: 125px } header#header.sticked .main-nav { padding: 0; height: 0; overflow: hidden; z-index: 4; position: initial } header#header.sticked .main-nav .main-nav-wrap>ul { list-style: none; margin: 0; position: absolute; background: #fff; border: 1px solid #e1e1e1; border-radius: 0 0 4px 4px } header#header.sticked .main-nav .main-nav-wrap>ul:hover { border-radius: 0 0 0 4px } header#header.sticked .main-nav .main-nav-wrap>ul li .nav-sub { border-radius: 0 0 4px; height: 440px!important; top: 0!important } header#header.sticked .main-nav .main-nav-wrap { display: inline-block; top: 17px; position: absolute } header#header.sticked .main-nav .main-nav-wrap:hover>ul { display: block; top: 43px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 24px 0 rgba(0,0,0,.36); box-shadow: 0 4px 24px 0 rgba(0,0,0,.36) } header#header.sticked .main-nav .main-nav-wrap .long,header#header.sticked .main-nav .main-nav-wrap>ul:before { display: none } header#header.sticked .main-nav .main-nav-wrap:hover>ul:hover { border-radius: 0 0 0 4px } header#header.sticked .main-nav .main-nav-wrap:hover>ul:hover .nav-sub { border-radius: 0 0 3px } header#header.sticked .main-nav .main-nav-wrap:hover:after { border-top: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #fff; border-right: 9px solid transparent; position: absolute; left: 11px; bottom: -17px; width: 0; content: "" } header#header.sticked .main-nav .main-nav-wrap>ul { top: 45px; display: none; border-top: 0 } header#header.sticked .main-nav .main-nav-wrap .main-nav-toggle { margin-right: 0; width: 130px } header#header.sticked .main-nav .main-nav-wrap .main-nav-toggle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 43px; cursor: pointer } header#header .top-promo .tiki-assistant,header#header .top-promo .tiki-assistant__wrap { font-size: 12px; color: #fff; font-weight: 300; line-height: 26px; position: relative; letter-spacing: .5px } header#header.sticked .main-nav .main-nav-wrap .short { display: inline-block } header#header.sticked .header-link .item.header-cart { margin-left: 0 } header#header a { text-decoration: none } header#header button,header#header input { outline: 0 } header#header .left,header#header .sticky-screen-banner.right { float: left } header#header .right { float: right } header#header .top-promo { background: #fdd835 } header#header .top-promo .left a.top-label,header#header .top-promo .sticky-screen-banner.right a.top-label { margin: 0; padding: 2px 12px 0; background: rgba(255,255,255,.08) } header#header .top-promo .left a.top-label .tikicon,header#header .top-promo .left a.top-label img,header#header .top-promo .sticky-screen-banner.right a.top-label .tikicon,header#header .top-promo .sticky-screen-banner.right a.top-label img { margin: -3px 4px 0 0 } header#header .top-promo .tiki-assistant__wrap { display: inline-block; margin: 0 0 0 15px; vertical-align: middle } header#header .top-promo .tiki-assistant__wrap.actived .tiki-assistant__tooltip,header#header .top-promo .tiki-assistant__wrap.actived .tiki-assistant__tooltip__close,header#header .top-promo .tiki-assistant__wrap:hover .tiki-assistant__tooltip { display: block } header#header .top-promo .tiki-assistant__wrap.force-hidden .tiki-assistant__tooltip { display: none!important } header#header .top-promo .tiki-assistant,header#header .top-promo .tiki-assistant>span { display: inline-block; vertical-align: middle } header#header .top-promo .tiki-assistant { z-index: 20 } header#header .top-promo .tiki-assistant.animation>img { -webkit-animation: zoomInOut .8s infinite; animation: zoomInOut .8s infinite } header#header .top-promo .tiki-assistant>img { width: 18px; height: 18px; display: inline-block; vertical-align: middle } header#header .top-promo .tiki-assistant__tooltip { font-weight: 400; display: none; position: absolute; left: 30px; margin-top: 10px; color: #242424; z-index: 20; padding: 12px; font-size: 13px; line-height: 20px; background-color: #fff; border-radius: 4px; width: 400px; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.24),0 0 1px 0 rgba(0,0,0,.12); box-shadow: 0 1px 1px 0 rgba(0,0,0,.24),0 0 1px 0 rgba(0,0,0,.12); -webkit-transition-duration: .3s; transition-duration: .3s } header#header .top-promo .tiki-assistant__tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent #fff; position: absolute; top: -7px; left: 10px } header#header .top-promo .tiki-assistant__tooltip:after { content: ""; width: 80px; height: 20px; position: absolute; top: -12px; left: 3px; display: inline-block } header#header .top-promo .tiki-assistant__tooltip>p:last-child { margin: 0 } header#header .top-promo .tiki-assistant__tooltip__close { display: none; position: absolute; top: 0; right: 0; cursor: pointer } header#header .top-promo .top-label,header#header .top-promo a.top-label { font-size: 12px; color: #fff; font-weight: 300; line-height: 26px; display: inline-block; letter-spacing: .5px; margin: 0 0 0 15px; vertical-align: middle } header#header .top-promo .top-label:first-child,header#header .top-promo a.top-label:first-child { margin-left: 0 } header#header .top-promo .ico { font-size: 18px; vertical-align: sub; margin-right: 5px; line-height: 28px } header#header .top-promo .ico-fire { color: #fdd835 } header#header .top-promo .tikicon.icon-gotadi { margin-right: 3px; margin-top: -2px } header#header .header-form-container {/* background: #1c4499; */padding: 20px 0 16px;position: relative;z-index: 3} header#header .header-form-container a.logo { color: #fff; display: inline-block; vertical-align: top; margin-top: -1px; float: left } header#header .header-form-container a.logo .ico-logo { font-size: 32px } header#header .header-form-container .form-search { display: inline-block; position: relative; z-index: 1; float: left } header#header .header-form-container .category-select { display: table-cell; float: none!important; width: 1%; vertical-align: top; white-space: nowrap } header#header .header-form-container .dropdown { float: left } header#header .header-form-container .dropdown .dropdown-container { display: inline-block } header#header .header-form-container .dropdown .dropdown-container:after { content: ""; width: 1px; height: 28px; background: #c7c7c7; position: absolute; right: 0; top: 6px } header#header .header-form-container .dropdown .dropdown-container .dropdown-button { border: 0; height: 40px; font-size: 13px; text-align: center; padding: 0 34px 0 13px; color: #333 } header#header .header-form-container .dropdown .dropdown-container .dropdown-button :after { right: 8px } header#header .header-form-container .search-wrap { display: table; vertical-align: middle; width: 100%; z-index: 1; position: relative } header#header .header-form-container .search-wrap .input { display: table-cell; width: calc(100% - 109px); max-width: none; float: left } header#header .header-form-container .search-wrap .input .checkbox-wrap { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #tikiFriendBannerPopupCenter img,.fwd-product-item .tag-img img,.product-item .tag-img img { max-width: 100% } header#header .header-form-container .search-wrap .input .checkbox-wrap label { font-weight: 400 } header#header .header-form-container .search-wrap .input .checkbox-wrap .checkbox { margin: 13px 10px 0 0; display: inline-block; cursor: pointer; font-size: 13px; font-weight: 400; color: #4a4a4a } header#header .header-form-container .search-wrap .input .checkbox-wrap .checkbox input[type=checkbox] { opacity: 0; filter: alpha(opacity=0); display: none } header#header .header-form-container .search-wrap .input .checkbox-wrap .checkbox input[type=checkbox]:checked+span.ico+.text { color: #4a4a4a } header#header .header-form-container .search-wrap .input .checkbox-wrap .checkbox input[type=checkbox]+span.ico { width: 18px; height: 18px; display: inline-block; background-image: url(../images/account/check-off.svg); vertical-align: middle; color: #a6a6a6; margin-right: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: -3px } header#header .header-form-container .search-wrap .input .checkbox-wrap .checkbox input[type=checkbox]:checked+span.ico { background-image: url(../images/account/check-on.svg) } header#header .header-form-container .search-wrap .input .flex { display: -webkit-box; display: -ms-flexbox; display: flex } header#header .header-form-container .search-wrap button[type=submit] { display: table-cell; width: auto; float: right; vertical-align: top; color: #4a4a4a } header#header .header-form-container .dropdown-menu { top: 37px; min-width: 229px; width: auto; -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); border: 1px solid #e1e1e1; border-radius: 0 0 3px 3px; overflow: hidden; padding: 0; font-size: 13px } header#header .header-form-container .dropdown-menu li { padding: 0 13px } header#header .keyword-remember,header#header .search-suggestion { position: absolute; left: 0; top: 39px; list-style: none; background-color: #fff; border-radius: 0 0 3px 3px; z-index: 4; border-top: 1px solid #e1e1e1; -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.28); box-shadow: 0 6px 12px 0 rgba(0,0,0,.28) } header#header .keyword-remember p,header#header .search-suggestion p { padding: 0 0 8px; margin-bottom: 0 } header#header .keyword-remember p a,header#header .search-suggestion p a { text-decoration: none; display: block; padding: 6px 13px; color: #444; font-size: 13px } header#header .keyword-remember p a strong,header#header .search-suggestion p a strong { font-weight: 500 } header#header .keyword-remember p a i,header#header .search-suggestion p a i { font-weight: 300; font-style: normal } header#header .keyword-remember p a em,header#header .search-suggestion p a em { font-weight: 400; font-style: normal; color: #007ff0 } header#header .keyword-remember h3,header#header .search-suggestion h3 { padding: 10px 10px 2px; margin: 5px 0 6px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #4a4a4a } header#header .keyword-remember .suggestion-product-item,header#header .search-suggestion .suggestion-product-item { padding: 5px 13px 5px 60px; color: #444; font-size: 13px; cursor: pointer; position: relative; width: 100%; display: inline-block } header#header .keyword-remember .suggestion-product-item img,header#header .search-suggestion .suggestion-product-item img { float: left; width: 40px; margin-right: 10px; position: absolute; top: 5px; left: 10px } header#header .keyword-remember .suggestion-product-item .item-info,header#header .search-suggestion .suggestion-product-item .item-info { float: left; width: 100% } header#header .keyword-remember .suggestion-product-item span:nth-child(1),header#header .search-suggestion .suggestion-product-item span:nth-child(1) { color: #444; font-weight: 400; margin: 0 0 3px; padding: 0; display: block } header#header .keyword-remember .suggestion-product-item span:nth-child(2),header#header .search-suggestion .suggestion-product-item span:nth-child(2) { color: #ff3b27; font-weight: 300; font-size: 12px; margin: 0; padding: 0; display: block } header#header .keyword-remember .suggestion-product-item span:nth-child(2) span,header#header .search-suggestion .suggestion-product-item span:nth-child(2) span { color: #a2a2a2; font-weight: 300; font-size: 11px; text-decoration: line-through; margin-left: 4px; display: inline-block } header#header .keyword-remember .suggestion-product-item span.badge,header#header .search-suggestion .suggestion-product-item span.badge { padding: 5px; color: #fff; font-size: 11px; margin-left: 5px; background-color: #00b7f1; display: inline-block; font-weight: 500 } header#header .keyword-remember .remember-list { position: relative } header#header .keyword-remember .top-keyword h3 { border-top: 0 } header#header .keyword-remember h3 { padding: 12px 0 5px 13px; margin: 0; font-size: 14px; color: #333; font-weight: 500; border-top: 1px solid #ccc } header#header .keyword-remember .clear { font-size: 12px; position: absolute; top: 8px; right: 8px; color: #F44336; text-decoration: none; cursor: pointer } header#header .keyword-remember .item a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } header#header .keyword-remember .item a:hover { background: #d3efff } header#header .header-link { float: right; position: relative } header#header .header-link .item { color: #fff; font-size: 12px; padding: 6px 0 0 30px; position: relative; vertical-align: top; font-weight: 400; line-height: 14px; display: inline-block; letter-spacing: .9px; margin-left: 25px } header#header .header-link .item:first-child { margin-left: 0 } header#header .header-link .item span.number-notification { font-size: 10px; float: left; position: absolute; left: 9px; top: -2px; display: block; background: #ff5353; border-radius: 50%; padding: 3px; text-align: center; z-index: 2; border: 1px solid #1c4499; font-weight: 300; width: 21px; height: 21px } header#header .header-link .item span.number-notification.user { width: 10px; height: 10px; top: 10px } header#header .header-link .item .tikicon.icon-notification { left: -3px; top: 8px } header#header .header-link .item small { font-weight: 300 } header#header .header-link .item .ico,header#header .header-link .item .icon-style-1 { font-size: 22px; float: left; position: absolute; left: 0; top: 9px } header#header .header-link #header-cart { display: inline-block } header#header .header-link .item.header-cart { border: 2px solid #fff; padding: 8px 11px 8px 38px; border-radius: 4px; margin-left: 0; letter-spacing: .7px; font-weight: 400; font-size: 13px; vertical-align: middle } header#header .header-link .item.header-cart .ico,header#header .header-link .item.header-cart .icon-cart { font-size: 18px; left: 8px; top: 9px; position: absolute } header#header .header-link .item.header-cart span.cart-count { color: #4a4a4a; background: #fdd835; height: 20px; border-radius: 2px; display: inline-block; text-align: center; line-height: 20px; margin-left: 9px; font-size: 12px; padding: 0 6px; font-weight: 700 } header#header .header-link .user-profile { cursor: pointer; width: 130px } header#header .header-link .user-profile .loading { -webkit-animation: skeleton 1s ease infinite forwards; animation: skeleton 1s ease infinite forwards; display: inline-block; width: 60px; height: 9px; border-radius: 5px; background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f6f7f8),color-stop(20%,#edeef1),color-stop(40%,#f6f7f8),to(#f6f7f8)); background-image: linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8); opacity: .2 } header#header .header-link .user-profile img { font-size: 23px; float: left; position: absolute; left: -10px; top: 5px; border-radius: 4px } header#header .header-link .user-profile b { font-weight: 400; width: 90px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } header#header .header-link .user-profile:hover .box:before { content: ""; position: absolute; left: 17px; bottom: -16px; width: 100%; height: 20px; background: 0 0; display: inline-block } header#header .header-link .user-profile .box { background: 0 0; display: none; z-index: 10 } header#header .header-link .user-profile .box ul { border: 1px solid #efefef; background: #fff; width: auto; min-width: 265px; z-index: 15; list-style: none; margin: 0; padding: 4px 12px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); box-shadow: 0 6px 12px 0 rgba(0,0,0,.18); position: absolute; top: 50px; left: -42px } header#header .header-link .user-profile .box ul:before { border: 9px solid transparent; border-bottom: 9px solid #efefef; margin-left: -9px; bottom: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } header#header .header-link .user-profile .box ul:after { border: 8px solid transparent; border-bottom: 9px solid #fff; margin-left: -8px; bottom: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute } header#header .header-link .user-profile .box ul.user-ajax-customer { padding: 11px 0; position: absolute; top: 50px; left: -35px } header#header .header-link .user-profile .box ul.user-ajax-customer li { display: block; position: relative } header#header .header-link .user-profile .box ul.user-ajax-customer li .badge-new { margin-top: -2px; margin-left: 3px } header#header .header-link .user-profile .box ul.user-ajax-customer li a { display: block; padding: 8px 20px; color: #333; font-size: 12px; font-weight: 400; text-decoration: none } header#header .header-link .user-profile .box ul.user-ajax-customer li a.line div.text { display: inline-block } header#header .header-link .user-profile .box ul.user-ajax-customer li a.line div.icon { display: inline-block; width: 26px; margin-right: 10px; text-align: left; vertical-align: 8px } header#header .header-link .user-profile .box ul.user-ajax-customer li a.line div.icon img { position: relative; float: none; left: auto; top: auto; border-radius: 0 } header#header .header-link .user-profile .box ul.user-ajax-customer li a.line div.icon img.tikinow { height: 26px } header#header .header-link .user-profile .box ul.user-ajax-customer li a.line div.icon img.bookcare,header#header .header-link .user-profile .box ul.user-ajax-customer li a.line div.icon img.tikixu { height: 21px } header#header .header-link .user-profile .box ul.user-ajax-customer li a span { font-size: 11px; color: #4a4a4a; line-height: 18px } header#header .header-link .user-profile .box ul.user-ajax-customer li a span b { color: #4a4a4a; font-weight: 500; display: inherit } header#header .header-link .user-profile .box ul.user-ajax-customer li a:hover { background-color: #f5f4f5; color: #000 } header#header .header-link .user-profile .box ul.user-ajax-customer li.notification-count a strong { background: #ff3323; color: #fff; font-size: 9px; font-weight: 300; padding: 1px 3px; border-radius: 11px; min-width: 18px; display: inline-block; height: 12px; line-height: 11px; text-align: center; vertical-align: text-top; margin: 0 3px } header#header .header-link .user-profile .box ul.user-ajax-customer li .user-name-loginfb { background-image: -webkit-gradient(linear,left top,left bottom,from(#5972a5),to(#3e578b)); background-image: linear-gradient(to bottom,#5972a5 0,#3e578b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5972a5', endColorstr='#ff3e578b', GradientType=0); border-radius: 5px; -webkit-box-shadow: 0 -2px 0 #112d6c inset; box-shadow: 0 -2px 0 #112d6c inset; background-repeat: repeat-x; border: none; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 12px; font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,.2); display: block; width: 100%; padding: 8px 10px; text-decoration: none } header#header .header-link .user-profile .box ul.user-ajax-customer li .user-name-loginfb i.fa { font-size: 13px; margin-right: 6px } header#header .header-link .user-profile .box ul.user-ajax-customer li .user-name-loginfb:hover { opacity: .9; filter: alpha(opacity=90); color: #fff } header#header .header-link .user-profile .box ul.user-ajax-customer li .user-name-login { background: #32befb; background: -webkit-gradient(linear,left top,left bottom,from(#32befb),to(#19a5e1)); background: linear-gradient(to bottom,#32befb 0,#19a5e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0); border: none; -webkit-box-shadow: 0 -2px 0 #0788bf inset; box-shadow: 0 -2px 0 #0788bf inset; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 12px; font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,.2); display: block; width: 100%; padding: 8px 10px; text-decoration: none; border-radius: 5px } header#header .header-link .user-profile .box ul.user-ajax-customer li .user-name-login i.fa,header#header .header-link .user-profile .box ul.user-ajax-customer li.user-name-register i { font-size: 13px; margin-right: 6px } header#header .header-link .user-profile .box ul.user-ajax-customer li .user-name-login:hover { opacity: .9; filter: alpha(opacity=90); color: #fff } .tiki-product .wrap .feature-box .feature-total button.add-all-to-cart,.tiki-product .wrap .product-action-repeat button.add-to-cart,header#header .header-link .user-profile .box ul.user-ajax-customer li.user-name-register a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd4040', endColorstr='#d71a1a', GradientType=0) } header#header .header-link .user-profile .box ul.user-ajax-customer li.user-name-register { padding: 5px 10px } header#header .header-link .user-profile .box ul.user-ajax-customer li.user-name-register span { color: #fff } header#header .header-link .user-profile .box ul.user-ajax-customer li.user-name-register a { background: #fd4040; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fd4040),to(#d71a1a)); background: linear-gradient(to bottom,#fd4040 0,#d71a1a 100%); border: none; -webkit-box-shadow: 0 -2px 0 #AF0C0C inset; box-shadow: 0 -2px 0 #AF0C0C inset; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 12px; font-weight: 700; text-shadow: 0 1px 1px #B7071E; display: block; width: 100%; padding: 8px 10px; text-decoration: none; border-radius: 5px } header#header .header-link .user-profile .box ul.user-ajax-customer li.user-name-register a:hover { opacity: .8 } header#header .header-link .user-profile .box ul.user-ajax-customer li.order-tracking { border-top: 1px solid #eee; margin-top: 5px } header#header .header-link .user-profile .box ul.user-ajax-customer li.order-tracking a { display: block; padding-top: 10px; background: url(../images/order-tracking.png) 13px -53px no-repeat; padding-left: 40px; padding-bottom: 10px } header#header .header-link .user-profile .box ul.user-ajax-customer li.order-tracking a:hover { background-color: #eee } header#header .header-link .user-profile .box ul.user-ajax-guest li { display: block; position: relative; width: 236px; height: 40px; text-align: center; line-height: 40px; color: #000; background: #fdd835; border-radius: 4px; margin: 10px 0 } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_fb_link,header#header .header-link .user-profile .box ul.user-ajax-guest li#login_google_link { background: #3b5998 } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_fb_link a span.icon,header#header .header-link .user-profile .box ul.user-ajax-guest li#login_google_link a span.icon { position: relative; display: inline-block; vertical-align: top; width: 22px; height: 40px; left: 0; color: #fff; border-right: 1px solid #45479d; margin-right: 10px } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_fb_link a span.text,header#header .header-link .user-profile .box ul.user-ajax-guest li#login_google_link a span.text { color: #fff; font-size: 13px; font-weight: 300; text-shadow: none } header#header .header-link .user-profile .box ul.user-ajax-guest li:hover { -webkit-box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5); box-shadow: -1px 2px 4px 0 rgba(218,218,218,.5) } header#header .header-link .user-profile .box ul.user-ajax-guest li:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(135,135,135,.5); box-shadow: 0 1px 1px 0 rgba(135,135,135,.5) } header#header .header-link .user-profile .box ul.user-ajax-guest li a span.text { display: inline-block; vertical-align: top; color: #4a4a4a; text-decoration: none; font-size: 13px; font-weight: 400; text-shadow: 0 0 1px #ababab } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_google_link { background-color: #df4a32; border: 1px solid #c63923; border-radius: 4px; color: #fff } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_google_link a span.icon { width: 26px; left: -10px; top: -1px; border-right: 1px solid #bf3120 } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_zalo_link { background-color: #0f8edd; border: 1px solid #0f8edd; border-radius: 4px } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_zalo_link a span.icon { width: 26px; left: -10px; top: -1px; border-right: 1px solid #bf3120 } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_zalo_link a span.text { color: #fff; font-weight: 300 } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_zalo_link a img { font-size: 23px; float: left; position: relative; left: -2px; top: 0; border-radius: 0; border-right: 1px solid #0e7ec3; height: 39px; padding: 7px } header#header .header-link .user-profile .box ul.user-ajax-guest li#login_zalo_link a .icon-wrap { float: left; position: relative; left: -2px; top: 0; border-radius: 0; border-right: 1px solid #0e7ec3; height: 39px; padding: 0 7px } header#header .add-to-cart-success { cursor: default; display: none; position: absolute; background: #fff; -webkit-box-shadow: 1px 1px 15px #b3b3b3; box-shadow: 1px 1px 15px #b3b3b3; right: 0; padding: 15px 20px; z-index: 9999; top: calc(100% + 15px); border-radius: 6px; font-family: Roboto } header#header .add-to-cart-success:after { content: ""; position: absolute; width: 11px; height: 11px; top: -4px; right: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; -webkit-box-shadow: -1px -1px 0 #dfdfdf; box-shadow: -1px -1px 0 #dfdfdf; z-index: -1 } header#header .add-to-cart-success .btn { background: #ff3945; color: #fff; font-size: 14px; font-weight: 400; font-family: Roboto,Helvetica,Arial,sans-serif; line-height: 39px; width: 252px; margin-top: 13px } header#header .add-to-cart-success .btn:hover { opacity: .8 } header#header .add-to-cart-success .close { opacity: .8; position: absolute; top: 3px; right: 5px; cursor: pointer } header#header .add-to-cart-success .close:hover { opacity: 1 } header#header .add-to-cart-success p { color: #333; font-size: 13px } header#header .add-to-cart-success p .icon-circle-tick { margin-right: 10px } header#header .add-to-cart-success p img { margin-right: 10px; width: 18px } header#header .main-nav { background: #1c4499; height: 40px; padding: 0 0 12px; position: relative; z-index: 0 } header#header .main-nav .main-nav-wrap { display: inline-block; position: relative; z-index: 1000; vertical-align: top } header#header .main-nav .main-nav-wrap>ul { list-style: none; margin: 5px 0 0; position: absolute; background: #fff; top: 40px; border: 1px solid #e1e1e1; display: none; border-top: solid 1px #e1e1e1; border-radius: 4px 0 0 4px } header#header .main-nav .main-nav-wrap>ul:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: rgba(0,0,0,.53); display: none; z-index: 3; border-radius: 3px 0 0 3px } header#header .main-nav .main-nav-wrap>ul.margin-birthday { top: 113px } header#header .main-nav .main-nav-wrap>ul>li>a { padding: 1px 5px 2px 5px; display: block; color: #444; position: relative; line-height: 27px; border-left: 2px solid transparent; margin-left: -1px } header#header .main-nav .main-nav-wrap>ul>li>a:focus,header#header .main-nav .main-nav-wrap>ul>li>a:hover { text-decoration: none } header#header .main-nav .main-nav-wrap>ul>li>a .ico { width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 5px; bottom: 0; margin: auto; font-size: 0 } header#header .main-nav .main-nav-wrap>ul>li>a .lv1-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-book { background-image: url(../images/nav-icon/ic-book.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-electronic { background-image: url(../images/nav-icon/ic-electronic.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-headphone { background-image: url(../images/nav-icon/ic-headphone.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-camera { background-image: url(../images/nav-icon/ic-camera.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-cellphone { background-image: url(../images/nav-icon/ic-cellphone.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-laptop { background-image: url(../images/nav-icon/ic-laptop.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-tv { background-image: url(../images/nav-icon/ic-tv.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-lipsticks { background-image: url(../images/nav-icon/ic-lipsticks.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-tshirt { background-image: url(../images/nav-icon/ic-tshirt.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-pan { background-image: url(../images/nav-icon/ic-pan.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-sprayer { background-image: url(../images/nav-icon/ic-sprayer.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-toy { background-image: url(../images/nav-icon/ic-toy.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-bottle { background-image: url(../images/nav-icon/ic-bottle.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-sport { background-image: url(../images/nav-icon/ic-sport.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-lamp { background-image: url(../images/nav-icon/ic-lamp.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-hot { background-image: url(../images/nav-icon/ic-hot.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-vas { background-image: url(../images/nav-icon/ic-vas.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-bike { background-image: url(../images/nav-icon/bike.svg) } header#header .main-nav .main-nav-wrap>ul>li>a .ico.ico-voucher { background-image: url(../images/nav-icon/voucher.svg) } header#header .main-nav .main-nav-wrap>ul>li>a span { font-size: 13px; letter-spacing: 0; font-weight: 400 } header#header .main-nav .main-nav-wrap>ul>li>a span.icon-wrap { width: 30px; height: 30px; display: inline-block; position: absolute; top: 0; left: 5px; bottom: 0; margin: auto } header#header .main-nav .main-nav-wrap>ul>li>a i.fa { position: absolute; right: 5px; font-size: 16px; color: #ccc; bottom: 0; top: 0; margin: auto; height: 16px } header#header .main-nav .main-nav-wrap>ul>li>a.active:not(.no-sub):after,header#header .main-nav .main-nav-wrap>ul>li>a.active:not(.no-sub):before { top: 0; bottom: 0; margin: auto; height: 0; z-index: 2; position: absolute; content: "" } header#header .main-nav .main-nav-wrap>ul>li>a.active { text-decoration: none } header#header .main-nav .main-nav-wrap>ul>li>a.active:not(.no-sub):after { right: -1px; border-top: 7px solid transparent; border-left: 6px solid transparent; border-bottom: 7px solid transparent; border-right: 6px solid #fff } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub { padding: 14px 20px; border-width: 1px; border-style: solid; border-color: #ddd #ddd #ddd #e1e1e1; position: absolute; top: -1px; bottom: -1px; left: 100%; background: #fff; margin-left: 0; display: none; border-radius: 0 3px 3px 0; -webkit-box-shadow: -2px 0 8px 0 rgba(0,0,0,.06); box-shadow: -2px 0 8px 0 rgba(0,0,0,.06); z-index: 1 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul { list-style: none; margin: 0; padding: 0 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul > li { padding-right: 12px; float: left; width: 25%; display: block } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li.w-75-percent { width: 75% } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li:last-child { background: #fff; padding-right: 0 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li:last-child a img { width: auto; min-width: 198px; border-radius: 4px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-row { float: left; width: 100% } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-row .nav-sub-list-box { float: left; width: 33.333333333333336% } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-row-title { font-size: 13px; font-weight: 500; margin: 0; line-height: 22px; text-transform: uppercase; letter-spacing: -.1px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-row-title a { color: #000; font-weight: 300 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-row-title a:focus,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-row-title a:hover { color: #007ff0 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box:last-child { margin-bottom: 0 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box h2 { font-size: 13px; font-weight: 500; margin: 0; line-height: 23px; text-transform: capitalize; letter-spacing: -.1px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box h2 img { margin-top: -5px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span { display: block; color: #444; line-height: 20px; font-size: 13px; margin-right: 0; letter-spacing: .1px; font-weight: 400 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a.heading,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span.heading { margin-top: 14px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a.bold,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span.bold { font-weight: 500 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a:hover,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span:hover { color: #007ff0; text-decoration: none } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a.all,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span.all { font-weight: 400; color: #007ff0; font-size: 13px; padding: 0 } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a.all i.fa,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span.all i.fa { margin-left: 5px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a.all:hover,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box>span.all:hover { text-decoration: underline } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul:after,header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul:before { display: table; content: ""; clear: both } header#header .main-nav .main-nav-toggle { display: inline-block; padding-left: 12px; font-weight: 400; font-size: 13px; letter-spacing: .6px; color: #fff; line-height: 27px; position: relative; width: 229px } header#header .main-nav .main-nav-toggle .tikicon,header#header .main-nav .main-nav-toggle img { margin-right: 8px } header#header .main-nav .main-nav-toggle .long { position: absolute; top: 2px } header#header .main-nav .main-nav-toggle .ico { vertical-align: middle; font-size: 16px; margin-right: 8px; margin-top: -4px; display: inline-block } header#header .main-nav .main-nav-toggle .short { display: none } header#header .main-nav .feature { letter-spacing: .6px; color: #fff; font-weight: 300; font-size: 12px; position: relative; margin-left: 18px; display: inline-block; vertical-align: middle; padding-left: 38px; line-height: 16px } header#header .main-nav .feature .icon,header#header .main-nav .feature .tikicon { position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0 } header#header .main-nav .feature .icon { display: inline-block; width: 28px; height: 28px; vertical-align: middle; background-repeat: no-repeat; background-size: contain } header#header .main-nav .location-picker { margin-left: 0; margin-right: 10px; position: relative; padding-left: 31px; font-size: 12px; font-weight: 300; width: 210px } header#header .main-nav .location-picker .text { cursor: pointer; max-height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box } header#header .main-nav .location-picker .open-tooltip .tooltip { display: block } header#header .main-nav .location-picker .tooltip { display: none; opacity: 1; background: #fff; color: #000; padding: 10px 22px 10px 16px; border-radius: 4px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); box-shadow: 0 2px 2px rgba(0,0,0,.25); top: 30px; left: -8px; font-size: 13px; width: 252px; line-height: 1.4 } header#header .main-nav .location-picker .tooltip .tikicon { position: absolute; top: 1px; right: 1px; bottom: auto; left: auto; cursor: pointer } header#header .main-nav .location-picker .tooltip:after { content: ""; display: block; width: 10px; height: 10px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -5px; left: 15px } header#header .main-nav .return .icon { background-image: url(../images/svg/return.svg) } header#header .main-nav .exclusive .icon { background-image: url(../images/svg/exclusive.svg) } header#header .main-nav .support .icon { background-image: url(../images/ic_cs.png) } header#header .main-nav .delivery-2h { margin-left: 7px; padding-left: 66px } header#header .main-nav .delivery-2h .icon { background-image: url(../images/ic_2h.png?v=3) } header#header .main-nav .delivery-365-7 .icon { background-image: url(../images/ic_365.png) } header#header .main-nav .recently { margin-left: 40px; margin-right: 7px; position: relative; padding-left: 0; font-size: 13px } header#header .main-nav .recently .fa { -webkit-transform: translateY(-3px); transform: translateY(-3px) } header#header .main-nav .recently .tikicon { font-size: 6px; position: absolute; left: -20px; top: -1px } header#header #main-ajax-recentlyviewed { position: relative; z-index: 1; visibility: hidden } header#header #main-ajax-recentlyviewed.show { visibility: visible } header#header #main-ajax-recentlyviewed .product-recently-content { left: 0; right: 0; margin: auto; position: absolute; background: #fff; padding: 0; border-radius: 0 0 4px 4px; height: 148px; overflow: visible } header#header #main-ajax-recentlyviewed .product-recently-content:after1 { content: ""; position: absolute; top: -40px; left: 460px; cursor: pointer; width: 190px; height: 43px; visibility: visible; z-index: 1 } header#header #main-ajax-recentlyviewed .product-recently-content:before { content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-top: 8px solid transparent; position: absolute; top: -15px; left: 474px } header#header #main-ajax-recentlyviewed .product-recently-content .swiper-container { margin: 0 30px } header#header #main-ajax-recentlyviewed .product-recently-content .swiper-button-next,header#header #main-ajax-recentlyviewed .product-recently-content .swiper-button-prev { top: 44px } header#header #main-ajax-recentlyviewed .product-recently-content .empty { text-align: center; margin-top: 52px; line-height: 16px } header#header #main-ajax-recentlyviewed .product-recently-content .swiper-slide { width: 14.29% } header#header #main-ajax-recentlyviewed .product-recently-content .product-item { padding: 0; text-align: center; border: 0; display: table-cell; position: relative; height: 148px; vertical-align: middle } header#header #main-ajax-recentlyviewed .product-recently-content .product-item.see-all-item { width: auto } header#header #main-ajax-recentlyviewed .product-recently-content .product-item.is-book { margin: 15px 0 } header#header #main-ajax-recentlyviewed .product-recently-content .product-item:hover { border: none; -webkit-box-shadow: none; box-shadow: none } header#header #main-ajax-recentlyviewed .product-recently-content .product-item a { display: inline-block; width: 100%; text-align: center; padding: 0 10px } header#header #main-ajax-recentlyviewed .product-recently-content .product-item a img { width: 91px; height: 91px; margin: auto } header#header #main-ajax-recentlyviewed .product-recently-content .see-all { font-size: 13px; color: #1c4499; border: 1px solid; margin-left: 10px; padding: 7px 16px!important; border-radius: 5px; text-decoration: none; text-shadow: none; width: auto!important } header#header #main-ajax-recentlyviewed .product-recently-content .see-all:hover { color: #fff; background: #1c4499; border-color: #1c4499; text-decoration: none } .top-label { position: relative } .top-label a { color: #fff } .top-label .ico-arrow-down { color: #fff; font-size: 6px!important; vertical-align: initial!important; margin-left: 6px; margin-right: 0!important; -webkit-transform: translateY(-1px); transform: translateY(-1px); display: inline-block } .sell-with-tiki>a .tikicon,.sell-with-tiki>a img { margin-right: 4px } .sell-with-tiki>a .tikicon.icon-arrow-down { margin-right: 0; margin-left: 4px } .sell-with-tiki:hover .collapse { display: block } .sell-with-tiki .collapse { display: none; position: absolute; top: 28px; background: url(/assets/images/sell-with-tiki/bitmap@2x.png) 314px bottom no-repeat #fff; color: #4a4a4a; width: 508px; right: 0; -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.28); box-shadow: 0 4px 12px 0 rgba(0,0,0,.28); border-radius: 0 0 4px 4px; padding: 0 20px 25px; z-index: 4; background-size: 173px } .sell-with-tiki .collapse:after { content: ""; border-top: 9px solid transparent; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; position: absolute; top: -18px; right: 48px } .sell-with-tiki .collapse ul { padding: 12px 189px 0 0; list-style: none } .sell-with-tiki .collapse ul li { font-size: 13px; font-weight: 400; position: relative; color: #4a4a4a; line-height: 16px; margin-bottom: 13px } .sell-with-tiki .collapse ul li span { color: #b3b3b3; margin-right: 4px; position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 400 } .sell-with-tiki .collapse ul li b { font-weight: 500 } .sell-with-tiki .collapse .title { font-size: 31px; margin: 25px 0 } .sell-with-tiki a.register { border: none; color: #fff; white-space: nowrap; cursor: pointer; vertical-align: top; font-size: 13px; padding: 0 47px; line-height: 40px; border-radius: 5px; background: #ff3945; font-weight: 300; letter-spacing: .5px; background-size: 26px; display: inline-block; text-align: center; margin-top: 25px } .sell-with-tiki a.register:hover { opacity: .8 } .header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.53); z-index: 30 } .icon-flame { display: inline-block; width: 16px; height: 16px; background-image: url(../images/hot/flames.png?v=1); background-size: contain; background-repeat: no-repeat; margin: 0 0 0 4px } .top-bar-wrap { text-align: center } div#top-bar-container { height: 50px; background: #1c4499 } header#header.flash-sale.sticked .header-form-container a.flash-sale { display: none } header#header.flash-sale.sticked .header-form-container .form-search { width: 570px } header#header.flash-sale .header-form-container a.flash-sale { color: #fff; display: inline-block; margin-right: 10px; margin-top: 1px; float: left; margin-left: -29px } header#header.flash-sale .header-form-container a.flash-sale img { height: 33px } header#header.flash-sale .header-form-container .form-search { width: 544px } .location-picker-modal { background: #f8f8f8; padding: 15px; border-radius: 4px } .location-picker-modal .modal-header { border-radius: 4px 4px 0 0; background: #fff; margin-bottom: 1px; border: 0; text-align: center; font-size: 20px; font-weight: 400 } .location-picker-modal span.tikicon.icon-circle-close { border-radius: 50%; background-color: #fff; position: absolute; top: -13px; right: -13px; -webkit-box-shadow: -1px 1px 1px #969696; box-shadow: -1px 1px 1px #969696; cursor: pointer } .location-picker-modal .modal-content { border-radius: 0 0 4px 4px; background: #fff; border: 0; padding: 24px 30px; -webkit-box-shadow: none; box-shadow: none; font-weight: 400 } .location-picker-modal .modal-content .helper-text { font-size: 14px; color: rgba(0,0,0,.54); line-height: 1.43 } .location-picker-modal .modal-content .location-list { max-height: 264px; overflow: auto } .location-picker-modal .modal-content .location-list .location-item { margin: 10px 0; font-size: 14px; display: inline-block; width: 100% } .location-picker-modal .modal-content .location-list .location-item .radio-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .location-picker-modal .modal-content .location-list .location-item .radio-box .icon { margin-right: 12px; display: inline-block } .location-picker-modal .modal-content .location-list .location-item .is-default-text { color: #26bc4e } .location-picker-modal .modal-content .create-location-form { padding: 0 15px 0 36px } .location-picker-modal .modal-content .create-location-form .control-label { font-weight: 400; font-size: 13px; text-align: left } .location-picker-modal .modal-content .create-location-form .help-block { display: block; width: 100%; color: red; font-size: 12px; margin-bottom: 0 } .location-picker-modal .modal-content .create-location-form .dropdown { width: 200px } .location-picker-modal .modal-content .create-location-form .dropdown button,.location-picker-modal .modal-content .create-location-form .dropdown ul { width: 100%; text-align: left } .location-picker-modal .modal-content .create-location-form .Select { width: 200px } .location-picker-modal .modal-content .create-location-form .Select .Select-control { height: 32px } .location-picker-modal .modal-content .create-location-form .Select .Select-input { height: 30px } .location-picker-modal .modal-content .create-location-form .Select .Select-placeholder { line-height: 30px } .location-picker-modal .modal-content .create-location-form .Select .Select-option.is-selected,.location-picker-modal .modal-content .create-location-form .Select .Select-option:hover { background: #cdebff } .location-picker-modal .modal-content .create-location-form .Select.is-focused:not(.is-open)>.Select-control { border-color: #03A9F4 } .location-picker-modal .modal-footer { padding-bottom: 0; border: 0 } .location-picker-modal button.apply-btn { width: 296px; height: 40px; border-radius: 4px; background-color: #ff424e; color: #fff; line-height: 38px; font-size: 13px; border: 1px; font-weight: 300 } .location-picker-modal button.apply-btn:hover { opacity: .8 } .location-picker-modal button.login-btn { width: 296px; height: 40px; border-radius: 4px; line-height: 38px; font-size: 13px; border: 1px #fdd835; padding: 0; color: #4a4a4a; background: #fdd835 } .location-picker-modal button.login-btn:hover { opacity: .8 } .location-picker-modal .line-text { text-align: center; padding: 15px 0 } .location-picker-modal .line-text:before { content: ""; border-bottom: 1px solid #dbdbdb; width: 100%; display: block; -webkit-transform: translateY(8px); transform: translateY(8px); position: relative } .location-picker-modal .line-text span { background: #fff; padding: 0 15px; z-index: 1; position: relative; font-size: 12px } .top-bar-countdown { text-align: left; padding-left: 941px; line-height: 53px; font-weight: 300; font-size: 12px } .top-bar-countdown span { font-size: 28px } @-webkit-keyframes skeleton { 0% { background-position: -400px 0 } to { background-position: 400px 0 } } @keyframes skeleton { 0% { background-position: -400px 0 } to { background-position: 400px 0 } } .popup-sms { position: relative; text-align: center } .popup-sms__close { width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; border-radius: 50%; text-align: center; padding: 0; font-size: 20px } .popup-sms__img { width: 100% } .popup-sms__heading { font-size: 18px; color: #fff; margin: 10px 0; line-height: 1.5 } .popup-sms__text { color: #fff; margin: 0 0 10px; line-height: 1.3; font-weight: 300 } .popup-sms__input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 290px; margin: 0 auto } .popup-sms__input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 36px; padding: 0 15px; border: 0; background: #fff; border-radius: 4px 0 0 4px } .popup-sms__input:focus { outline: 0 } .popup-sms__btn { height: 36px; width: 60px; background: #fdd22f; border-radius: 0 4px 4px 0; border: 0; padding: 0; text-align: center } .popup-sms__btn:focus { outline: 0 } .popup-sms__err { color: #fdd22f; margin: 10px 0 } .popup-sms__split { border-top: 1px solid #fff; width: 290px; text-align: center; margin: 20px auto 10px } .popup-sms__split span { position: relative; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); display: inline-block; background: #0379cb; padding: 0 10px; color: #fff; font-weight: 300 } .popup-sms__qr { width: 80px; margin-bottom: 20px } .popup-sms.hso { padding-top: 30px; height: 100%; overflow: visible!important } .popup-sms.hso .popup-sms__img { margin-top: -175px; margin-left: 15px; display: block; background: url(../images/title-popup.png); width: 420px; height: 220px; position: absolute; background-size: contain } .popup-sms.hso .popup-sms__heading { font-size: 20px; margin: 35px 0 0; text-shadow: 0 2px 7px rgba(0,0,0,.4) } .popup-sms.hso .popup-sms__text { font-weight: 600; font-size: 48px; text-shadow: 0 2px 7px rgba(0,0,0,.4) } .popup-sms.hso .popup-sms__input-group { margin: 20px auto 0; width: 400px } .popup-sms.hso .popup-sms__close { top: -10px } .popup-sms.hso .popup-sms__btn { background-image: -webkit-gradient(linear,left top,left bottom,from(#fad961),to(#f76b1c)); background-image: linear-gradient(to bottom,#fad961,#f76b1c); color: #fff } .popup-sms.hso .popup-sms__err { color: #fff; margin: 6px 0 } .popup-sms.hso .popup-sms__input::-webkit-input-placeholder { color: #b0b0b0 } .popup-sms.hso .popup-sms__input::-moz-placeholder { color: #b0b0b0 } .popup-sms.hso .popup-sms__input:-ms-input-placeholder { color: #b0b0b0 } .popup-sms.hso .popup-sms__input:-moz-placeholder { color: #b0b0b0 } .popup-sms.hso .popup-sms__choingay { display: block; width: 286px; height: 93px; background: url(../images/btn-choi-ngay.png); position: absolute; bottom: -45px; left: 80px } @-webkit-keyframes zoomInOut { 0%,100% { -webkit-transform: scale(.95); transform: scale(.95) } 60% { -webkit-transform: scale(1.05); transform: scale(1.05) } } #footer { font-family: Roboto,Helvetica,Arial,sans-serif; background: #fff; margin-top: 40px; min-width: 1270px } #footer .newsletter { display: none; background: #00b7f1; position: fixed; margin: 0; border-radius: 0 3px 0 0; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; z-index: 99999; bottom: -80px; left: -198px } #footer .newsletter .form-control { width: 100% } #footer .newsletter.is-up { bottom: 0; left: 0 } #footer .newsletter.is-up h4 .fa-angle-down { display: block } #footer .newsletter h4 .fa-angle-down,#footer .newsletter.is-up h4 .fa-envelope-o { display: none } #footer .newsletter h4 { text-transform: uppercase; margin: 0; color: #fff; font-size: 11px; padding: 8px } #footer .newsletter h4 i.fa { font-size: 14px; color: #fff; font-weight: 700; line-height: 12px; margin-left: 10px } #footer .newsletter h4 .fa-envelope-o { display: block } #footer .newsletter h4 a:focus,#footer .newsletter h4 a:hover { text-decoration: none } #footer .newsletter h4 .toggle { display: inline-block } #footer .newsletter h4 .toggle:hover { text-decoration: none } #footer .newsletter .form-group { padding: 0 8px 8px; margin-bottom: 0 } #footer .newsletter button[type=submit],#footer .newsletter input[type=email] { height: 25px; display: block; margin-top: 10px; padding: 5px 10px; border: none } #footer .newsletter button[type=submit] { background: #00769c; font-size: 12px; color: #fff; border-radius: 4px } #footer .newsletter button[type=submit]:hover { opacity: .8 } #footer .newsletter button[type=submit] i.fa { margin-left: 5px } .line-bg-body { border: none; border-top: 1px solid #f7f7f7; width: 100%; height: 0; margin-top: 0 } .list-footer-nav { padding-bottom: 20px; padding-top: 20px } .footer-nav { display: inline-block; vertical-align: top; margin-right: 24px } .footer-nav:last-child { margin-right: 0 } .footer-nav h4 { color: #333; text-transform: uppercase; font-size: 13px; font-weight: 500; margin: 0 0 17px; font-stretch: normal } .footer-nav .hotline-number { color: #c4011a; font-weight: 500; margin-bottom: 10px } .footer-nav .hotline-number small { color: #333; font-weight: 400; font-size: 12px } .footer-nav .hotline-number a { color: inherit } .footer-nav .nav-list a { margin-bottom: 11px; display: block; color: #333; font-size: 12px } .footer-nav .appstore-title { margin-top: 36px } .footer-nav .nav-other { overflow: hidden } .footer-nav .nav-other .tikicon,.footer-nav .nav-other a,.footer-nav .nav-other span { display: inline-block; float: left; margin-right: 10px; margin-bottom: 7px } .footer-nav .nav-other.partner { margin-top: 17px } .footer-nav .nav-other.partner img { height: 32px } .footer-nav .nav-other.payment img { width: 54px; height: 33px } .footer-nav .nav-other.social-conn a { margin-right: 10px } .footer-nav .nav-other.social-conn a:last-child { margin-right: 0 } .footer-nav .nav-other.social-conn img { height: 32px } .footer-nav .nav-other.app-store a .tikicon { margin-bottom: 0 } .footer-nav .nav-other.app-store img { width: 134px; height: 40px } .footer-address { padding-top: 15px; padding-bottom: 5px } .footer-address .info-address { width: 492px; display: inline-block; margin-left: 20px; vertical-align: top } .footer-address .info-address p { font-style: normal; font-size: 11px; color: #4a4a4a; margin-bottom: 1px; line-height: 22px; font-weight: 300 } .footer-address .info-address p .number { color: #333; font-weight: 500 } .footer-address .info-address p.add-real { color: #333; font-weight: 400; font-size: 12px } .footer-address .info-address p b { font-weight: 700 } .footer-address .info-address p a { color: #007ff0; font-size: 11px } .footer-address .address-office,.footer-address .address-service { padding-left: 20px; display: inline-block; vertical-align: top } .footer-address .address-office>img { width: 38px; height: 57px } .footer-address .address-service { margin-left: 30px } .footer-description { padding-bottom: 15px } .footer-description h4 { color: #333; text-transform: uppercase; font-size: 15px; font-weight: 500; margin: 20px 0 10px } .footer-description p { color: #333; font-size: 12px; line-height: 18px } .footer-adwords-seo { background: #f7f7f7; padding: 30px 0 } .footer-adwords-seo a { color: #333; font-size: 11px } .footer-cpy-right { padding: 15px 0 0 } .footer-cpy-right .cpy-right-info { display: inline-block; color: #333 } .footer-cpy-right .cpy-right-info h5 { margin: 0 0 5px; font-size: 12px; font-weight: 500 } .footer-cpy-right .cpy-right-info p { font-size: 11px; font-weight: 300; margin-bottom: 8px } .footer-cpy-right .ico-bocongthuong { display: inline-block; float: right; margin-top: -7px } .footer-cpy-right .ico-bocongthuong img { width: 120px; height: 46px } .fwd-product-item { width: 25%!important; display: inline-block!important } .fwd-product-item .image { overflow: visible!important; height: 179px!important } .fwd-product-item .image .icon { position: absolute; top: -26px; left: 0; width: 58px!important; z-index: 1 } .fwd-product-item .image img { margin: auto; width: 153px!important } .fwd-product-item .big-text { font-size: 15px; font-weight: 500; line-height: 1.33; color: #242424 } .fwd-product-item .small-text { font-size: 13px; line-height: 1.54; color: #242424; display: block; margin-top: 5px } .fwd-product-item .register-btn,.tiki-now-item .custom-product-add { border-radius: 4px; background-color: #ff424e; font-size: 13px; font-weight: 400; color: #fff; width: 100%; display: block; padding: 9px 0; margin-top: 14px; text-align: center } .fwd-product-item .register-btn:hover { opacity: .8 } .tiki-now-item .custom-product-add:hover { opacity: .8 } .product-item.flash-sale { width: 25%!important; display: inline-block!important } .product-item.flash-sale:hover { -webkit-box-shadow: none; box-shadow: none } .product-item.flash-sale img { width: 100% } .product-item.flash-sale .image { overflow: visible!important; height: 290px!important } .product-item.flash-sale .image img { margin: auto; width: 200px!important } .fwd-product-item,.product-item { display: block; padding: 0 0 25px; border: 1px solid transparent; position: relative; width: 248px; max-width: 100% } .fwd-product-item:hover,.product-item:hover {/* -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); *//* box-shadow: 0 0 20px rgba(0,0,0,.1); */z-index: 1} .fwd-product-item.title-fixed .title,.product-item.title-fixed .title { height: 34px } .fwd-product-item .subscription-discount,.product-item .subscription-discount { color: #787878; font-size: 11px; margin: 8px 0 0; visibility: hidden } .fwd-product-item>a,.product-item>a { display: block; width: 200px; overflow: hidden; margin-left: auto; margin-right: auto } .fwd-product-item>a:hover,.product-item>a:hover { color: #007ff0; text-decoration: none } .fwd-product-item.is-thumbtall .image,.product-item.is-thumbtall .image { height: 296px } .fwd-product-item .image,.product-item .image { overflow: hidden; display: block; position: relative; margin: 0 auto; padding-top: 33px; text-align: center; background: #fff; height: 233px; white-space: nowrap } .fwd-product-item .image img,.product-item .image img { border: none; position: relative; width: 100%; max-width: 200px } .fwd-product-item .image .product-image,.product-item .image .product-image { width: auto; height: 100%; margin: auto } .fwd-product-item .image .product-right-icon,.product-item .image .product-right-icon { position: absolute; right: 0; top: 10px; z-index: 1 } .fwd-product-item .image .product-right-icon .tiki-icon,.fwd-product-item .image .product-right-icon .tikicon,.fwd-product-item .image .product-right-icon img,.product-item .image .product-right-icon .tiki-icon,.product-item .image .product-right-icon .tikicon,.product-item .image .product-right-icon img { display: inline-block; vertical-align: top; margin-left: 4px } .fwd-product-item .image .product-right-icon .img2h,.product-item .image .product-right-icon .img2h { z-index: 1; width: auto!important } .fwd-product-item .image .product-right-icon .icon-save-sub,.product-item .image .product-right-icon .icon-save-sub { display: none } .fwd-product-item .image .product-left-icon,.product-item .image .product-left-icon { position: absolute; left: 0; top: 0 } .fwd-product-item .image .product-left-icon .tiki-icon,.fwd-product-item .image .product-left-icon img,.product-item .image .product-left-icon .tiki-icon,.product-item .image .product-left-icon img { display: inline-block; margin-left: 5px; vertical-align: top } .fwd-product-item .image .product-left-icon img,.product-item .image .product-left-icon img { z-index: 1 } .fwd-product-item .image .img24h,.product-item .image .img24h { z-index: 1; width: 32px!important } .fwd-product-item .image .imgEbook,.product-item .image .imgEbook { position: absolute; top: 10px; right: 0; width: 42px!important; z-index: 1 } .fwd-product-item .image .icon-ebook-42,.product-item .image .icon-ebook-42 { position: absolute; top: 10px; right: 0; z-index: 1 } .fwd-product-item .image .img8-3,.product-item .image .img8-3 { position: absolute; bottom: 0; right: 0; z-index: 1; width: 32px!important } .fwd-product-item .image .icon-tra-gop,.fwd-product-item .image .img-tra-gop,.product-item .image .icon-tra-gop,.product-item .image .img-tra-gop { position: absolute; top: 0; left: 0; z-index: 1; width: 85px } .fwd-product-item .image .img-1-6,.product-item .image .img-1-6 { bottom: 0; right: 0; position: absolute } .fwd-product-item .image .img-1-6 img,.product-item .image .img-1-6 img { width: 30px } .fwd-product-item .image .book-review,.product-item .image .book-review { display: block; position: absolute; width: 61px; height: 29px; background: url(../images/book-review-small.png) no-repeat; bottom: 0; right: 0 } .fwd-product-item .image .icon-gift_green,.product-item .image .icon-gift_green { position: absolute; bottom: 0; left: 0 } .fwd-product-item .image .gift,.product-item .image .gift { display: block; position: absolute; bottom: 0; left: 0 } .fwd-product-item .image .gift:before,.product-item .image .gift:before { content: url(../images/icon-gift.svg?v=1); display: block; width: 24px; height: 24px } .fwd-product-item .image .sale-tag,.product-item .image .sale-tag {display: block;position: absolute;/* width: 44px; *//* height: 35px; */text-align: center;background: url(../images/sale-tag.png) no-repeat;top: 0;right: 0;color: #fff;font-size: 13px;font-weight: 700;line-height: 23px;text-shadow: 1px 1px 1px rgba(0,0,0,.2)} .fwd-product-item .image .promo,.product-item .image .promo { display: block; position: absolute; bottom: 0; right: 0; font-size: .87rem; text-transform: uppercase; color: #e62446; text-align: right; border-top: 2px solid #e62446; border-bottom: 2px solid #e62446; line-height: 1.3; white-space: nowrap } .fwd-product-item .image .promo span,.product-item .image .promo span { display: block } .fwd-product-item .image .promo span .impt,.product-item .image .promo span .impt { font-size: 1.2rem; vertical-align: bottom; font-weight: 700; font-style: normal } .fwd-product-item .image .icon-hoisachonline,.product-item .image .icon-hoisachonline { position: absolute!important; width: 30px!important; height: auto; bottom: 0; right: 0; z-index: 1 } .fwd-product-item .image span.e-voucher-icon,.product-item .image span.e-voucher-icon { font-size: 9px; background: #1c4499; position: absolute; right: 4px; bottom: 4px; color: rgba(255,255,255,.79); padding: 5px 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px } .fwd-product-item .image span.e-voucher-icon span.text,.product-item .image span.e-voucher-icon span.text { text-align: center; margin-left: 8px; line-height: 1.3; font-weight: 300 } .fwd-product-item .title,.product-item .title { text-overflow: ellipsis; position: relative; text-align: left; margin: 15px auto 0; letter-spacing: .1px; width: 100%; font-size: 13px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; color: #242424; max-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .fwd-product-item .title img,.product-item .title img { max-height: 20px } .fwd-product-item .hcm,.product-item .hcm { display: block; margin-top: 10px; width: 200px; margin-left: auto; margin-right: auto } .fwd-product-item .hcm img,.product-item .hcm img { max-width: 135px } .fwd-product-item p,.product-item p { padding: 5px 0 0; color: #777; font-size: 13px; text-align: left; margin: 0 } .fwd-product-item .ad-restricted-text,.product-item .ad-restricted-text { padding: 5px 20px } .fwd-product-item .freegift-list,.product-item .freegift-list { font-size: 11px; color: #787878; margin: 10px auto; width: 200px } .fwd-product-item .freegift-list .tikicon,.product-item .freegift-list .tikicon { vertical-align: middle; margin-top: -5px; margin-right: 3px } .fwd-product-item .freegift-list .list,.product-item .freegift-list .list { display: inline-block } .fwd-product-item .freegift-list .list img,.product-item .freegift-list .list img { margin-left: 0 } .fwd-product-item .ship-label,.product-item .ship-label { width: 200px; margin: 10px auto auto; font-size: 12px } .fwd-product-item .ship-label .tikicon,.product-item .ship-label .tikicon { margin-top: -3px } .fwd-product-item .notify,.product-item .notify { width: 100%; color: #26BC4E; font-weight: 400; font-size: 12px; padding: 0; margin: 12px 0 0 } .fwd-product-item .notify.notify-warning,.product-item .notify.notify-warning { color: #FF424E } .fwd-product-item .notify button,.product-item .notify button { border: 0; font-size: 11px; width: 100%; color: #fff; display: block; font-weight: 400; padding: 4px 2px; text-align: center; background: #44AC52; border-radius: 2px } .fwd-product-item .notify button:hover,.product-item .notify button:hover { opacity: .8; text-decoration: none } .fwd-product-item .author,.product-item .author { padding: 5px 0 0; color: #777; font-size: 11px; text-align: left } .fwd-product-item .rating-review,.product-item .rating-review { padding-top: 10px } .fwd-product-item .rating-review .rate,.product-item .rating-review .rate { width: 65px; display: inline-block; padding: 1px 0 0 } .fwd-product-item .rating-review .review,.product-item .rating-review .review { padding: 0; font-size: 12px; display: inline-block; text-align: left; vertical-align: top } .fwd-product-item .price-sale,.product-item .price-sale { font-size: 13px; color: #242424; font-weight: 500; padding: 10px 0 0; text-align: left } .fwd-product-item .price-sale .price-regular,.product-item .price-sale .price-regular { font-size: 11px; color: #a2a2a2; text-decoration: line-through; text-align: left; font-weight: 300 } .fwd-product-item p.price-tag,.product-item p.price-tag { display: table; width: 100%; margin-top: 4px } .fwd-product-item p.price-tag i.ico.ico-cellphone,.product-item p.price-tag i.ico.ico-cellphone { display: table-cell; vertical-align: middle; font-size: 18px; padding: 5px 4px 0 } .fwd-product-item p.price-tag span.tag,.product-item p.price-tag span.tag { display: table-cell; font-size: 11px; color: #242424; line-height: 19px; padding-right: 5px } .fwd-product-item p.price-tag span.tag span,.product-item p.price-tag span.tag span { background: #1a579c; color: #fff; padding: 2px 5px; border-radius: 2px } .fwd-product-item p.price-tag span.price,.product-item p.price-tag span.price { line-height: 19px; position: relative; padding-left: 16px; display: table-cell; font-size: 11px; color: #242424 } .fwd-product-item p.price-tag span.price:after,.product-item p.price-tag span.price:after { content: ""; position: absolute; left: 0; top: 4px; width: 1px; bottom: 4px; display: inline-block; background: #ccc } .fwd-product-item p.price-tag span.price span,.product-item p.price-tag span.price span { color: #ff3b26; font-size: 15px; clear: both; width: 100%; display: inline-block; font-weight: 500 } .fwd-product-item .sale-tag-square,.product-item .sale-tag-square { color: #FF3B26; display: inline-block; font-size: 12px; font-weight: 500; margin-left: 2px } .fwd-product-item .other,.product-item .other { padding: 5px 0 0; text-align: left; font-size: 12px; color: #007ff0; font-weight: 700 } .fwd-product-item .other.green,.product-item .other.green { color: green } .fwd-product-item .other.red,.product-item .other.red { color: red } .fwd-product-item .add-to-cart,.fwd-product-item div.wishlist-add-to-cart,.product-item .add-to-cart,.product-item div.wishlist-add-to-cart { background-color: #ff3945; height: 28px; line-height: 29px; border: 0; color: #fff; font-size: 13px; font-weight: 300; letter-spacing: .4px; padding: 0; outline-color: #ccc } .fwd-product-item .add-to-cart,.product-item .add-to-cart { visibility: visible; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 150px; border-radius: 4px; display: none; cursor: pointer } .fwd-product-item .add-to-cart img,.product-item .add-to-cart img { display: none } .fwd-product-item div.wishlist-add-to-cart,.product-item div.wishlist-add-to-cart { margin: 10px auto -5px; width: 200px; border-radius: 4px; cursor: pointer; text-align: center } .egiftcard__submit,.evoucher__submit { height: 40px; cursor: pointer; white-space: nowrap } .fwd-product-item div.wishlist-add-to-cart:hover,.product-item div.wishlist-add-to-cart:hover { opacity: .8 } .fwd-product-item .miki-add-to-cart,.product-item .miki-add-to-cart { background-color: #e7e7e7; border: 0; font-size: 12px; margin-top: 5px; margin-bottom: -8px; border-radius: 0; visibility: hidden; width: 100% } .fwd-product-item .miki-add-to-cart:hover,.product-item .miki-add-to-cart:hover { background-color: #dcdcdc } .fwd-product-item .miki-add-to-cart .icon,.product-item .miki-add-to-cart .icon { display: inline-block; margin-right: 5px; max-width: 7px } .fwd-product-item .miki-add-to-cart .text,.product-item .miki-add-to-cart .text { display: inline-block; line-height: 1; vertical-align: middle } .fwd-product-item .remove-product,.product-item .remove-product { position: absolute; top: 5px; left: 5px; border: 1px solid #ccc; padding-left: 6px; padding-right: 6px; outline-color: #ccc; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7)); background: linear-gradient(#fff,#f7f7f7); border-radius: 2px; z-index: 99 } .evoucher-phone.has-enough .evoucher__input,.evoucher-phone.has-error .evoucher__input { border-color: #a94442; border-width: 1px } .fwd-product-item .stock-warning,.product-item .stock-warning { color: #ee2347; font-size: 11px; text-align: left; width: 200px; margin: 0 auto } .fwd-product-item .rating,.product-item .rating { padding: 11px 0 0; font-size: 12px; display: inline-block } .fwd-product-item .rating .rating-content,.product-item .rating .rating-content { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block } .fwd-product-item .rating .rating-content .star,.product-item .rating .rating-content .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #b8b8b8; font-size: 13px; text-rendering: auto } .fwd-product-item .rating .rating-content .star:nth-child(1),.product-item .rating .rating-content .star:nth-child(1) { margin-left: 0 } .fwd-product-item .rating .rating-content .star:before,.product-item .rating .rating-content .star:before { content: "\e924" } .fwd-product-item .rating .rating-content span,.product-item .rating .rating-content span { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .fwd-product-item .rating .rating-content span .star,.product-item .rating .rating-content span .star { color: #ffc120 } .fwd-product-item .rating+.review,.product-item .rating+.review { margin-left: 5px } .fwd-product-item .review,.product-item .review { padding-top: 8px; font-size: 12px; color: #787878; display: inline-block } .evoucher { margin-top: 15px } .evoucher__text { display: inline-block; vertical-align: middle; margin-right: 35px; font-size: 13px } .evoucher__content { display: inline-block; vertical-align: middle; width: 67%; margin-bottom: 0 } .evoucher-phone { display: none } .evoucher-phone i { display: none; color: #a94442; font-size: 12px } .evoucher-phone.has-enough .enough-number,.evoucher-phone.has-error .not-number { display: block; margin-top: 5px } .evoucher__link { display: inline-block; border: 1px solid #1ba8ff; border-radius: 3px; background: #fff; color: #1ba8ff; font-size: 13px; text-align: center; padding: 9px 0; margin-right: 15px; width: 114px } .evoucher__link--active,.evoucher__link:active,.evoucher__link:focus,.evoucher__link:hover { color: #fff; background: #1ba8ff; border-color: #1ba8ff } .evoucher__note { font-size: 13px; color: #999; padding-left: 113px; width: 95%; margin: 10px 0 0 } .evoucher__input { padding: 7px 10px; width: 225px } .evoucher__submit { width: 225px; border: none; color: #fff; vertical-align: top; font-size: 13px; padding: 0 0 0 40px; line-height: 40px; border-radius: 5px; background: url(../images/ic-cart@2x.png) 23px center no-repeat #ff3945; font-weight: 400; letter-spacing: .5px; background-size: 26px; text-align: center; display: none } .evoucher__submit:hover { opacity: .8; color: #fff } .evoucher__submit:focus { color: #fff } .evoucher-cod { display: inline-block; width: 70% } .evoucher-cod .evoucher__submit { background-color: #ff3945; background-image: none; display: block; padding: 0; text-transform: uppercase; font-weight: 500; margin-bottom: 10px } .evoucher-cod .add-to-cart { background-color: #ffc120!important; display: block!important; background-image: none!important; padding: 0!important; width: 225px!important; color: #333!important; line-height: normal!important } .evoucher-cod .add-to-cart i { display: block } .egiftcard { margin: 20px 0 10px; padding-right: 20px } .egiftcard-phone { display: block; margin-top: 20px } .egiftcard__text { margin: 0 25px 0 0; vertical-align: top; min-width: 100px; display: inline-block } .egiftcard .char-number,.egiftcard__note { font-size: 13px; display: block; margin: 10px 0 0; color: #999 } .egiftcard .add-to-wishlist .icon,.egiftcard .add-to-wishlist i { font-size: 23px; color: #858585; display: inline-block } .egiftcard .char-number { display: inline-block; vertical-align: top } .egiftcard .add-to-wishlist { border: 0; background: 0 0; width: 37px; text-align: center; outline: 0; display: inline-block; margin-left: 5px; vertical-align: middle } .egiftcard .add-to-wishlist .icon { margin-top: 8px } .egiftcard textarea { border-color: #d5d5d5 } .egiftcard__input { width: 100%; border-radius: 3px; border: 1px solid #d5d5d5; padding: 7px 10px } .egiftcard__input ::-webkit-input-placeholder { color: #999 } .egiftcard__input ::-moz-placeholder { color: #999 } .egiftcard__input :-ms-input-placeholder { color: #999 } .egiftcard__input :-moz-placeholder { color: #999 } .egiftcard__submit { display: inline-block; width: 225px; border: none; color: #fff; vertical-align: top; font-size: 13px; line-height: 40px; border-radius: 5px; background: url(../images/ic-cart@2x.png) 23px center no-repeat #ff3945; font-weight: 400; letter-spacing: .5px; background-size: 26px; text-align: center; padding-left: 40px; margin-left: 130px } .egiftcard__submit:hover { opacity: .8; color: #fff } .egiftcard__submit:focus { color: #fff } .egiftcard__wrap-tags .bootstrap-tagsinput { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d5d5d5; display: block; padding: 4px 6px 2px; max-height: 100px; overflow: auto } .egiftcard__wrap-tags .bootstrap-tagsinput input { width: 100px } .egiftcard__wrap-tags .bootstrap-tagsinput .label-info { background: #ececec; border: 1px solid #c7c7c7; color: #333; font-size: 13px; font-weight: 400; margin: 0 2px 2px 0; display: inline-block; text-transform: lowercase } .egiftcard__wrap-tags .bootstrap-tagsinput .label-info span { background: #999; border-radius: 50%; text-align: center; padding: 2px; display: inline-block } .egiftcard__wrap-tags .bootstrap-tagsinput .label-info span::after { content: "\f00d"; font-family: FontAwesome; display: inline-block; color: #fff; font-size: 11px } .egiftcard__wrap-tags--email .bootstrap-tagsinput input { width: 200px } .egiftcard__tags-input { border: none } .egiftcard__tabs { border-bottom: none; display: inline-block; vertical-align: middle } .egiftcard__tabs li { border: 1px solid #c7c7c7; border-radius: 3px; margin-right: 10px } .egiftcard__tabs li a { border: none; color: #333; padding: 6px 15px; background: 0 0 } .egiftcard__tabs li a:focus,.egiftcard__tabs li a:hover { background: 0 0; border: none!important; outline: 0 } .egiftcard__tabs li.active { border-color: #ff6100 } .egiftcard__tabs li.active a { border: none } .egiftcard__tabs li:hover { border-color: #ff6100 } .egiftcard__qty .input-group { width: 50px } .egiftcard__qty-text { display: none; font-size: 13px } .egiftcard__qty-text i { font-style: normal } .egiftcard__total { margin-bottom: 20px } .egiftcard__total-price { color: #ff3425; font-size: 20px; display: inline-block; margin-right: 3px; font-weight: 500 } .egiftcard__total-vat { color: #9b9b9b; font-size: 13px } .egiftcard .subscription-discount { color: #787878; font-size: 11px; margin: 8px 0 0 } .cta-box { overflow: hidden } .installment { padding: 11px 0 8px } .installment-price { font-size: 11px; color: #787878; vertical-align: middle; margin-left: 5px } .tiki-register { background: url(../images/bg-form-repeat.jpg) repeat-x #fff } .tiki-register .wrap { background: url(../images/bg-form.png) center bottom no-repeat #ddf3fe } .tiki-register .wrap #register-box { margin: 50px auto 80px; width: 780px; padding: 20px; background: #fff; border-radius: 8px } .tiki-register .wrap #register-box #register-form { display: block } #register-form,#social-confirm-phone-form,.register-form { display: none } #register-form .col-xs-12,#social-confirm-phone-form .col-xs-12,.register-form .col-xs-12 { padding-right: 0; padding-left: 0 } #register-form .form-group,#social-confirm-phone-form .form-group,.register-form .form-group { margin-bottom: 15px } #register-form .form-group.has-error .control-label,#social-confirm-phone-form .form-group.has-error .control-label,.register-form .form-group.has-error .control-label { color: #333 } #register-form .form-group .help-block,#social-confirm-phone-form .form-group .help-block,.register-form .form-group .help-block { font-size: 11px } #register-form .form-group .help-block a,#social-confirm-phone-form .form-group .help-block a,.register-form .form-group .help-block a { color: #007FF0 } #register-form .form-group .control-label,#social-confirm-phone-form .form-group .control-label,.register-form .form-group .control-label { font-weight: 400; line-height: 34px; float: left; margin-bottom: 0 } #register-form .form-group .control-label span,#social-confirm-phone-form .form-group .control-label span,.register-form .form-group .control-label span { font-size: 11px; display: block; margin-top: 5px } #register-form .form-group .control-label span i,#social-confirm-phone-form .form-group .control-label span i,.register-form .form-group .control-label span i { color: red; font-style: normal } #register-form .form-group.use-phone input,#social-confirm-phone-form .form-group.use-phone input,.register-form .form-group.use-phone input { width: 65%!important; float: left; border-radius: 3px 0 0 3px!important; margin-bottom: 5px } #register-form .form-group.use-phone a,#social-confirm-phone-form .form-group.use-phone a,.register-form .form-group.use-phone a { float: left; padding-top: 9px; padding-bottom: 9px; color: #4a4a4a; background: #fdd835; border-color: #fdd835; width: 35%; display: inline-block; text-align: center; border-radius: 0 4px 4px 0; margin-bottom: 5px } #register-form .form-group.use-phone a.resend,#social-confirm-phone-form .form-group.use-phone a.resend,.register-form .form-group.use-phone a.resend { line-height: 14px; padding-top: 4px; padding-bottom: 2px } #register-form .form-group.use-phone a.resend span,#social-confirm-phone-form .form-group.use-phone a.resend span,.register-form .form-group.use-phone a.resend span { font-size: 14px } #register-form .form-group.use-phone a.resend span.note,#social-confirm-phone-form .form-group.use-phone a.resend span.note,.register-form .form-group.use-phone a.resend span.note { font-size: 9px; display: block; margin-top: 0; text-align: center } #register-form .form-group.use-phone a.disable,#social-confirm-phone-form .form-group.use-phone a.disable,.register-form .form-group.use-phone a.disable { opacity: .8 } #register-form .content .input-wrap .icheck-wrap input[type=checkbox],#register-form .content .input-wrap-left input[type=checkbox],#social-confirm-phone-form .content .input-wrap .icheck-wrap input[type=checkbox],#social-confirm-phone-form .content .input-wrap-left input[type=checkbox],.register-form .content .input-wrap .icheck-wrap input[type=checkbox],.register-form .content .input-wrap-left input[type=checkbox] { opacity: 0; filter: alpha(opacity=0) } #register-form .form-group.use-phone .form-control-feedback,#social-confirm-phone-form .form-group.use-phone .form-control-feedback,.register-form .form-group.use-phone .form-control-feedback { padding-right: 175px } #register-form .form-group:after,#register-form .form-group:before,#social-confirm-phone-form .form-group:after,#social-confirm-phone-form .form-group:before,.register-form .form-group:after,.register-form .form-group:before { display: table; content: ""; clear: both } #register-form .head,#social-confirm-phone-form .head,.register-form .head { background: url(../images/icon2.png) no-repeat; min-height: 36px; padding: 0 0 0 50px } #register-form .head h2,#social-confirm-phone-form .head h2,.register-form .head h2 { font-size: 19px; font-weight: 300; margin: 1px } #register-form .head p,#social-confirm-phone-form .head p,.register-form .head p { margin-bottom: 0; font-size: 13px; white-space: nowrap } #register-form .head p span,#social-confirm-phone-form .head p span,.register-form .head p span { display: inline-block; float: left; margin-right: 3px } #register-form .head p a,#social-confirm-phone-form .head p a,.register-form .head p a { color: #007FF0; display: inline-block; float: left } #register-form .head p:after,#register-form .head p:before,#social-confirm-phone-form .head p:after,#social-confirm-phone-form .head p:before,.register-form .head p:after,.register-form .head p:before { display: table; content: ""; clear: both } #register-form>.head,#social-confirm-phone-form>.head,.register-form>.head { margin-bottom: 25px } #register-form .alert,#social-confirm-phone-form .alert,.register-form .alert { font-size: 12px; padding: 5px } #register-form .content .policy-group .form-control-feedback,#social-confirm-phone-form .content .policy-group .form-control-feedback,.register-form .content .policy-group .form-control-feedback { display: none!important } #register-form .content .policy-group .help-block,#social-confirm-phone-form .content .policy-group .help-block,.register-form .content .policy-group .help-block { padding-left: 30px } #register-form .content .policy-group label,#social-confirm-phone-form .content .policy-group label,.register-form .content .policy-group label { display: block } #register-form .content .last,#register-form .content label,#social-confirm-phone-form .content .last,#social-confirm-phone-form .content label,.register-form .content .last,.register-form .content label { margin-bottom: 0 } #register-form .content .policy,#social-confirm-phone-form .content .policy,.register-form .content .policy { margin-bottom: 0; font-size: 12px; display: inline-block; line-height: 22px } #register-form .content .policy a,#social-confirm-phone-form .content .policy a,.register-form .content .policy a { color: #007FF0 } #register-form .content .input-wrap-left,#social-confirm-phone-form .content .input-wrap-left,.register-form .content .input-wrap-left { width: 100px; float: left; margin-bottom: 0 } #register-form .content .input-wrap,#social-confirm-phone-form .content .input-wrap,.register-form .content .input-wrap { float: right; width: 375px; margin: 0 } #register-form .content .input-wrap>label,#social-confirm-phone-form .content .input-wrap>label,.register-form .content .input-wrap>label { margin-bottom: 0 } #register-form .content .input-wrap .icheck-wrap,#social-confirm-phone-form .content .input-wrap .icheck-wrap,.register-form .content .input-wrap .icheck-wrap { font-weight: 400; padding-left: 22px; position: relative; font-size: 12px!important; width: 100%!important } .tiki-product .freegift-popup .item .image:hover,.tiki-product .wrap .image-box .magiczoom a.book-review-btn:hover { filter: alpha(opacity=80); opacity: .8 } #register-form .content .input-wrap .icheck-wrap .icheckbox_square-blue,#social-confirm-phone-form .content .input-wrap .icheck-wrap .icheckbox_square-blue,.register-form .content .input-wrap .icheck-wrap .icheckbox_square-blue { position: absolute; left: 0; top: 0; bottom: 0; margin: auto } #register-form .content .birthday-picker .form-control,#social-confirm-phone-form .content .birthday-picker .form-control,.register-form .content .birthday-picker .form-control { width: 30%!important } #register-form .content .text,#social-confirm-phone-form .content .text,.register-form .content .text { font-size: 13px; text-align: left } #register-form .content .left-col,#social-confirm-phone-form .content .left-col,.register-form .content .left-col { float: left; width: 100%; margin-bottom: 0 } #register-form .content .right-col,#social-confirm-phone-form .content .right-col,.register-form .content .right-col { float: right; width: 240px; border-top: none; padding-top: 0 } #register-form .content:after,#register-form .content:before,#social-confirm-phone-form .content:after,#social-confirm-phone-form .content:before,.register-form .content:after,.register-form .content:before { display: table; content: ""; clear: both } #register-form .modal-dialog,#social-confirm-phone-form .modal-dialog,.register-form .modal-dialog { width: 740px } #register-form .modal-content,#social-confirm-phone-form .modal-content { background: #f8f8f8 } #register-form .btn-info,#social-confirm-phone-form .btn-info { padding-top: 10px; padding-bottom: 10px; color: #4a4a4a; background: #fdd835; border-color: #fdd835 } #register-form .btn-info:hover,#social-confirm-phone-form .btn-info:hover { background: #f7d749; border-color: #f7d749 } #register-form .content .reset a,#social-confirm-phone-form .content .reset a { color: #1ba8ff } #register-form .modal-dialog,#social-confirm-phone-form .modal-dialog { width: 900px } #register-form .modal-dialog .close,#social-confirm-phone-form .modal-dialog .close { position: absolute; z-index: 2; right: -17px; top: -17px; width: 30px; height: 30px; border-radius: 50%; opacity: 1; background-color: #e2e2e2; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5); box-shadow: 0 0 4px 0 rgba(0,0,0,.5); border: 1px solid #fff } #register-form .modal-dialog .close .tiki-icons,#social-confirm-phone-form .modal-dialog .close .tiki-icons { line-height: 15px } #register-form .modal-dialog .close .tiki-icons:before,#social-confirm-phone-form .modal-dialog .close .tiki-icons:before { font-size: 13px; font-weight: 700; color: #a7a7a7 } #register-form .modal-dialog .modal-body,#social-confirm-phone-form .modal-dialog .modal-body { overflow: hidden; padding: 0 } #register-form .modal-dialog .modal-body .content-left,#social-confirm-phone-form .modal-dialog .modal-body .content-left { width: 360px; float: left; padding: 45px 30px; background: #fff; border-radius: 6px 0 0 6px } #register-form .modal-dialog .modal-body .content-left img,#social-confirm-phone-form .modal-dialog .modal-body .content-left img { margin-top: 70px; margin-bottom: 20px } #register-form .modal-dialog .modal-body .content-left h2,#social-confirm-phone-form .modal-dialog .modal-body .content-left h2 { font-size: 32px; font-weight: 300; color: #242424; margin-top: 0 } #register-form .modal-dialog .modal-body .content-left p,#social-confirm-phone-form .modal-dialog .modal-body .content-left p { font-size: 16px; font-weight: 300; line-height: 1.38; color: #787878 } #register-form .modal-dialog .modal-body .content-right,#social-confirm-phone-form .modal-dialog .modal-body .content-right { width: calc(100% - 390px); float: left; height: 600px; margin: 15px; overflow: hidden; background: #fff; border-radius: 6px } #register-form .modal-dialog .modal-body .content-right .tab,#social-confirm-phone-form .modal-dialog .modal-body .content-right .tab { width: 100%; border-bottom: solid 1px #f4f4f4; overflow: hidden } #register-form .modal-dialog .modal-body .content-right .tab .tab-item,#social-confirm-phone-form .modal-dialog .modal-body .content-right .tab .tab-item { float: left; font-size: 16px; width: 150px; text-align: center; border-bottom: solid 3px #fff; padding: 15px 5px 7px; color: #787878; margin-left: 20px; font-weight: 300; display: block; text-decoration: none } #register-form .modal-dialog .modal-body .content-right .tab .tab-item.active,#register-form .modal-dialog .modal-body .content-right .tab .tab-item:hover,#social-confirm-phone-form .modal-dialog .modal-body .content-right .tab .tab-item.active,#social-confirm-phone-form .modal-dialog .modal-body .content-right .tab .tab-item:hover { border-bottom: solid 3px #1ba8ff; color: #1ba8ff; cursor: pointer } #register-form .modal-dialog .modal-body .content-right form,#social-confirm-phone-form .modal-dialog .modal-body .content-right form { margin: 40px 30px } #register-form .modal-dialog .modal-body .content-right form label,#social-confirm-phone-form .modal-dialog .modal-body .content-right form label { font-size: 13px; color: #333; width: 72px; font-weight: 400!important } #register-form .modal-dialog .modal-body .content-right form .form-group,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-group { width: 100%; float: right } #register-form .modal-dialog .modal-body .content-right form .popup_email,#register-form .modal-dialog .modal-body .content-right form .popup_password,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .popup_email,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .popup_password { float: none; width: 100% } #register-form .modal-dialog .modal-body .content-right form .form-control,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control { display: inline-block; width: 100%; border-radius: 3px; border: 1px solid #c8c8c8; height: 34px } #register-form .modal-dialog .modal-body .content-right form .form-control::-webkit-input-placeholder,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control::-webkit-input-placeholder { color: #c8c8c8; font-weight: 300 } #register-form .modal-dialog .modal-body .content-right form .form-control::-moz-placeholder,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control::-moz-placeholder { color: #c8c8c8; font-weight: 300 } #register-form .modal-dialog .modal-body .content-right form .form-control:-ms-input-placeholder,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control:-ms-input-placeholder { color: #c8c8c8; font-weight: 300 } #register-form .modal-dialog .modal-body .content-right form .form-control:-moz-placeholder,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control:-moz-placeholder { color: #c8c8c8; font-weight: 300 } #register-form .modal-dialog .modal-body .content-right form .form-control.use-phone input,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control.use-phone input { border: 1px solid #c8c8c8!important; border-right: none!important } #register-form .modal-dialog .modal-body .content-right form .form-control-feedback,#social-confirm-phone-form .modal-dialog .modal-body .content-right form .form-control-feedback { display: none!important } #social-confirm-phone-form .modal-dialog { width: 430px } #social-confirm-phone-form .modal-dialog .content-right { width: 100%!important; height: auto!important; margin: 0!important } #social-confirm-phone-form .modal-dialog .content-right form { margin: 24px auto!important; width: 86% } #social-confirm-phone-form .modal-dialog .content-right form h4 { font-size: 26px; font-weight: 300; color: #242424; margin-top: 0 } #social-confirm-phone-form .modal-dialog .content-right form label { width: 100%!important } #social-confirm-phone-form .modal-dialog .content-right form p { font-size: 13px } #social-confirm-phone-form .modal-dialog .content-right form p span { color: #1ba8ff } #social-confirm-phone-form .modal-dialog .content-right form .input-wrap,#social-confirm-phone-form .modal-dialog .content-right form .left-col { width: 100% } #social-confirm-phone-form .modal-dialog .content-right form .avatar { text-align: center; margin-bottom: 10px; margin-top: 30px } #social-confirm-phone-form .modal-dialog .content-right form .avatar img { width: 100%; height: 100%; display: block; border-radius: 50%; max-width: 50px; margin: auto } #social-confirm-phone-form .modal-dialog .content-right form .avatar span { margin-top: 10px; display: block; font-size: 16px } .tiki-login,.tiki-reset-password { background: url(../images/bg-form-repeat.jpg) repeat-x #ddf3fe } .tiki-login .wrap,.tiki-reset-password .wrap { background: url(../images/bg-form.png) center bottom no-repeat } .tiki-login .wrap #login-box,.tiki-reset-password .wrap #login-box { width: 360px; margin: 50px auto 80px; padding: 20px; background: #fff; border-radius: 8px } #reset-password-form .modal-dialog,.tiki-login .wrap #login-box #login-form .form-control,.tiki-reset-password .wrap #login-box #login-form .form-control { width: 320px } .tiki-login .wrap #login-box #login-form,.tiki-reset-password .wrap #login-box #login-form { display: block } #login-form,.login-form { display: none } #login-form .form-group .help-block,.login-form .form-group .help-block { font-size: 11px } #login-form .form-group .help-block a,.login-form .form-group .help-block a { color: #007FF0 } #login-form .has-feedback label~.form-control-feedback,.login-form .has-feedback label~.form-control-feedback { top: 21px } #login-form .col-xs-12,.login-form .col-xs-12 { padding-right: 0; padding-left: 0 } #login-form .btn-info,.login-form .btn-info { margin-bottom: 5px } #login-form .btn-social,#login-form .btn-social-icon,.login-form .btn-social,.login-form .btn-social-icon { text-align: center } #login-form .btn-social img,#login-form .btn-social-icon img,.login-form .btn-social img,.login-form .btn-social-icon img { padding: 5px } #login-form .user-name-login-google,.login-form .user-name-login-google { display: block; text-align: center; background: #df4a32; overflow: hidden; border: 1px solid #c63923; padding: 5px; border-radius: 4px } #login-form .user-name-login-google:hover,.login-form .user-name-login-google:hover { cursor: pointer; text-decoration: none; opacity: .8; filter: alpha(opacity=80) } #login-form .user-name-login-google span,.login-form .user-name-login-google span { display: block; padding-left: 32px; text-align: center; color: #fff!important; font-weight: 300; line-height: 28px } #login-form>.head,.login-form>.head { margin-bottom: 25px } #login-form .head,.login-form .head { background: url(../images/icon1.png) no-repeat; min-height: 36px; padding: 0 0 0 50px } #login-form .head h2,.login-form .head h2 { font-size: 19px; font-weight: 300; margin: 1px } #login-form .head p,.login-form .head p { margin-bottom: 0; font-size: 13px } #login-form .head p span,.login-form .head p span { display: block; float: left; margin-right: 3px } #login-form .head p a,.login-form .head p a { color: #007FF0; float: left; display: none } @media (min-width: 1200px) { #login-form .head p a,.login-form .head p a { display:block } } #login-form .head p:after,#login-form .head p:before,.login-form .head p:after,.login-form .head p:before { display: table; content: ""; clear: both } #login-form .content .reset,.login-form .content .reset { font-size: 12px; margin-top: 0; margin-bottom: 10px } #login-form .content .reset a,.login-form .content .reset a { color: #007FF0 } #login-form .content .last,.login-form .content .last { margin-bottom: 0 } #login-form .modal-content { background: #f8f8f8 } #login-form .btn-info { padding-top: 10px; padding-bottom: 10px; color: #4a4a4a; background: #fdd835; border-color: #fdd835 } #login-form .btn-info:hover { background: #f7d749; border-color: #f7d749 } #login-form .content .reset a { color: #1ba8ff } #login-form .modal-dialog { width: 900px } #login-form .modal-dialog .close { position: absolute; z-index: 2; right: -17px; top: -17px; width: 30px; height: 30px; border-radius: 50%; opacity: 1; background-color: #e2e2e2; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5); box-shadow: 0 0 4px 0 rgba(0,0,0,.5); border: 1px solid #fff } #login-form .modal-dialog .close .tiki-icons { line-height: 15px } #login-form .modal-dialog .close .tiki-icons:before { font-size: 13px; font-weight: 700; color: #a7a7a7 } #login-form .modal-dialog .modal-body { overflow: hidden; padding: 0 } #login-form .modal-dialog .modal-body .content-left { width: 360px; float: left; padding: 45px 30px; background: #fff; border-radius: 6px 0 0 6px } #login-form .modal-dialog .modal-body .content-left img { margin-top: 70px; margin-bottom: 20px } #login-form .modal-dialog .modal-body .content-left h2 { font-size: 32px; font-weight: 300; color: #242424; margin-top: 0 } #login-form .modal-dialog .modal-body .content-left p { font-size: 16px; font-weight: 300; line-height: 1.38; color: #787878 } #login-form .modal-dialog .modal-body .content-right { width: calc(100% - 390px); float: left; height: 600px; margin: 15px; overflow: hidden; background: #fff; border-radius: 6px } #login-form .modal-dialog .modal-body .content-right .tab { width: 100%; border-bottom: solid 1px #f4f4f4; overflow: hidden } #login-form .modal-dialog .modal-body .content-right .tab .tab-item { float: left; font-size: 16px; width: 150px; text-align: center; border-bottom: solid 3px #fff; padding: 15px 5px 7px; color: #787878; margin-left: 20px; font-weight: 300; display: block; text-decoration: none } #login-form .modal-dialog .modal-body .content-right .tab .tab-item.active,#login-form .modal-dialog .modal-body .content-right .tab .tab-item:hover { border-bottom: solid 3px #1ba8ff; color: #1ba8ff; cursor: pointer } #login-form .modal-dialog .modal-body .content-right form { margin: 35px } #login-form .modal-dialog .modal-body .content-right form label { font-size: 13px; color: #333; font-weight: 400; width: 70px } #login-form .modal-dialog .modal-body .content-right form .form-group { width: 83%; float: right } #login-form .modal-dialog .modal-body .content-right form .popup_email,#login-form .modal-dialog .modal-body .content-right form .popup_password { float: none; width: 100% } #login-form .modal-dialog .modal-body .content-right form .form-control { display: inline-block; width: 83% } #login-form .modal-dialog .modal-body .content-right form .form-control::-webkit-input-placeholder { color: #c8c8c8; font-weight: 300 } #login-form .modal-dialog .modal-body .content-right form .form-control::-moz-placeholder { color: #c8c8c8; font-weight: 300 } #login-form .modal-dialog .modal-body .content-right form .form-control:-ms-input-placeholder { color: #c8c8c8; font-weight: 300 } #login-form .modal-dialog .modal-body .content-right form .form-control:-moz-placeholder { color: #c8c8c8; font-weight: 300 } #login-form .modal-dialog .modal-body .content-right form .form-control-feedback { display: none!important } #reset-password-form { display: none } #reset-password-form .col-xs-12 { padding-right: 0; padding-left: 0 } #reset-password-form .form-group { margin-bottom: 23px } #reset-password-form .form-group .help-block { font-size: 11px; margin-top: 4px; margin-bottom: 4px } #reset-password-form .form-group .help-block a { color: #007FF0 } #reset-password-form .head { min-height: 36px } #reset-password-form .head h2 { font-size: 19px; font-weight: 300; margin: 0 0 5px; line-height: 25px } #reset-password-form .head p { margin-bottom: 0; font-size: 13px } #reset-password-form .head p span { display: block; float: left; margin-right: 3px } #reset-password-form .head p a { color: #007FF0; display: block; float: left } #reset-password-form .head p:after,#reset-password-form .head p:before { display: table; content: ""; clear: both } #reset-password-form .content .last { margin-bottom: 0; font-size: 0 } #reset-password-form .content .last .btn-default { width: 49%; margin-right: 1%; background: #efefef } #reset-password-form .content .last .btn-info { width: 49%; margin-left: 1% } .social-component { font-family: Helvetica,Arial,sans-serif; font-size: 15px } .social-component-btn { background: #4c69ba; background: -webkit-gradient(linear,left top,left bottom,from(#4c69ba),to(#3b55a0)); background: linear-gradient(#4c69ba,#3b55a0); border: none; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-weight: 700; font-size: 11px; height: 20px; line-height: 20px; min-width: 52px; padding: 0 5px 0 4px; text-shadow: 0 -1px 0 #354c8c; white-space: nowrap } .social-component-btn:focus,.social-component-btn:hover { background: #5b7bd5; background: -webkit-gradient(linear,left top,left bottom,from(#5b7bd5),to(#4864b1)); background: linear-gradient(#5b7bd5,#4864b1); border-color: #5874c3 #4961a8 #41599f; -webkit-box-shadow: inset 0 0 1px #607fd6; box-shadow: inset 0 0 1px #607fd6 } .social-component-btn-like { background: 0 0 } .social-component-btn-like:focus,.social-component-btn-like:hover { background: 0 0; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .social-component-btn-like .fb-like { margin-bottom: 0!important; top: 0!important } .social-component-btn-icon { display: inline-block; font-size: 1.49em; padding-right: 1px; vertical-align: middle } .social-component-btn-text { display: inline-block; vertical-align: middle } .social-component-btn-counter { background: #fff; border: 1px solid #9197a3; border-radius: 2px; color: #000; display: inline-block; font-size: 11px; height: auto; line-height: 18px; margin-left: 3px; min-width: 15px; padding: 0 8px; position: relative; text-align: center; white-space: nowrap } .social-component-btn-counter-arrow { height: 0; left: 0; margin-left: -5px; margin-top: -5px; position: absolute; top: 50%; width: 5px; z-index: 2 } .social-component-btn-counter-arrow i,.social-component-btn-counter-arrow s { border-color: transparent #9197a3; border-style: solid; border-width: 4px 5px 4px 0; display: block; position: relative; top: 1px } .social-component-btn-counter-arrow i { border-right-color: #fff; left: 2px; top: -7px } #tikiFriendBannerPopupCenter .modal-body { padding: 0 } #tikiFriendBannerPopupCenter .modal-content { border: none; border-radius: 0 } #tikiFriendBannerPopupCenter .close { font-size: 14px; position: absolute; top: 5px; right: 5px; color: #000; opacity: 1 } @media (min-width: 768px) { #tikiFriendBannerPopupCenter .modal-dialog { width:640px } } .breadcrumb-wrap { background-color: #efefef; margin-bottom: 10px } .breadcrumb-wrap .breadcrumb { margin-bottom: 0; list-style: none; background-color: #efefef; padding: 0; border-radius: 0; font-size: 0; white-space: nowrap; overflow: hidden } .breadcrumb-wrap .breadcrumb li { display: inline-block; background-color: #e1e1e1 } .breadcrumb-wrap .breadcrumb li:nth-child(even) a,.breadcrumb-wrap .breadcrumb li:nth-child(even) span { background-color: #efefef } .breadcrumb-wrap .breadcrumb li:nth-child(even) a:before,.breadcrumb-wrap .breadcrumb li:nth-child(even) span:before { border-color: #efefef #efefef #efefef transparent } .breadcrumb-wrap .breadcrumb li:nth-child(even) a:after,.breadcrumb-wrap .breadcrumb li:nth-child(even) span:after { border-left-color: #efefef } .breadcrumb-wrap .breadcrumb li:first-child a:before,.breadcrumb-wrap .breadcrumb li:first-child span:before,.breadcrumb-wrap .breadcrumb li:last-child a:after,.breadcrumb-wrap .breadcrumb li:last-child span:after { border: none } .breadcrumb-wrap .breadcrumb li:first-child a,.breadcrumb-wrap .breadcrumb li:first-child span { padding-left: 15px } .breadcrumb-wrap .breadcrumb li:last-child { background-color: transparent } .breadcrumb-wrap .breadcrumb li:last-child a,.breadcrumb-wrap .breadcrumb li:last-child span { padding-right: 0; margin-right: 0; color: #333 } .breadcrumb-wrap .breadcrumb li:last-child a span,.breadcrumb-wrap .breadcrumb li:last-child span span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: inline-block; vertical-align: top } .breadcrumb-wrap .breadcrumb li:before { display: none } .breadcrumb-wrap .breadcrumb li span { width: 100%; display: inline-block; vertical-align: top } .breadcrumb-wrap .breadcrumb li a,.breadcrumb-wrap .breadcrumb li>span { display: block; background: #efefef; text-decoration: none; position: relative; height: 40px; line-height: 40px; padding: 0 10px 0 5px; text-align: left; margin-right: 23px; font-size: 13px; font-weight: 300 } .breadcrumb-wrap .breadcrumb li a:after,.breadcrumb-wrap .breadcrumb li a:before,.breadcrumb-wrap .breadcrumb li>span:after,.breadcrumb-wrap .breadcrumb li>span:before { content: ""; position: absolute; top: 0; border: 0 solid #efefef; border-width: 20px 7px 20px 17px; width: 0; height: 0 } .breadcrumb-wrap .breadcrumb li a:before,.breadcrumb-wrap .breadcrumb li>span:before { left: -22px; border-left-color: transparent } .breadcrumb-wrap .breadcrumb li a:after,.breadcrumb-wrap .breadcrumb li>span:after { right: -23px; border-color: transparent transparent transparent #efefef } .all-new .badge { border-radius: 3px; font-weight: 400; padding: 4px 6px } .all-new .banner { background-color: #f9f9f9; position: relative } .all-new .banner.has-pagination { margin-bottom: 30px } .all-new .banner .btn-swiper { background-color: rgba(192,192,192,.5) } .all-new .banner .btn-swiper:hover { background-color: rgba(153,153,153,.5) } .all-new .banner-full-width img { display: block; margin-left: auto; margin-right: auto } @media (min-width: 992px) { .all-new .banner { margin-bottom:0 } } @media (min-width: 1200px) { .all-new .banner.has-pagination { margin-bottom:0 } .all-new .banner .btn-swiper { display: block } .all-new .banner-h-300 { height: 300px } } .all-new .btn-gradient { background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7)); background: linear-gradient(#fff,#f7f7f7); font-size: 12px } .all-new .btn-gradient:hover { text-decoration: none; opacity: .8; color: #000 } .all-new .btn-gradient .fa { -webkit-transform: scale(1.3); transform: scale(1.3) } .all-new .btn-gradient .fa-angle-left { margin-right: 5px } .all-new .btn-gradient .fa-angle-right { margin-left: 5px } .all-new .btn-add-to-cart { background-color: transparent; border-color: #007FF0; border-radius: 3px; color: #007FF0; display: block; font-size: 14px; padding: 4px 12px; text-transform: uppercase; width: 100% } .all-new .btn-add-to-cart .fa-shopping-cart { font-size: 17px; margin-right: 5px } .all-new .btn-add-to-cart:hover { background-color: #007FF0; color: #fff } .all-new .btn-flash-buy { border-color: #dcdcdc; color: #333; border-radius: 3px; font-size: 12px; padding: 5px 12px 6px } .all-new .btn-flash-buy:hover { background-color: #dcdcdc; color: #333 } .all-new .btn-flash-buy .icon { display: inline-block; margin-right: 5px; max-width: 7px } .all-new .btn-flash-buy .text { display: inline-block; line-height: 1; vertical-align: middle } .all-new .btn-buy-now { background-color: #f05e5f; border-color: #f05e5f; border-bottom: 3px solid #983d3c; border-radius: 6px; color: #fff } .all-new .btn-buy-now .fa-angle-right { font-size: 16px; margin-left: 6px } .all-new .btn-buy-now:hover { opacity: .8 } .all-new .btn-notify { border-color: green; font-size: 11px; width: 100%; color: #fff; display: block; font-weight: 400; text-align: center; background-color: green; border-radius: 3px; padding: 6px 2px } .all-new .btn-notify:hover { opacity: .8; text-decoration: none } .all-new .card-item.active:after,.all-new .card.has-border .card-item:hover:after { opacity: 1 } .all-new .btn-swiper { border-radius: 0; bottom: 0; color: #fff; display: none; font-size: 26px; height: 60px; margin: auto; padding: 10px 9px; position: absolute; top: 0; width: 30px; z-index: 1 } .all-new .btn-swiper.prev { border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0 } .all-new .btn-swiper.next { border-top-left-radius: 3px; border-bottom-left-radius: 3px; right: 0 } .all-new .btn-swiper:hover { background-color: #999; color: #fff } .all-new .card-item.active a,.all-new .card.has-border .card-item:hover .card-name { color: #007FF0 } .all-new .btn-swiper.circle { border-radius: 50%; line-height: 0; padding: 0; width: 30px; height: 30px } .all-new .swiper-button-disabled { cursor: not-allowed; visibility: hidden } .all-new .btn-icon { line-height: 0 } .all-new .card { margin-bottom: 20px } .all-new .card.has-border { border-bottom: 1px solid #f0f0f0 } .all-new .card.has-border .nav-tabs { border-bottom: 0 } .all-new .card.has-border .nav-tabs>li { margin-bottom: 0 } .all-new .card.has-border .nav-tabs>li>a { border: 0 } .all-new .card.has-border .nav-tabs>li>a:focus,.all-new .card.has-border .nav-tabs>li>a:hover { background-color: transparent } .all-new .card.has-border .card-item { margin-top: 15px; padding-bottom: 25px } .all-new .card-grid-4 .card-item { width: 50% } .all-new .card-flex-5 .card-item { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% } .all-new .card-flex-5 .card-item img { display: block; margin-left: auto; margin-right: auto } .all-new .card-item { margin-top: 20px; padding-left: 10px; padding-right: 10px; position: relative } .all-new .card-item.swiper-slide { float: none; height: auto } .all-new .card-item:after { border-bottom: 3px solid #007FF0; bottom: 0; content: ' '; opacity: 0; left: 0; margin-bottom: 0; right: 0; position: absolute } .all-new .card-item:hover { opacity: .8 } .all-new .card-item a { border-radius: 6px; color: #333 } .all-new .card-name { font-size: 16px; line-height: 1.5; margin-bottom: 0; text-align: center; text-transform: uppercase } @media (min-width: 544px) { .all-new .card-grid-4 .card-item { width:33.33333% } .all-new .card-flex-5 .card-item { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% } } @media (min-width: 768px) { .all-new .card-flex-5 .card-item { -ms-flex-preferred-size:33.33333%; flex-basis: 33.33333% } } @media (min-width: 992px) { .all-new .card-grid-4 .card-item { width:25% } .all-new .card-grid-4 .media-left { height: 100px } .all-new .card-grid-4 .media-object { max-width: 100px!important } .all-new .card-flex-5 { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .all-new .card-flex-5 .card-item { -ms-flex-preferred-size: 20%; flex-basis: 20% } } @media (min-width: 1200px) { .all-new .card:hover .btn-swiper { display:block } } .all-new .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .all-new .flexbox-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .all-new .heading { border-bottom: 1px solid; color: #007FF0; font-size: 20px; line-height: 1.5; margin-top: 20px; padding-bottom: 3px; position: relative } .all-new .heading-text { color: #007FF0 } .all-new .heading-text:hover { text-decoration: none } .all-new .heading-view-all { bottom: 7px; color: #333; font-size: 12px; right: 0; position: absolute } .all-new .icon-24h { height: 25px; width: 42px } .all-new .icon-pre-reading { height: 29px; width: 61px } .all-new .icon-gift { height: 42px; width: 43px } .all-new .icon-hcm { height: 28px; width: 135px } .all-new .icon-hcm-hn { height: 28px; width: 164px } .all-new .icon-close { position: absolute; right: 0; top: 0; width: 20px; height: 20px } .all-new .icon-close:after,.all-new .icon-close:before { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #333 } .all-new .icon-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .all-new .icon-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .all-new .label-box { border: 1px solid #0050a1; color: #000; display: block; font-weight: 700; padding-bottom: 5px; padding-top: 0; text-align: center } .all-new .label-box label { background-color: #0050a1; color: #fff; display: block; font-size: 10px; font-weight: 400; margin-bottom: 5px; padding: 5px 7px; position: relative } .all-new .label-box label:before { content: ' '; border-top: 5px solid transparent; border-left: 5px solid #0050a1; border-bottom: 5px solid transparent; display: none; margin-top: -5px; right: -5px; position: absolute; top: 50% } @media (min-width: 768px) { .all-new .label-box { height:28px; padding-top: 6px } .all-new .label-box label { float: left; font-size: 1.1rem; line-height: 1.1; margin-bottom: 0; margin-top: -6px; padding: 1px 7px; position: relative } .all-new .label-box label:before { display: block } } .all-new .media-md .media-body,.all-new .media-sm .media-body { margin-top: 15px; text-align: center; width: auto } .all-new .media-md .media-body,.all-new .media-md .media-left,.all-new .media-md .media-right,.all-new .media-sm .media-body,.all-new .media-sm .media-left,.all-new .media-sm .media-right { display: block } .all-new .media-md .media-left,.all-new .media-sm .media-left { padding-right: 0 } .all-new .media-md .media-object,.all-new .media-sm .media-object { margin: 0 auto; max-width: 100% } .all-new .media-md .media-right,.all-new .media-sm .media-right { padding-left: 0 } @media (min-width: 768px) { .all-new .media-sm .media-body { margin-top:0; text-align: inherit; width: 10000px } .all-new .media-sm .media-body,.all-new .media-sm .media-left,.all-new .media-sm .media-right { display: table-cell } .all-new .media-sm .media-left { padding-right: 15px } .all-new .media-sm .media-object { max-width: none } .all-new .media-sm .media-right { padding-left: 15px } } @media (min-width: 992px) { .all-new .media-md .media-body { margin-top:0; text-align: inherit; width: 10000px } .all-new .media-md .media-body,.all-new .media-md .media-left,.all-new .media-md .media-right { display: table-cell } .all-new .media-md .media-left { padding-right: 15px } .all-new .media-md .media-object { max-width: none } .all-new .media-md .media-right { padding-left: 15px } } .all-new .rating { font-size: 0; line-height: 1; padding: 0; position: relative; white-space: nowrap; display: inline-block } .all-new .rating .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin-left: .17rem; margin-right: .17rem; color: #b8b8b8; font-size: .9rem; text-rendering: auto } .all-new .rating .star:nth-child(1) { margin-left: 0 } .all-new .rating .star:before { content: "\e924" } .all-new .rating-score { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .all-new .rating-score .star { color: #ffc120 } .all-new .pagination-dots { background-color: #f9f9f9; bottom: -30px; left: 0; right: 0; padding: 7px; position: absolute } .all-new .pagination-dots .swiper-pagination-bullet { background: #000; margin: 0 3px; height: 10px; width: 10px } .all-new .pagination-dots .swiper-pagination-bullet-active { background: #666 } @media (min-width: 1200px) { .all-new .pagination-dots { background-color:transparent; bottom: 10px; padding: 0 } } .all-new .product-grid { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 20px } .all-new .product-item { border: 1px solid transparent; font-size: 13px; height: auto; padding: 7px 7px 36px; width: 50% } .all-new .product-item:hover { border-color: #f0f0f0; -webkit-box-shadow: none; box-shadow: none } .all-new .product-item:hover .product-name { color: #007FF0 } .all-new .product-item:hover .product-button,.all-new .product-item:hover .product-button .btn-add-to-cart,.all-new .product-item:hover .product-button .btn-flash-buy { visibility: visible } .all-new .product-item:hover .btn-trash { display: block } .all-new .product-item>a { width: auto } .all-new .product-item>a:focus,.all-new .product-item>a:hover { text-decoration: none } .all-new .product-item p { margin-bottom: 5px; padding: 0 } .all-new .product-item p:last-child { margin-bottom: 0 } .all-new .product-item .icon-24h { right: 0; position: absolute; top: 0 } .all-new .product-item .icon-pre-reading { bottom: 0; right: 0; position: absolute } .all-new .product-item .icon-gift { bottom: 0; left: 0; position: absolute } .all-new .product-item .icon-installment { left: 0; position: absolute; top: 0 } .all-new .product-item .btn-trash { display: none; left: 15px; padding: 10px; position: absolute; top: 15px; z-index: 1 } .all-new .product-image { color: #333; margin-bottom: 20px; position: relative } .all-new .product-image img { border: 0; font-size: 14px; margin: 0 auto; max-height: 100%; position: absolute; text-align: left } .all-new .product-name { color: #333; line-height: 1.5; height: 40px; margin-bottom: 5px; overflow: hidden } .all-new .product-author { color: #999; font-size: 12px } .all-new .product-price { color: #f6871f; font-weight: 700 } .all-new .product-price .badge { font-size: 11px; margin-left: 3px } .all-new .product-price-strike { color: #999; display: block; font-size: 12px; font-weight: 400; text-decoration: line-through } .all-new .product-rating { display: block; margin-top: 10px } .all-new .product-review { color: #999; display: block; font-size: 12px; margin-top: 3px } .all-new .product-stock { color: #ee2347; font-size: 11px } .all-new .product-notify { color: green; font-size: 12px; font-weight: 700 } .all-new .product-button { bottom: 7px; left: 7px; right: 7px; position: absolute } .all-new .product-button .btn-add-to-cart { font-size: 12px; margin-top: 0; visibility: visible } .all-new .product-button .btn-add-to-cart .fa-shopping-cart { font-size: 15px } @media (min-width: 544px) { .all-new .product-item { width:33.33333% } } @media (min-width: 768px) { .all-new .product-item { width:25% } .all-new .product-item .product-review { display: inline-block; margin-top: 0; vertical-align: middle } .all-new .product-price .btn-add-to-cart { font-size: 14px } .all-new .product-price .btn-add-to-cart .fa-shopping-cart { font-size: 17px } } @media (min-width: 992px) { .all-new .product-item { padding:15px 15px 58px } .all-new .product-price { font-size: 15px } .all-new .product-price .badge { font-size: 12px; margin-left: 5px } .all-new .product-button { bottom: 15px; left: 15px; right: 15px } } @media (min-width: 1200px) { .all-new .product-grid:hover .btn-swiper { display:block } .all-new .product-item { width: 16.66667% } .all-new .product-button,.all-new .product-button .btn-add-to-cart,.all-new .product-button .btn-flash-buy { visibility: hidden } } .all-new .thumbnail-60 { max-width: 60px } .all-new .thumbnail-100 { max-width: 100px } .all-new .bg-green-light { background-color: #a8e6ce } .all-new .bg-green-lighter { background-color: #dcedc2 } .all-new .bg-orange { background-color: #f6871f } .all-new .bg-orange-lighter { background-color: #ffd3b5 } .all-new .bg-purple-lighter { background-color: #cad9ec } .all-new .bg-yellow-brown { background-color: #e2ce9f } .all-new .bg-red-dark { background-color: #a44461 } .all-new .bg-yellow-green { background-color: #9ca278 } .all-new .bg-blue-dark { background-color: #415984 } .all-new .bg-blue { background-color: #00c1f0 } .all-new .block { display: block } .all-new .inline-block { display: inline-block } .all-new .no-text-transform { text-transform: none!important } .all-new .margin-b-40 { margin-bottom: 40px } .all-new .margin-lr-10 { margin-left: -10px; margin-right: -10px } .all-new .margin-lr-20 { margin-left: -20px; margin-right: -20px } .all-new .divider { border-bottom: 1px solid #dcdcdc; margin-top: 20px; margin-bottom: 20px } @media (min-width: 768px) { .all-new .padding-b-r-20-sm { padding-bottom:20px; padding-right: 20px } .all-new .text-left-sm { text-align: left } .all-new .text-right-sm { text-align: right } } @media (min-width: 992px) { .all-new .padding-b-r-20-md { padding-bottom:20px; padding-right: 20px } .all-new .text-left-md { text-align: left } .all-new .text-right-md { text-align: right } } @media (min-width: 1200px) { .all-new .padding-b-r-20-lg { padding-bottom:20px; padding-right: 20px } .all-new .text-left-lg { text-align: left } .all-new .text-right-lg { text-align: right } .all-new .scroll-header-gutter { height: 49px; margin-top: -49px } } .tiki-product .box-recentlyviewed-product { margin-top: 30px } .tiki-product #discount-container { font-size: 12px } .tiki-product p.price-tag { display: table; margin: 4px 0; font-size: 12px } .tiki-product p.price-tag p a,.tiki-product p.price-tag p a:hover { color: #007ff0 } .tiki-product p.price-tag i.ico.ico-cellphone { display: table-cell; vertical-align: middle; font-size: 18px; padding: 5px 8px 0 0 } .tiki-product p.price-tag span.tag { display: table-cell; font-size: 11px; color: #242424; line-height: 19px; padding-right: 10px } .tiki-product p.price-tag span.tag span { background: #1a579c; color: #fff; padding: 2px 5px; border-radius: 2px } .tiki-product p.price-tag span.price { line-height: 19px; position: relative; padding-left: 10px; display: table-cell; font-size: 11px; color: #242424 } .tiki-product p.price-tag span.price:after { content: ""; position: absolute; left: 0; top: 4px; width: 1px; bottom: 4px; display: inline-block; background: #ccc } .tiki-product p.price-tag span.price span { color: #ff3b26; font-size: 15px; clear: both; width: 100%; display: inline-block; font-weight: 500 } .tiki-product .one-click-bar { margin-top: 10px } .tiki-product .one-click-bar .btn-one-click { border-radius: 4px; color: #007FF0 } .tiki-product .one-click-bar .btn-one-click .badge { font-size: 10px; top: 0 } .tiki-product .one-click-bar .btn-one-click:hover { border-color: #007FF0; text-decoration: none } .tiki-product .product-gallery-box { font-size: 0; margin-top: 15px } .tiki-product .product-gallery-box h3 { font-size: 18px; text-transform: uppercase; font-weight: 400; margin: 40px 0 14px } .tiki-product .product-gallery-box .swiper-gallery-top { width: 100%; display: block; font-size: 13px; vertical-align: top } .tiki-product .product-gallery-box .swiper-gallery-thumbs { width: 100%; display: none; font-size: 13px; vertical-align: top; margin-top: 15px } .tiki-product .product-gallery-box .swiper-gallery-thumbs:after,.tiki-product .product-gallery-box .swiper-gallery-thumbs:before { display: table; content: ""; clear: both } .tiki-product .product-gallery-box .swiper-slide { min-height: 500px } .tiki-product .product-gallery-box .swiper-gallery-thumbs div { display: block; float: left; width: 140px; overflow: hidden; margin-left: 10px; margin-bottom: 10px; cursor: pointer; border: 2px solid transparent; height: 81px } .tiki-product .product-gallery-box .swiper-gallery-thumbs div.active,.tiki-product .product-gallery-box .swiper-gallery-thumbs div:hover { border: 2px solid #f89406 } .tiki-product .product-lifestyle .table-striped>tbody>tr:nth-of-type(odd) { background: 0 0 } .tiki-product .row-no-padding { padding: 0 } .tiki-product .wap-info-lifestyle.col-xs-12,.tiki-product .wap-info-lifestyle.col-xs-6 { padding-left: 0 } .tiki-product .wrap .box-product-lifestyle .product-table-box { margin-top: 0 } .tiki-product .product-table-box { margin-top: 10px } .tiki-product .product-table-box .panel-default { border-color: #d5d5d5; border-top: 0; border-radius: 0; overflow: hidden; margin-bottom: 0; border-left: 0 } .tiki-product .product-lifestyle .table-striped td.first { background: #f7f7f7; width: 30% } .tiki-product .product-discount-label { background-color: #0050a1; bottom: 0; border-radius: 6px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); box-shadow: 0 0 4px 0 rgba(0,0,0,.3); color: #fff; font-size: 18px; font-style: italic; padding: 5px 15px; position: absolute; right: 15px; width: 220px; -webkit-transform: skew(-15deg); transform: skew(-15deg) } .tiki-product .video,.tiki-product .video iframe { max-height: 315px; width: 100% } .tiki-product .product-discount-label>div { -webkit-transform: skew(15deg); transform: skew(15deg) } .tiki-product .product-discount-label-code { font-style: normal; font-weight: 700 } .tiki-product .miki-ebook-price { display: block; padding: 5px 14px; background: #fff; text-align: center; border: 1px solid #1c4499; font-weight: 400; color: #1c4499; cursor: pointer; font-size: 13px; -webkit-box-shadow: none; box-shadow: none; margin: 20px 0 10px; border-radius: 4px; text-decoration: none } .tiki-product .miki-ebook-price:hover { color: #fff; background: #1c4499; border: 1px solid #1c4499 } .tiki-product .miki-ebook-price:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0 } .tiki-product .miki-ebook-price div:nth-child(2) { color: #ff3425; font-weight: 500; font-size: 13px } .tiki-product .zoomContainer { position: relative; z-index: 999 } .tiki-product.is-review-book { overflow: hidden!important } .tiki-product .freegift-popup { display: none } .tiki-product .freegift-popup .item { display: inline-block; vertical-align: top } .tiki-product .freegift-popup .item .title { text-align: center } .tiki-product .freegift-popup .item .title a { color: #333; font-size: 13px } .tiki-product .freegift-popup .item .title a:hover { color: #007FF0; text-decoration: none } .tiki-product .super-product .table.table-striped>tbody>tr:nth-of-type(odd) { background: #f8f7f5 } .tiki-product .super-product .table.table-striped>tbody>tr:nth-of-type(even) { background: #eeeded } .tiki-product .super-product .table thead th { padding: 6px 8px; font-size: 12px; border-bottom-width: 1px } .tiki-product .super-product .table tbody td { font-size: 12px; padding: 3px 8px; vertical-align: middle } .tiki-product .super-product .table tbody td .price { vertical-align: middle; text-align: right } .tiki-product .super-product .table tbody td .price span:nth-child(1) { font-size: 14px; color: #444; font-weight: 700; display: block } .tiki-product .super-product .table tbody td .price span:nth-child(2) { font-size: 11px; color: #999; display: block; text-decoration: line-through } .tiki-product .video { max-width: 560px; margin-left: auto; margin-right: auto } .tiki-product .wrap {margin-bottom: 30px;/* margin-top: -10px; */} .tiki-product .wrap .product-container .product-summary {/* background: #fff; *//* margin: 0; */display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;/* border-radius: 0 0 4px 4px; */} .tiki-product .wrap .product-container .product-summary .product-image {border-right: 2px solid #f7f7f7;/* width: 527px; *//* padding: 24px 24px 20px 20px; */overflow: hidden;text-align: center;} .tiki-product .wrap .product-container .product-summary .product-cart {/* width: 711px; *//* padding: 0 24px; */} .tiki-product .wrap .container>.row .col-xs-5 { padding-right: 0 } .col-xs-7.no-padding-right.product-info-block .form-product { padding: 0; margin-bottom: 0px; } .tiki-save-wrapper #deal-max { margin-bottom: 20px; margin: 0; margin-right: 0px; margin-bottom: 0px; margin-bottom: 20px; margin-right: 20px; } .tiki-product .wrap .alert { padding: 8px; padding-left: 8px; font-size: 15px; margin-top: 0; margin-bottom: 10px; line-height: 1.4; color: #187119; } .tiki-product .wrap .image-box { margin-bottom: 15px; text-align: left; font-size: 0; position: relative } .tiki-product .wrap .image-box .bx-wrapper { width: 56px } .tiki-product .wrap .image-box .bx-wrapper .bx-next,.tiki-product .wrap .image-box .bx-wrapper .bx-prev { display: block } .tiki-product .wrap .image-box>.thumb { padding: 30px 0; position: relative } .tiki-product .wrap .image-box .thumb { float: none; padding: 25px 0; width: 56px; display: inline-block; vertical-align: top } .tiki-product .wrap .image-box .thumb .swiper-button-next,.tiki-product .wrap .image-box .thumb .swiper-button-prev { position: absolute; margin-top: 0; right: 0; margin-left: auto; margin-right: auto; background-size: 60%; display: block; width: 28px; height: 28px; line-height: 28px; left: 0 } .tiki-product .wrap .image-box .thumb .swiper-button-next { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: auto; bottom: -22px } .tiki-product .wrap .image-box .thumb .swiper-button-next:before { font-size: 12px } .tiki-product .wrap .image-box .thumb .swiper-button-prev { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: -19px } .tiki-product .wrap .image-box .thumb .swiper-button-prev:before { font-size: 12px } .tiki-product .wrap .image-box .thumb .swiper-button-disabled { display: none } .tiki-product .wrap .image-box .thumb .swiper-container { height: 385px } .tiki-product .wrap .image-box .thumb .swiper-pagination { display: none; text-align: center; width: 100%; margin-top: 15px } .tiki-product .wrap .image-box .thumb .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 4px } .tiki-product .wrap .image-box .thumb a { display: inline-block; width: 100%; width: 55px!important; height: 69px; line-height: 69px; text-align: center; border: 1px solid #e7e7e7; cursor: pointer; margin-bottom: 5px } .tiki-product .wrap .image-box .thumb a.active,.tiki-product .wrap .image-box .thumb a:hover { border: 1px solid #979797 } .tiki-product .wrap .image-box .thumb a img { max-width: 300px; width: 50px; height: 50px; display: inline } .tiki-product .wrap .image-box .magiczoom { overflow: hidden; text-align: center; display: inline-block; vertical-align: middle; position: relative; margin-left: 90px } .tiki-product .wrap .image-box .magiczoom .product-left-icon { position: absolute; top: 0; left: 0; z-index: 1 } .tiki-product .wrap .image-box .magiczoom .txt-desc-for-img { height: 20px; margin-top: 10px } .tiki-product .wrap .image-box .magiczoom .txt-desc-for-img p { font-size: 12px; color: #242424; display: none; margin-bottom: 0 } .tiki-product .wrap .image-box .magiczoom .txt-desc-for-img p.txt-static { display: block } .tiki-product .wrap .image-box .magiczoom .txt-desc-for-img p img { margin-right: 2px } .tiki-product .wrap .image-box .magiczoom .watermark { text-align: right; z-index: 1; position: absolute; top: 0; right: 15px } .tiki-product .wrap .image-box .magiczoom a { display: block; position: relative } .tiki-product .wrap .image-box .magiczoom a.zoom-wrap-link { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 387px; height: 387px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tiki-product .wrap .image-box .magiczoom a.book-review-btn { text-align: right } .tiki-product .wrap .image-box .magiczoom a img#product-magiczoom { position: static!important; width: 100%; min-width: 391px } .tiki-product .wrap .image-box .magiczoom a img#product-magiczoom:nth-child(2) { display: none!important } .tiki-product .wrap .image-box .magiczoom a .zoomWrapper { width: auto!important; height: auto!important } .tiki-product .wrap .image-box .magiczoom a .img-1-6 { bottom: 0; right: 0; position: absolute } .tiki-product .wrap .image-box .magiczoom .MagicZoomPlus { position: relative } .tiki-product .wrap .image-box .magiczoom .promo { display: block!important; position: absolute; bottom: 0; right: 0; font-size: 1.4rem; text-transform: uppercase; color: #e62446; text-align: right; line-height: 1.3; white-space: nowrap; background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,.8))); background: linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,.8) 50%) } .tiki-product .wrap .image-box .magiczoom .promo:after,.tiki-product .wrap .image-box .magiczoom .promo:before { content: ''; position: absolute; left: 0; right: 0; z-index: 1; height: 3px; background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(243,32,32,.09)),color-stop(50%,#f16f5c),color-stop(51%,rgba(246,41,12,.61)),color-stop(71%,#f02f17),to(#e62446)); background: linear-gradient(to right,rgba(243,32,32,.09) 0,#f16f5c 50%,rgba(246,41,12,.61) 51%,#f02f17 71%,#e62446 100%) } .tiki-product .wrap .image-box .magiczoom .promo:before { top: 0 } .tiki-product .wrap .image-box .magiczoom .promo:after { bottom: 0 } .tiki-product .wrap .image-box .magiczoom .promo span { display: block!important; margin-top: 2px; margin-bottom: 2px } .tiki-product .wrap .image-box .magiczoom .promo span .impt { font-size: 2.3rem; vertical-align: bottom; font-weight: 700; font-style: normal } .tiki-product .wrap .image-box.no-left { text-align: center } .tiki-product .wrap .image-box.no-left .thumb { display: none } .tiki-product .wrap .image-box.no-left .magiczoom { float: none; width: 100%; height: auto } .tiki-product .wrap .image-box.no-left .zoomWrapper { margin-left: auto; margin-right: auto } .tiki-product .wrap .image-box:after,.tiki-product .wrap .image-box:before { display: table; content: ""; clear: both } .tiki-product .wrap .item-box .item-name { font-size: 24px; font-weight: 300; color: #333; line-height: 30px; margin: 16px 0 5px } .tiki-product .wrap .item-box .item-name .tikicon { margin-top: -5px } .tiki-product .wrap .item-box .item-bestseller { margin: 0; background: url(../images/ic-prize@2x.png) center left no-repeat; background-size: 18px; height: 24px; padding: 0 0 0 25px; line-height: 24px; font-size: 13px } .tiki-product .wrap .item-box .item-bestseller strong { font-weight: 400 } .tiki-product .wrap .item-box .item-bestseller img { margin-right: 4px } .tiki-product .wrap .item-box .item-bestseller a { color: #007FF0 } .tiki-product .wrap .item-box .item-row1.border { border-bottom: 1px solid #eaeaea } .tiki-product .wrap .item-box .item-row1 .item-price { width: 100%; } .tiki-product .wrap .item-box .item-row1 .item-price .item-cover { font-size: 13px; display: inline-block; margin-bottom: 8px; margin-right: 20px } .tiki-product .wrap .item-box .item-row1 .item-price .item-brand { margin-bottom: 0; font-size: 13px; display: inline-block; font-weight: 400; margin-right: 20px } .tiki-product .wrap .item-box .item-row1 .item-price .item-brand.item-sku h6 { color: #9b9b9b } .tiki-product .wrap .item-box .item-row1 .item-price .item-brand h6 { margin: 0; line-height: 20px; display: inline-block; font-size: 13px; font-weight: 400 } .tiki-product .wrap .item-box .item-row1 .item-price .item-brand p { line-height: 20px; margin-bottom: 0; display: inline-block; color: #9b9b9b; font-weight: 300 } .tiki-product .wrap .item-box .item-row1 .item-price .item-brand p a { color: #007ff0; font-weight: 400 } .tiki-product .wrap .item-box .item-row1 .item-price .old-price-item { line-height: 23px; font-size: 16px; font-weight: 300; } .tiki-product .wrap .item-box .item-row1 .item-price .special-price-item {margin: 10px 0 2px;font-size: 13px;color: #9b9b9b;font-weight: 300} .tiki-product .wrap .item-box .item-row1 .item-price .special-price-item span#span-price {font-size: 20px;color: #f00;margin: 0;display: block;/* float: right; */font-weight: bold;line-height: 30px;} .tiki-product .wrap .item-box .item-row1 .item-price .special-price-item span.vat { margin-left: 2px } .tiki-product .wrap .item-box .item-row1 .item-price .saleoff-price-item { font-size: 16px; font-weight: bold; } .tiki-product .wrap .item-box .item-row1 .item-price .saleoff-price-item span:nth-child(2) { font-weight: 400; color: #ff3425; font-size: 13px } .tiki-product .wrap .item-box .item-row1 .item-price .saleoff-price-item span:nth-child(2) span { color: #ff3425; font-size: 14px; margin-left: 10px; font-weight: 500 } .tiki-product .wrap .item-box .item-row1 .item-price .partnership-price-item { font-size: 14px } .tiki-product .wrap .item-box .item-row1 .item-price .partnership-price-item span:nth-child(1) { display: inline-block; min-width: 60px; color: #666 } .tiki-product .wrap .item-box .item-row1 .item-price .partnership-price-item span:nth-child(1) img { vertical-align: middle; height: 12px; top: -2px; position: relative } .tiki-product .wrap .item-box .item-row1 .item-price .partnership-price-item span:nth-child(2) { color: #1c2779; font-size: 13px; font-weight: 700 } .tiki-product .wrap .item-box .item-row1 .item-price .partnership-price-item:hover,.tiki-product .wrap .item-box .item-row1 .item-price .partnership-price-item:link { text-decoration: none } .tiki-product .wrap .item-box .item-row1 .item-price .exceeded { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .1 } .tiki-product .wrap .item-box .item-row1 .item-price .exceeded:hover,.tiki-product .wrap .item-box .item-row1 .item-price .exceeded:link { text-decoration: none; opacity: .1 } .tiki-product .wrap .item-box .item-row1 .item-price .top-feature-item { width: 95%; height: auto; float: left; box-sizing: border-box; margin-top: 15px; position: relative; box-shadow: 0 6px 10px rgb(0 0 0 / 10%); border: 1px solid #44ba46; border-radius: 10px; position: relative; padding: 15px; } .tiki-product .wrap .item-box .item-row1 .item-other { display: inline-block; vertical-align: top; margin-right: 30px } .tiki-product .wrap .item-box .item-row1 .item-other.no-left { margin-left: -50%; padding-left: 0 } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag { display: table; margin-top: 4px } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag i.ico.ico-cellphone { display: table-cell; vertical-align: middle; font-size: 18px; padding: 5px 4px 0 } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag span.tag { display: table-cell; font-size: 11px; color: #242424; line-height: 19px; padding-right: 10px } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag span.tag span { background: #1a579c; color: #fff; padding: 2px 5px; border-radius: 2px } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag span.price { line-height: 19px; position: relative; padding-left: 10px; display: table-cell; font-size: 11px; color: #242424 } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag span.price:after { content: ""; position: absolute; left: 0; top: 4px; width: 1px; bottom: 4px; display: inline-block; background: #ccc } .tiki-product .wrap .item-box .item-row1 .item-other p.price-tag span.price span { color: #ff3b26; font-size: 15px; clear: both; width: 100%; display: inline-block; font-weight: 500 } .tiki-product .wrap .item-box .item-row1 .item-other .item-review-now { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 7px 5px; position: relative; width: 70%; text-align: center; font-size: 12px; vertical-align: top; display: inline-block } .tiki-product .wrap .item-box .item-row1 .item-other .item-review-now a { background: url(../images/ico-product-page.png) left -2px no-repeat!important; padding-left: 20px; color: #007FF0; font-size: inherit } .tiki-product .wrap .item-box .item-row1 .item-other .item-benefit { margin-top: 15px } .tiki-product .wrap .item-box .item-row1 .item-other .item-benefit strong { font-weight: 400 } .tiki-product .wrap .item-box .item-row1 .item-other .item-benefit a { color: #007FF0 } .tiki-product .wrap .item-box .item-row1 .item-other .item-benefit a.has-icon { margin-left: 3px } .tiki-product .wrap .item-box .item-row1 .item-other .item-benefit a:hover { opacity: .8; filter: alpha(opacity=80); text-decoration: none } .tiki-product .wrap .item-box .item-row1:after,.tiki-product .wrap .item-box .item-row1:before { display: table; content: ""; clear: both } .tiki-product .wrap .item-box .item-promotion .form-label,.tiki-product .wrap .item-box .item-shipping .form-label { margin-right: 0; font-size: 15px; font-weight: 400 } .tiki-product .wrap .item-box .item-promotion .item-promotion-title,.tiki-product .wrap .item-box .item-shipping .item-promotion-title { border-bottom: 1px solid #e7e7e7; height: 18px; margin-bottom: 22px; white-space: nowrap } .tiki-product .wrap .item-box .item-promotion .item-promotion-title h2,.tiki-product .wrap .item-box .item-shipping .item-promotion-title h2 { display: inline-block; background: #fff; margin-top: 6px; font-size: 15px; padding-right: 3px; font-weight: 700 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content,.tiki-product .wrap .item-box .item-shipping .item-promotion-content { width: 100% } .tiki-product .wrap .item-box .item-promotion .item-promotion-content b,.tiki-product .wrap .item-box .item-promotion .item-promotion-content strong,.tiki-product .wrap .item-box .item-shipping .item-promotion-content b,.tiki-product .wrap .item-box .item-shipping .item-promotion-content strong { font-weight: 500 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item-wrap,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item-wrap { float: left; width: 47% } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item { margin-bottom: 10px; margin-top: 10px; font-size: 13px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .image,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .image { float: left; margin-bottom: 0; margin-right: 15px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .image:hover,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .image:hover { opacity: .8; filter: alpha(opacity=80) } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .label,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .label { position: relative; color: #26bc4e; font-size: 13px; font-weight: 400; padding-left: 25px; padding-bottom: 0; padding-top: 0; line-height: 18px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .label:before,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .label:before { content: " "; position: absolute; width: 19px; height: 19px; display: inline-block; background: url(../images/ic-gift.svg) no-repeat; left: 0; top: -3px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .label.label-fi,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .label.label-fi { display: none; background: #ee2247; border: 1px solid #ee2247 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .label.label-fi:before,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .label.label-fi:before { border-color: transparent #ee2247 transparent transparent } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .title,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .title { margin-top: 5px; margin-bottom: 0; padding-left: 63px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .title a,.tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .title span,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .title a,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .title span { color: #333; line-height: 15px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .title a:hover,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .title a:hover { text-decoration: none; color: #007FF0 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .price,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .price { padding-right: 5px; margin-bottom: 0; margin-top: 7px; margin-left: 63px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item .price span,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item .price span { color: #fc211e; font-weight: 400 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item:after,.tiki-product .wrap .item-box .item-promotion .item-promotion-content .free-gift-item:before,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item:after,.tiki-product .wrap .item-box .item-shipping .item-promotion-content .free-gift-item:before { display: table; content: ""; clear: both } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul { padding: 0; list-style: none; font-size: 12px; margin-top: 4px; float: right; width: 100% } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul ul,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul ul { padding-left: 10px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul ul li,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul ul li { margin: 0 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li { padding: 0; margin-bottom: 5px; line-height: 15px; font-size: 13px; position: relative; display: table; width: 100% } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li.style-2,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li.style-2 { background: 0 0; padding: 0 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li.style-2:after,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li.style-2:after { display: none } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li.style-2 img,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li.style-2 img { width: auto; height: 20px; margin-right: 5px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li.style-2 img.img2h,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li.style-2 img.img2h { height: 24px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li select,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li select { display: inline-block; margin-left: 5px; margin-right: 5px; width: auto } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li p,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li p { margin-bottom: 0; display: inline-block } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li a,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li a { color: #007FF0 } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li a.has-icon,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li a.has-icon { margin-left: 3px } .tiki-product .wrap .item-box .item-promotion .item-promotion-content ul li a:hover,.tiki-product .wrap .item-box .item-shipping .item-promotion-content ul li a:hover { opacity: .8; filter: alpha(opacity=80); text-decoration: none } .tiki-product .wrap .item-box .item-promotion .item-promotion-content:after,.tiki-product .wrap .item-box .item-promotion .item-promotion-content:before,.tiki-product .wrap .item-box .item-shipping .item-promotion-content:after,.tiki-product .wrap .item-box .item-shipping .item-promotion-content:before { display: table; content: ""; clear: both } .tiki-product .wrap .item-box .item-product-options .color-box { padding: 10px 0; margin-right: 26px } .tiki-product .wrap .item-box .item-product-options .color-box a.notify-btn { margin-left: 0; margin-right: 0 } .tiki-product .wrap .item-box .item-product-options .color-box .color-number { width: 35px; float: left; font-size: 23px; font-weight: 700; color: #ccc; line-height: 23px } .tiki-product .wrap .item-box .item-product-options .color-box .color-label { line-height: 18px; margin: 0 0 5px; font-size: 12px; display: inline-block } .tiki-product .wrap .item-box .item-product-options .color-box .color-label label { font-weight: 300; font-size: 13px; color: #8e8e8e; display: inline-block; margin-bottom: 5px } .tiki-product .wrap .item-box .item-product-options .color-box .color-label span { color: #303030; font-weight: 400; font-size: 13px; display: inline-block; margin-left: 6px } .tiki-product .wrap .item-box .item-product-options .color-box .color-label:after,.tiki-product .wrap .item-box .item-product-options .color-box .color-label:before,.tiki-product .wrap .item-box .item-product-options .color-box ul.color-items:after,.tiki-product .wrap .item-box .item-product-options .color-box ul.color-items:before { display: table; clear: both; content: "" } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items { list-style: none; padding: 0; margin: 0 } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li { float: left; display: block; text-align: center } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a { display: block; padding: 5px 14px; background: #fff; margin-right: 15px; border: 1px solid #1c4499; font-weight: 400; color: #1c4499; cursor: pointer; font-size: 13px; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px; border-radius: 4px; text-decoration: none } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a span { display: block; margin: 4px -11px -5px; background: #fff; padding: 5px; border: 1px solid #e7e7e7; border-radius: 0 0 2px 2px; color: #333 } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a.skeleton { width: 30px; height: 25px; border: 0; background: #eee } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a.disabled { background: #f4f4f4; color: #9b9b9b; border: 1px dashed #d6d6d6 } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a.disabled:hover { background: #e7e7e7; color: #666; border: 1px solid #ddd } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a.active,.tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a:hover { color: #fff; background: #1c4499; border: 1px solid #1c4499 } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a.active span,.tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a:hover span { border: 1px solid #04b1e3 } .tiki-product .wrap .item-box .item-product-options .color-box ul.color-items li a:focus { text-decoration: none } .tiki-product .wrap .item-box .item-product-options .quantity-box { padding: 20px 0 } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-number { width: 35px; float: left; font-size: 23px; font-weight: 700; color: #ccc; line-height: 23px } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-label { line-height: 6px; font-size: 11px; margin-bottom: 6px; color: #7b7b7b } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 { clear: both; float: left; width: 84px; margin-right: 31px } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input { margin: 0 } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>input { width: 50px; display: block; float: left; height: 100%; font-size: 14px; margin: 0; border: 1px solid #ccc; text-align: center; font-weight: 700; border-radius: 4px; background: #ededed; background: -webkit-gradient(linear,left top,left bottom,from(#ededed),color-stop(14%,#f6f6f6),color-stop(52%,#fff)); background: linear-gradient(to bottom,#ededed 0,#f6f6f6 14%,#fff 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0); opacity: 0 } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input .bootstrap-touchspin-down:hover,.tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input .bootstrap-touchspin-up:hover { background-color: #007FF0 } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span { height: 100%; margin-left: -2px; display: block; float: left } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a { height: 16px; width: 18px; display: block } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a:nth-child(1) { background: url(../images/ico-product-page.png) left -220px no-repeat } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a:nth-child(1).active,.tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a:nth-child(1):hover { background: url(../images/ico-product-page.png) left -280px no-repeat } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a:nth-child(2) { background: url(../images/ico-product-page.png) left -236px no-repeat } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a:nth-child(2).active,.tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input>span>a:nth-child(2):hover { background: url(../images/ico-product-page.png) left -296px no-repeat } .tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input:after,.tiki-product .wrap .item-box .item-product-options .quantity-box .quantity-col1 .tiki-number-input:before,.tiki-product .wrap .item-box .item-product-options .quantity-box:after,.tiki-product .wrap .item-box .item-product-options .quantity-box:before { display: table; content: ""; clear: both } .tiki-product .wrap .item-box #add-cart-action { position: relative } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 { float: left; width: auto; margin-left: 35px } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 .btn-buy-installment-currency { display: inline-block; font-size: 14px; font-weight: 500; width: 200px; height: 37px; text-align: center; padding: 5px 10px; color: #4a4a4a; line-height: 28px; vertical-align: top; border-radius: 5px; background: #fdd835; margin-left: 10px } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 .btn-buy-installment-currency:hover,.tiki-product .wrap .item-box .add-cart-action .quantity-col2 .btn-buy-installment-currency:link { text-decoration: none } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 .btn-buy-installment-currency.disabled { opacity: .6 } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 .btn-buy-installment-currency.disabled:hover { cursor: default } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 button.pre-order { width: 170px; height: 37px; background: url(../images/preorder.png) no-repeat; border: 0 } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 button.pre-order:hover { opacity: .8; filter: alpha(opacity=80) } .tiki-product .wrap .item-box .add-cart-action .quantity-col2 button.pre-order.disabled { cursor: not-allowed } .tiki-product .wrap .item-box .add-cart-action button.add-to-cart.is-css,.tiki-product .wrap .item-box .add-cart-action button.pre-order.is-css {border: none;color: #fff;white-space: nowrap;cursor: pointer;vertical-align: top;font-size: 13px;padding: 0 20px 0 45px;line-height: 44px;border-radius: 30px;background: url(../images/ic-cart@2x.png) no-repeat var(--color-main);font-weight: 400;letter-spacing: .5px;background-size: 26px;display: inline-block;text-align: center;background-position: 13px;background-size: 25px;} .tiki-product .wrap .item-box .add-cart-action button.add-to-cart.is-css:hover,.tiki-product .wrap .item-box .add-cart-action button.pre-order.is-css:hover { opacity: .8 } .tiki-product .wrap .item-box .add-cart-action button.add-to-cart.is-css .icon,.tiki-product .wrap .item-box .add-cart-action button.pre-order.is-css .icon { font-size: 23px; float: left; padding: 0 22px; line-height: 40px } .tiki-product .wrap .item-box .add-cart-action button.add-to-cart.is-css .text,.tiki-product .wrap .item-box .add-cart-action button.pre-order.is-css .text { display: block } .tiki-product .wrap .item-box .add-cart-action button.add-to-cart.is-css.buy-interval,.tiki-product .wrap .item-box .add-cart-action button.pre-order.is-css.buy-interval { background-image: none; background-size: 14px; background-position: 87px center; width: 266px; padding-left: 0 } .tiki-product .wrap .item-box .add-cart-action button.add-to-cart.is-css {/* width: 186px; *//* height: 40px; */} .tiki-product .wrap .item-box .add-cart-action button.add-to-back { width: 172px; height: 32px; background: url(../images/add-to-wishlist.png) no-repeat; border: 0; margin: 0 0 2px 10px; display: inline-block } .tiki-product .wrap .item-box .add-cart-action button.add-to-back.added { background-position: 0 -64px; width: 185px } .tiki-product .wrap .item-box .add-cart-action button.add-to-back.added:hover { background-position: 0 -64px } .tiki-product .wrap .item-box .add-cart-action button.add-to-back:hover { background-position: 0 -32px } .tiki-product .wrap .item-box .add-cart-action button.add-to-back.is-css { background: #efefef; background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#dedede)); background: linear-gradient(to bottom,#efefef 0,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dedede', GradientType=0); border: none; color: #000; text-align: center; white-space: nowrap; cursor: pointer; font-weight: 400; vertical-align: top; padding: 0; -webkit-box-shadow: 0 -2px 0 #b5b4b4 inset; box-shadow: 0 -2px 0 #b5b4b4 inset; border-radius: 5px; width: 200px; height: 32px; font-size: 13px; line-height: 32px } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist:hover,.tiki-product .wrap .item-box .add-cart-action button.add-to-back.is-css:hover { filter: alpha(opacity=80); opacity: .8 } .tiki-product .wrap .item-box .add-cart-action button.add-to-back.is-css .icon { font-size: 13px; float: left; padding: 0 12px; border-right: 1px solid rgba(0,0,0,.15); color: #858585 } .tiki-product .wrap .item-box .add-cart-action button.add-to-back.is-css .text { display: block } .tiki-product .wrap .item-box .add-cart-action button.add-to-back.is-css:hover .icon { color: #f2665d } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist { border: 0; background: 0 0; width: 37px; text-align: center; outline: 0; display: inline-block; margin-left: 5px } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist .icon { font-size: 23px; display: inline-block; margin-top: 8px; color: #858585 } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist:hover .icon { color: #f2665d } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist.disabled { cursor: not-allowed } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist.added .icon { font-size: 27px; color: #f27871 } .tiki-product .wrap .item-box .add-cart-action a.add-to-wishlist.added .icon .ico:before { content: "\e927" } .tiki-product .wrap .item-box .miki-add-to-cart { border: none; color: #fff; white-space: nowrap; cursor: pointer; vertical-align: top; font-size: 13px; line-height: 40px; border-radius: 5px; background: 42px center no-repeat #ff3945; font-weight: 400; letter-spacing: .5px; background-size: 26px; display: inline-block; text-align: center; margin-top: 20px; width: 150px; padding: 0 18px 0 0; height: 40px } .tiki-product .wrap .item-box .miki-add-to-cart:hover { opacity: .8 } .tiki-product .wrap .item-box .miki-add-to-cart .text { display: block } .tiki-product .wrap .item-box .miki-add-to-cart.buy-interval { background-image: none; background-size: 14px; background-position: 87px center; width: 266px; padding-left: 0 } .tiki-product .wrap .item-box .miki-add-to-cart .icon { font-size: 23px; float: left; line-height: 40px; padding: 0 15px } .tiki-product .wrap .feature-box .feature-title { border-bottom: 1px solid #e7e7e7; padding: 5px 0; margin: 0 0 20px } .tiki-product .wrap .feature-box .feature-title h2 { font-size: 19px; color: #444; font-weight: 400; text-transform: capitalize; margin: 0 } .tiki-product .wrap .feature-box .feature-image { display: block; margin-right: 40px; float: left } .tiki-product .wrap .feature-box .feature-image .feature-image-item { display: block; float: left; font-size: 0 } .tiki-product .wrap .feature-box .feature-image .feature-image-item a { padding: 3px; border: 1px solid #e7e7e7; display: inline-block; vertical-align: middle } .tiki-product .wrap .feature-box .feature-image .feature-image-item span.plus { font-size: 25px; font-weight: 700; color: #cbcbcb; padding: 0 10px; display: inline-block; vertical-align: middle } .tiki-product .wrap .feature-box .feature-image:after,.tiki-product .wrap .feature-box .feature-image:before { display: table; content: ""; clear: both } .tiki-product .wrap .feature-box ul.feature-name { display: block; float: left; list-style: none; margin: 0; padding: 0 } .tiki-product .wrap .feature-box ul.feature-name li { margin-bottom: 8px; line-height: 19px; font-size: 12px } .tiki-product .wrap .feature-box ul.feature-name li input { margin-right: 3px; margin-top: 2px; vertical-align: text-top } .tiki-product .wrap .feature-box ul.feature-name li a { color: #007FF0 } .tiki-product .wrap .feature-box ul.feature-name li p.price { font-size: 14px; font-weight: 700; margin-left: 7px; display: inline; color: #090 } .tiki-product .wrap .feature-box .feature-total { display: block; background: url(../images/seprate-price.png) left 2px no-repeat; min-height: 83px; float: right; padding-left: 28px; padding-top: 0; clear: none } .tiki-product .wrap .feature-box .feature-total .price { font-size: 13px; margin: 0 0 13px } .tiki-product .wrap .feature-box .feature-total .price span { color: #090; font-size: 18px; font-weight: 700; margin-left: 5px } .tiki-product .wrap .feature-box .feature-total button.add-all-to-cart { background: #fd4040; background: -webkit-gradient(linear,left top,left bottom,from(#fd4040),to(#d71a1a)); background: linear-gradient(to bottom,#fd4040 0,#d71a1a 100%); -webkit-box-shadow: 0 -2px 0 #a80000 inset; box-shadow: 0 -2px 0 #a80000 inset; border-radius: 5px; border: none; padding: 6px 14px; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 14px; font-weight: 700; text-shadow: 0 1px 0 rgba(0,0,0,.3) } .tiki-product .wrap .feature-box:after,.tiki-product .wrap .feature-box:before { display: table; content: ""; clear: both } .tiki-product .wrap .product-content-box {display: -webkit-box;display: -ms-flexbox;display: flex;background: #f8f9fa !important;padding: 30px;} .tiki-product .wrap .product-content-box .left,.tiki-product .wrap .product-content-box .sticky-screen-banner.right { width: 920px } .tiki-product .wrap .product-content-box .right { width: 320px; padding: 70px 0 0 20px } .tiki-product .wrap .product-content-box .right img { border-radius: 4px; width: 300px } .tiki-product .wrap .product-content-box .product-content-tabs-wrap.is-hidden { visibility: hidden!important } .tiki-product .wrap .product-content-box .product-content-tabs-wrap.affix { position: fixed!important; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff } .tiki-product .wrap .product-content-box .product-content-tabs-wrap.affix .product-content-tabs { margin: 0 auto } .tiki-product .wrap .product-content-box .product-content-tabs-wrap.affix-bottom { position: absolute!important } .tiki-product .wrap .product-content-box ul.product-content-tabs { margin-bottom: 20px; list-style: none; padding: 0; background: #fff; border: none; border-bottom: 2px solid #ddd } .tiki-product .wrap .product-content-box ul.product-content-tabs li { float: left; width: auto; margin-bottom: -2px } .tiki-product .wrap .product-content-box ul.product-content-tabs li:first-child a { background: 0 0 } .tiki-product .wrap .product-content-box ul.product-content-tabs li.active a { border-bottom: 2px solid #2db6ea; border-right: none; border-left: none; border-top: none; color: #3398c4 } .tiki-product .wrap .product-content-box ul.product-content-tabs li.active a:after { display: block; width: 0; height: 0; vertical-align: top; border-top: 0; border-bottom: 8px solid #2db6ea; border-right: 10px solid transparent; border-left: 10px solid transparent; content: " "; position: absolute; bottom: -1px; left: 45% } .tiki-product .wrap .product-content-box ul.product-content-tabs li.active a:hover { text-decoration: none } .tiki-product .wrap .product-content-box ul.product-content-tabs li a { border-bottom: 2px solid #ddd; color: #888; font-size: 19px; font-weight: 400; padding: 20px 12px; margin: 0; position: relative; display: block; white-space: nowrap; background: url(../images/seprate-rating.png) left center no-repeat } .tiki-product .wrap .product-content-box ul.product-content-tabs:after,.tiki-product .wrap .product-content-box ul.product-content-tabs:before { display: table; content: ""; clear: both } .tiki-product .wrap .product-content-box .product-content-detail { text-align: justify } .tiki-product .wrap .product-content-box .product-content-detail h3 { font-size: 28px; color: #242424; font-weight: 300; margin-top: 10px; line-height: 33px } .tiki-product .wrap .product-content-box .product-content-detail>.content { overflow: hidden; margin-bottom: 15px; max-height: 500px; line-height: 21px } .tiki-product .wrap .product-content-box .product-content-detail>.content.expand { max-height: none } .tiki-product .wrap .product-content-box .product-content-detail>.content.expand+.show-more:before { display: none } .tiki-product .wrap .product-content-box .product-content-detail>.content+.show-more:before { display: block } .tiki-product .wrap .product-content-box .product-content-detail>.content table { border-collapse: collapse; width: 100%; margin-bottom: 20px; border-radius: 4px } .tiki-product .wrap .product-content-box .product-content-detail>.content table tbody td { padding: 8px } .tiki-product .wrap .product-content-box .product-content-detail>.content img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto } .tiki-product .wrap .product-content-box .product-content-detail>.show-more:before { content: ''; height: 55px; margin-top: -45px; position: relative; display: none } .tiki-product .wrap .product-content-box .product-content-detail>.show-more a { display: block; color: #1c4499; text-align: center; width: 229px; border: 1px solid #1c4499; height: 39px; line-height: 39px; border-radius: 4px; font-size: 13px; font-weight: 400; margin: 15px auto 10px } .tiki-product .wrap .product-content-box .product-content-detail>.show-more a:hover { color: #fff; background: #1c4499; text-decoration: none } .tiki-product .wrap .image-base-box { float: right; width: 61% } .tiki-product .wrap .image-base-box figure { display: block; max-width: 510px; margin: auto } .tiki-product .wrap .image-base-box:after,.tiki-product .wrap .image-base-box:before { display: table; content: ""; clear: both } .tiki-product .wrap .advisory-posts-box { margin-top: 24px; margin-bottom: 30px } .tiki-product .wrap .advisory-posts-box>h2 { font-size: 18px; font-weight: 400; padding-bottom: 5px; border-bottom: 1px solid #e7e7e7; color: #444; margin-top: 0; margin-bottom: 0 } .tiki-product .wrap .advisory-posts-box ul { list-style: none; padding: 0; margin: 15px 0 0; font-size: 0 } .tiki-product .wrap .advisory-posts-box ul li { width: 100%; display: inline-block; margin: 0 0 20px; vertical-align: top; position: relative; padding-left: 20px } .tiki-product .wrap .advisory-posts-box ul li:before { position: absolute; top: 3px; left: 0; content: "\f111"; font-family: FontAwesome; font-size: 6px; padding-top: 3px; color: #6d6d6d } .tiki-product .wrap .advisory-posts-box ul a { display: block; font-size: 13px; color: #38adff; overflow: hidden; line-height: 20px; font-weight: 300; text-overflow: unset; white-space: normal } .tiki-product .wrap .advisory-posts-box>ul li { width: 100%; margin: 0 0 8px } .tiki-product .wrap .product-table-title { font-size: 18px; text-transform: uppercase; font-weight: 400; margin: 40px 0 10px; display: inline-block; width: 100% } .tiki-product .wrap .product-table-box .table { margin-bottom: 0; font-size: 13px } .tiki-product .wrap .product-table-box .table b,.tiki-product .wrap .product-table-box .table strong { font-weight: 500; color: #202020 } .tiki-product .wrap .product-table-box.is-left { margin-top: 0; margin-bottom: -10px; float: left; width: 38% } .tiki-product .wrap .product-table-box .show-more { margin-bottom: 0; display: none } .tiki-product .wrap .product-table-box .show-more:before { content: ""; height: 120px; margin-top: -120px; position: relative; display: block } .tiki-product .wrap .product-table-box .show-more.expand { margin-top: 15px } .tiki-product .wrap .product-table-box .show-more.expand:before { display: none } .tiki-product .wrap .product-table-box .js-content-2 { height: 450px; overflow: hidden } .tiki-product .wrap .product-table-box .js-content-2.expand { height: auto } .tiki-product .wrap .product-table-box .show-more a { display: block; color: #1c4499; text-align: center; width: 229px; border: 1px solid #1c4499; height: 39px; line-height: 39px; border-radius: 4px; font-size: 13px; font-weight: 400; margin: 15px auto 10px } .tiki-product .wrap .product-table-box .show-more a:hover { color: #fff; background: #1c4499; text-decoration: none } .tiki-product .wrap .product-action-repeat { padding: 25px 0 20px; text-align: center } .tiki-product .wrap .product-action-repeat button.add-to-cart { border-radius: 5px; font-size: 18px; font-weight: 700; border: none; padding: 9px 0; width: 440px; text-align: center; color: #fff; text-transform: capitalize; -webkit-box-shadow: 0 -2px 0 #a80000 inset; box-shadow: 0 -2px 0 #a80000 inset; background: #fd4040; background: -webkit-gradient(linear,left top,left bottom,from(#fd4040),to(#d71a1a)); background: linear-gradient(to bottom,#fd4040 0,#d71a1a 100%) } .tiki-product .wrap .product-action-repeat button.add-to-cart:hover { opacity: .9; filter: alpha(opacity=90) } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-3 button:hover,.tiki-product .wrap .question-answer-box .question-answer-form .form .btn:hover { opacity: .8; filter: alpha(opacity=80) } .tiki-product .wrap .product-action-repeat button.add-to-cart.disabled { cursor: not-allowed } .tiki-product .wrap .question-answer-box { margin-top: 30px } .tiki-product .wrap .question-answer-box .question-answer-title { margin: 40px 0 14px } .tiki-product .wrap .question-answer-box .question-answer-title h2 { font-size: 18px; text-transform: uppercase; font-weight: 400; margin: 0; display: inline-block; width: 100% } .tiki-product .wrap .question-answer-box .question-answer-content { background: #fff; border-radius: 4px 4px 0 0 } .tiki-product .wrap .question-answer-box .question-answer-content .common-question { border-bottom: 1px solid #f4f4f4; padding-bottom: 30px } .tiki-product .wrap .question-answer-box .question-answer-content .common-question .title { font-size: 18px; margin: 31px 0 5px 43px; display: inline-block } .tiki-product .wrap .question-answer-box .question-answer-content .common-question .item { border-bottom: 0 } .tiki-product .wrap .question-answer-box .question-answer-content .item { border-bottom: 1px solid #f7f7f7; padding: 8px 0 20px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1 { float: left; margin-right: -100%; position: relative; width: 116px; clear: left } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1 .type { font-size: 18px; text-align: center; margin-top: 8px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1 .type.type-a { margin-top: 4px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1 .group { width: 50%; overflow: hidden; margin-bottom: 0; text-align: center; padding: 10px 0; margin-left: auto; margin-right: auto } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1 .group .number { font-size: 24px; font-weight: 400; color: #4a4a4a; margin-bottom: 3px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1 .group .text { font-size: 13px; color: #1c1c1c; margin-bottom: 0 } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1:after,.tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-1:before { display: table; content: ""; clear: both } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 { float: left; width: 100% } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group { margin-left: 106px; padding: 0 20px 0 10px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .name { font-size: 15px; font-weight: 500; margin: 10px 0 12px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .text { color: #2a2a26; font-size: 13px; margin-bottom: 0; margin-top: 10px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .tiki-support-ans { color: #787878; font-size: 12px; margin-top: 5px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action { margin-top: 13px; margin-bottom: 0; font-size: 0 } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action span { color: #888; padding: 0 10px; border-left: 1px solid #ddd; font-size: 12px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action span:first-child { border-left: none; padding-left: 0 } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action a { color: #888; padding: 0 10px; font-size: 13px; font-weight: 300 } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action a:first-child { border-left: none; padding-left: 0 } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action a:hover { text-decoration: none; color: #007FF0 } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action a.js-like-question { background: url(../images/thumb-up@2x.png) no-repeat; background-size: 17px; padding: 3px 0 0 28px; margin-right: 35px } .tiki-product .wrap .question-answer-box .question-answer-content .item .item-col-2 .group .action a.js-reply-question { background: url(../images/reply-arrow@2x.png) no-repeat; background-size: 19px; padding: 1px 0 0 28px; margin-right: 35px } .tiki-product .wrap .question-answer-box .question-answer-content .item:after,.tiki-product .wrap .question-answer-box .question-answer-content .item:before { display: table; content: ""; clear: both } .tiki-product .wrap .question-answer-box .question-answer-form { background: #fff; border-radius: 4px } .tiki-product .wrap .question-answer-box .question-answer-form .all { margin: 0; padding: 15px 20px; border-bottom: 1px solid #f7f7f7 } .tiki-product .wrap .question-answer-box .question-answer-form .all a { color: #007ff0; font-size: 13px; font-weight: 400 } .tiki-product .wrap .question-answer-box .question-answer-form .form { position: relative; padding: 20px 175px 20px 20px } .tiki-product .wrap .question-answer-box .question-answer-form .form .btn { font-weight: 500; font-size: 13px; margin-left: auto; display: block; position: absolute; right: 20px; top: 20px; width: 154px; height: 40px; background: #fdd22f; border: 0; color: #333 } .tiki-product .wrap .question-answer-box .question-answer-form .form input[type=text] { width: 98.5%; border: 1px solid #e0e0e0; padding: 0 10px; height: 40px; line-height: 40px } .tiki-product .wrap .question-answer-box .question-answer-form .form input[type=text]::-webkit-input-placeholder { color: #c7c7c7 } .tiki-product .wrap .question-answer-box .question-answer-form .form input[type=text]::-moz-placeholder { color: #c7c7c7 } .tiki-product .wrap .question-answer-box .question-answer-form .form input[type=text]:-ms-input-placeholder { color: #c7c7c7 } .tiki-product .wrap .question-answer-box .question-answer-form .form input[type=text]:-moz-placeholder { color: #c7c7c7 } .tiki-product .wrap .question-answer-box .question-answer-form .help { padding: 0 20px 10px } .tiki-product .wrap .question-answer-box .question-answer-form .help p { font-size: 12px } .tiki-product .wrap .question-answer-box .question-answer-form .help p span { color: #888 } .tiki-product .wrap .question-answer-box .question-answer-form .help p a { color: #007FF0 } .tiki-product .wrap .product-author-box .product-author-title { margin: 40px 0 14px } .tiki-product .wrap .product-author-box .product-author-title h2,.tiki-product .wrap .product-author-box .product-author-title h4 {font-size: 24px;text-transform: uppercase;font-weight: 400;margin: 0;display: inline-block;width: 100%} .tiki-product .wrap .product-author-box .product-author-content { position: relative } .product-author-content .swiper-container {padding-bottom: 23px;} .tiki-product .wrap .product-customer-box { margin-top: 30px } .tiki-product .wrap .product-customer-box .product-customer-title { padding: 5px 0; margin: 0 0 5px } .tiki-product .wrap .product-customer-box .product-customer-title h4 { font-size: 18px; text-transform: uppercase; font-weight: 400; margin: 0; display: inline-block; width: 100% } .tiki-product .wrap .product-customer-box .product-customer-title h2 { color: #444; font-size: 18px; text-transform: uppercase; font-weight: 400; margin: 0; display: inline-block; width: 100% } .tiki-product .wrap .product-customer-box .product-customer-content { padding: 0; margin: 0; border-radius: 5px; background: #fff } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 { min-height: 120px; float: left; margin-right: 15px; padding-right: 15px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 h4 { font-weight: 400; font-size: 16px; color: #444; margin: 26px 0 0; text-align: center } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .total-review-point { margin: 20px 0 0; text-align: center; font-size: 47px; color: #fe302e; font-weight: 500 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .rating-box { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block; margin: 0 auto } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .rating-box .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #b8b8b8; text-rendering: auto; font-size: 20px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .rating-box .star:nth-child(1) { margin-left: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .rating-box .star:before { content: "\e924" } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .rating-box span { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .rating-box span .star { color: #ffc120 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .comments-count { text-align: center; margin-bottom: 25px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .comments-count a { font-size: 14px; color: #8f8f8f } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 .comments-count a:hover { color: #007FF0; text-decoration: none } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 { min-height: 120px; float: left; width: 522px; border-right: 1px solid #f7f7f7; padding: 40px 0 28px 16px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item { margin-bottom: 11px; text-align: left; font-size: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item .progress-bar-success { background: #23b445; -webkit-box-shadow: none; box-shadow: none } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item.rate-1 .progress-bar-success,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item.rate-2 .progress-bar-success { background: #c8c8c8 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item .rating-num { display: inline-block; font-size: 15px; font-weight: 400; width: 41px; line-height: 15px; vertical-align: middle; position: relative } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item .rating-num:after { content: "\e924"; font-family: icomoon; position: absolute; left: 13px; top: -2px; color: #484848 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item .rating-num-total { display: inline-block; font-size: 14px; font-weight: 300; text-align: left; margin-left: 12px; color: #787878; line-height: 15px; vertical-align: middle } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item .progress { display: inline-block; height: 10px; margin: 0; vertical-align: middle; width: 120px; border-radius: 10px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item:after,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item:before { display: table; content: ""; clear: both } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-3 { margin-top: 5px; width: 342px; float: left; min-height: 120px; text-align: center } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-3 h4 { font-weight: 400; font-size: 14px; margin: 52px 0 0; text-align: center; color: #4a4a4a } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-3 button { font-weight: 500; font-size: 13px; height: 40px; background: #fdd22f; border: 0; color: #4a4a4a; width: 229px; margin-top: 13px } .tiki-product .wrap .product-customer-box .product-customer-content>h3 { color: #444; font-size: 18px; text-transform: uppercase; font-weight: 400; padding: 43px 0 0 15px; width: 100%; background: #fff; margin-top: 0; margin-bottom: 0; display: none; border-top: 1px solid #f4f4f4 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 { display: none; width: 50%; padding: 10px 15px 20px; float: left; border-right: solid 1px #f4f4f4 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 input::-webkit-input-placeholder,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 textarea::-webkit-input-placeholder { color: #c7c7c7; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 input::-moz-placeholder,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 textarea::-moz-placeholder { color: #c7c7c7; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 input:-ms-input-placeholder,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 textarea:-ms-input-placeholder { color: #c7c7c7; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 input:-moz-placeholder,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 textarea:-moz-placeholder { color: #c7c7c7; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate { margin: 0 0 15px; font-size: 16px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate label { margin-bottom: 0; display: inline-block; font-weight: 400 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block; margin-left: 15px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .glyphicon { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #dedddc; font-size: 21px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .glyphicon:nth-child(1) { margin-left: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .glyphicon.glyphicon-star { color: #f0c808 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .glyphicon.glyphicon-star-empty:before,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .glyphicon.glyphicon-star:before { content: "\e924" } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .rating-clear { background: url(../images/delete.gif) no-repeat; width: 16px; height: 16px; font-size: 0; display: inline-block; vertical-align: top; margin-top: 6px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .rating-clear:hover { background: url(../images/delete.gif) 0 -16px no-repeat } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .rating-clear .glyphicon { font-size: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .rate .rating-input .rating-clear .glyphicon:before { content: "" } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .title { margin: 0 0 17px; font-size: 16px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .title.has-error { margin: 0 0 8px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .title label { font-weight: 400; margin-bottom: 10px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .title .form-control.input-sm,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .title .input-group-sm>.form-control,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .title .input-group-sm>.input-group-btn>.form-control.btn { height: 36px; padding: 7px 8px; border: 1px solid #dfdfdf; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-content { margin: 0 0 24px; font-size: 16px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-content.has-error { margin: 0 0 8px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-content label { font-weight: 400; margin-bottom: 10px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-content .form-control { height: 117px; padding: 7px 8px; border: 1px solid #dfdfdf; font-weight: 400; resize: none; -webkit-box-shadow: none; box-shadow: none } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file { overflow: hidden; margin: 0 -15px 0 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file label { font-weight: 400; color: #444; margin: 1px 0 28px; line-height: 31px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .button { font-size: 13px; color: #1c4499; border: 1px solid; margin: 0 0 0 10px; padding: 7px 16px!important; border-radius: 5px; text-decoration: none; text-shadow: none; width: auto!important; background: #fff; font-weight: 400 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .button:hover { color: #fff; background: #1c4499; border-color: #1c4499; text-decoration: none } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file p.error-wrap { margin-bottom: 15px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file p.error-wrap .help-block { margin-top: 0; padding-bottom: 10px; color: #a94442 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files { margin-bottom: 15px; margin-top: -17px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file { display: inline-block; width: 95px; height: 95px; background-size: cover; background-position: center; background-color: #eee; border-radius: 7px; margin-right: 15px; position: relative; vertical-align: top } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file.error { border: 1px solid rgba(255,0,0,.32) } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file .loader { display: block; z-index: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file .loader-overlay { border-radius: 7px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file .loader-circle { width: 30px; height: 30px; border-width: 1px; border-left-color: transparent } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file .close { font-size: 15px; position: absolute; top: -5px; right: -3px; opacity: 1; color: #a4a3a4 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .review-file .files .file .close:hover { color: #777 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .text { margin: 0 0 15px; font-size: 13px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .text label { margin-bottom: 10px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .text textarea { height: 160px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .pending-review { padding-top: 30% } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .pending-review button { background: #32befb; background: -webkit-gradient(linear,left top,left bottom,from(#32befb),to(#19a5e1)); background: linear-gradient(to bottom,#32befb 0,#19a5e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0); border: none!important; -webkit-box-shadow: 0 -2px 0 #0788bf inset; box-shadow: 0 -2px 0 #0788bf inset; padding: 8px 12px; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 5px; font-size: 12px; font-weight: 700; text-shadow: 0 1px 0 rgba(0,0,0,.3) } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action button:hover,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .pending-review button:hover { opacity: .8; filter: alpha(opacity=80) } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action .word-counter { width: 60%; float: left; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action .checkbox { font-size: 11px; line-height: 20px; float: left } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action .checkbox label { font-weight: 700 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action button { font-weight: 500; font-size: 13px; height: 40px; background: #fdd22f; border: 0; color: #333; width: 229px; margin-top: 15px; float: right } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action:after,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-4 .action:before { display: table; content: ""; clear: both } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 { min-height: 316px; display: none; width: 50%; float: left; padding: 0 20px 0 30px; margin-top: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .promote { padding: 13px 10px 13px 36px; margin-top: 20px; background: #e5f4ff; margin-left: -30px; margin-right: -21px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .promote>img { width: 44px; float: left; margin-right: 20px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .promote p { font-weight: 500; color: #4a4a4a; margin: 6px 0; width: 270px; font-size: 13px; display: inline-block } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .promote .applink { float: right; vertical-align: top; display: inline-block; padding-top: 8px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .promote .applink img { height: 26px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .promote .applink a { margin-left: 5px; text-decoration: none } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail { margin-bottom: 40px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .image { display: inline-block; float: left; margin-top: 20px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .image img { width: 182px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info { margin-left: 210px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .title { margin-top: 55px; font-size: 18px; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-brand { margin-top: 2px; display: inline-block; font-size: 13px; font-weight: 400 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-brand p { display: inline-block } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-brand p a { color: #007ff0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-brand h6 { display: inline-block; font-weight: 400 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other { display: inline-block; padding-left: 25px; vertical-align: top } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating { vertical-align: top; margin-right: 15px; margin-bottom: 0; display: inline-block } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #b8b8b8; font-size: 13px; text-rendering: auto } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box .star:nth-child(1) { margin-left: 0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box .star:before { content: "\e924" } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box span { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box span .star { color: #ffc120 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating a { color: #333; font-size: 12px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .item-other .item-rating a:hover { color: #007FF0; text-decoration: none } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .price { font-size: 24px; margin-top: 5px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .price .list-price { text-decoration: line-through; font-size: 14px; color: #909090; font-weight: 300 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail .info .price .save { color: #ff4334; font-size: 14px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail:after,.tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 .product-detail:before { display: table; content: ""; clear: both } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 ul { padding: 0 0 0 8px; margin: 0; list-style: none; font-size: 11px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 ul>li { display: block; padding: 5px 0 0; font-size: 13px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 ul>li a { color: #007ff0 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 ul>li .price { color: #090 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-5 ul>li>ul>li { padding: 5px 0 5px 10px; list-style-position: inside } .tiki-product .wrap .product-customer-box .product-customer-content:after,.tiki-product .wrap .product-customer-box .product-customer-content:before { display: table; content: ""; clear: both } .tiki-product .wrap .social-wrapper { position: relative; z-index: 9 } .tiki-product .wrap .social-wrapper.no-left { padding-left: 0 } .tiki-product .tooltip.top .tooltip-arrow { border-top-color: #848589 } .tiki-product .tooltip .tooltip-inner { background-color: #848589; color: #fff; text-shadow: none } .product-action-repeat a.notify-btn { font-size: 14px; line-height: 30px } a.notify-btn { border-radius: 3px; border: 1px solid #ccc; color: #fff; width: 232px; height: 33px; display: inline-block; background: #2eaf3f; background: -webkit-gradient(linear,left top,left bottom,from(#2eaf3f),color-stop(57%,#088a19),color-stop(57%,#088a19),to(#088a19)); background: linear-gradient(to bottom,#2eaf3f 0,#088a19 57%,#088a19 57%,#088a19 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eaf3f', endColorstr='#088a19', GradientType=0); font-size: 0 } .item-other .item-benefit a:hover,a.notify-btn:hover { filter: alpha(opacity=80); opacity: .8 } a.notify-btn .icon { border-right: 1px solid #066B13; height: 100%; display: inline-block; vertical-align: top; float: left } a.notify-btn .icon img { width: 18px; margin: 6px 10px } a.notify-btn .text { font-size: 12px; line-height: 33px; border-left: 1px solid #26A837; height: 100%; display: block; text-align: center } a.notify-btn.disabled { cursor: not-allowed } a.size-chart-handle { color: #007FF0; font-size: 12px; margin: 15px 0 6px; display: inline-block; outline: 0 } a.size-chart-handle .fa { color: #007ff0; font-size: 18px; vertical-align: middle; margin-right: 6px } .size-chart-modal .panel-heading { font-size: 24px; text-align: center } .size-chart-modal .btn-group { width: 100% } .size-chart-modal .btn-close { margin: 0 15px 15px; float: right } .size-chart-modal h4 { margin-top: 30px } .size-chart-modal p { margin-top: 15px } .size-chart-modal .nav-tabs>li { width: 25%; text-align: center } .size-chart-modal .nav-tabs>li a { font-weight: 700; font-size: 16px } .size-chart-modal table { border: 1px solid #DDD; padding: 15px 15px 0; font-size: 15px; text-align: center } .size-chart-modal table:last-child { margin-bottom: 0 } .size-chart-modal table tr:nth-child(even) { background-color: #f6f6f6 } .size-chart-modal .table>thead>tr>th { border-bottom: 1px solid #ddd; background: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#eee)); background: linear-gradient(to bottom,#f8f8f8,#eee); text-align: center } .size-chart-modal .table tr td,.size-chart-modal .table tr th { width: 20%; border-right: 1px solid #ddd } .size-chart-modal .table tr td:last-child,.size-chart-modal .table tr th:last-child { border-right: 0 } .size-chart-modal .table.no-fix-width tr td,.size-chart-modal .table.no-fix-width tr th { width: auto } .size-chart-modal .close { line-height: .8 } .leadtime-form { font-size: 13px } .leadtime-form .form-group { margin-bottom: 6px } .leadtime-form .control-label { font-weight: 400; padding: 0; text-align: left } .leadtime-form .control-label.with-badge { padding-top: 6px } .leadtime-form .control-label.with-24h { padding-top: 2px } .leadtime-form .spinner-holder { position: relative; width: 100%; margin: 5px 0 0 } .leadtime-form .spinner-holder .loader.is-child { width: auto!important } .leadtime-form .spinner-holder .fa-spinner { display: none; margin-right: 24px; margin-top: -6px; right: 0; position: absolute; top: 50% } .leadtime-form .spinner-holder.show-spinner .location,.leadtime-form-control.location.last { margin-right: 0 } .leadtime-form .spinner-holder.show-spinner .fa-spinner { display: inline-block } .leadtime-24h .control-label,.leadtime-standard .control-label { display: block; width: 100% } .leadtime-24h .free-badge,.leadtime-standard .free-badge { font-weight: 400 } .leadtime-24h { margin-bottom: 25px } .leadtime-form-control.location { margin-bottom: 10px; width: 100% } .leadtime-form-free-badge { background-color: #6fba54; font-size: 1.1rem; padding: 6px 10px } .bullet-wrap>li,.bullet-wrap>p { padding: 0 0 0 20px!important; margin: 0 0 5px; font-size: 13px; position: relative; font-weight: 16px } .bullet-wrap>li:after,.bullet-wrap>p:after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #6d6d6d; left: 0; position: absolute; top: 5px } .item-other .item-rating { vertical-align: top; margin-bottom: 0; display: inline-block } .item-other .item-rating p.rating { margin: 2px 0 3px } .item-other .item-rating .rating-box { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block } .item-other .item-rating .rating-box .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #b8b8b8; text-rendering: auto; font-size: 17px } .item-other .item-rating .rating-box .star:nth-child(1) { margin-left: 0 } .item-other .item-rating .rating-box .star:before { content: "\e924" } .item-other .item-rating .rating-box span { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .item-other .item-rating .rating-box span .star { color: #ffc120 } .item-other .item-rating a { font-size: 13px; vertical-align: bottom; margin: 0 0 0 4px } .item-other .item-review-now { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 7px 5px; position: relative; width: 70%; text-align: center; font-size: 12px; vertical-align: top; display: inline-block } .item-other .item-review-now a { background: url(../images/ico-product-page.png) left -2px no-repeat!important; padding-left: 20px; color: #007FF0; font-size: inherit } .item-other .item-benefit { margin-top: 15px } .item-other .item-benefit p { text-align: right; padding: 0 0 0 14px; margin: 0 0 8px; font-size: 13px } .item-other .item-benefit a { color: #007FF0 } .item-other .item-benefit a.has-icon { padding-left: 10px; margin-left: 5px; background: url(../images/xico.png) left -388px no-repeat!important } .item-other .item-benefit a:hover { text-decoration: none } .seller-container { width: 100%; position: relative; height: 100% } .seller-block-wrap { margin: 11px 0 0; border-radius: 4px; border: 1px solid #61ba47 } .current-seller { padding: 0 5px 2px 10px; margin: 10px 0 0 } .current-seller span.bestseller { display: block; font-size: 11px; text-align: left; color: #4a4a4a; font-weight: 300 } .current-seller span.bestseller:after { content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 2px; background-image: url(../images/medal-bestseller@2x.png); background-size: 16px } .current-seller .rating { margin-bottom: 0 } .current-seller .rating .seller-rating-tooltip { display: inline-block; position: relative; z-index: 1; vertical-align: bottom } .current-seller .rating .tikicon { margin: 0 } .current-seller .rating .tooltip-content { position: absolute; top: 24px; background: #fff; width: 200px; right: -14px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.26); box-shadow: 0 2px 4px rgba(0,0,0,.26); border-radius: 4px; border: 1px solid #ccc; padding: 10px; color: #333; font-weight: 400 } .current-seller .rating .tooltip-content:after { content: ""; width: 10px; height: 10px; display: inline-block; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -5px; right: 17px; position: absolute; -webkit-box-shadow: -1px -1px 1px #ccc; box-shadow: -1px -1px 1px #ccc } .current-seller .rating .tooltip-content .close { position: absolute; top: -1px; right: 4px; font-weight: 300 } .current-seller .rating-box { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block } .current-seller .rating-box .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #b8b8b8; font-size: 13px; text-rendering: auto } .current-seller .rating-box .star:nth-child(1) { margin-left: 0 } .current-seller .rating-box .star:before { content: "\e924" } .current-seller .rating-box span { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .current-seller .rating-box span .star { color: #ffc120 } .current-seller .view-shop { line-height: 15px; font-weight: 300; height: 24px; border-radius: 4px; background: #1c4499; border: 1px solid #1c4499; width: 198px; color: #fff; text-align: center; padding: 3px 0; white-space: nowrap; font-size: 11px; margin: 10px 0 0; display: block } .current-seller .view-shop:hover { opacity: .8 } .current-seller .name { min-height: 30px } .current-seller .bestseller-info,.current-seller .name,.current-seller .warranty-info { margin: 0 0 8px } .current-seller .bestseller-info .seller__attribute__info,.current-seller .name .seller__attribute__info,.current-seller .warranty-info .seller__attribute__info { position: relative } .current-seller .bestseller-info .seller__attribute__info:after,.current-seller .name .seller__attribute__info:after,.current-seller .warranty-info .seller__attribute__info:after { content: ""; width: 20px; height: 8px; position: absolute; bottom: 100%; background: 0 0; right: -2px; z-index: 1 } .current-seller .bestseller-info .seller__attribute__info:hover .seller__attribute__info__tooltip,.current-seller .name .seller__attribute__info:hover .seller__attribute__info__tooltip,.current-seller .warranty-info .seller__attribute__info:hover .seller__attribute__info__tooltip { display: block; font-weight: 400 } .current-seller .bestseller-info .seller__attribute__info .tikicon,.current-seller .name .seller__attribute__info .tikicon,.current-seller .warranty-info .seller__attribute__info .tikicon { -webkit-transform: translateY(-2px); transform: translateY(-2px); margin-right: 0; float: none; margin-top: 0 } .current-seller .bestseller-info .seller__attribute__info__tooltip,.current-seller .name .seller__attribute__info__tooltip,.current-seller .warranty-info .seller__attribute__info__tooltip { z-index: 2; position: absolute; bottom: 13px; right: -15px; background: #fff; white-space: nowrap; text-align: center; padding: 10px; border-radius: 8px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.35); box-shadow: 0 2px 8px rgba(0,0,0,.35); display: none } .current-seller .bestseller-info .seller__attribute__info__tooltip:after,.current-seller .name .seller__attribute__info__tooltip:after,.current-seller .warranty-info .seller__attribute__info__tooltip:after { content: ""; width: 0; height: 0; border: 6px solid #fff; border-right-color: transparent; border-bottom-color: transparent; display: inline-block; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 29px; right: 15px; position: absolute; -webkit-box-shadow: -1px -1px 1px #ccc; box-shadow: -1px -1px 1px #ccc } .current-seller .bestseller-info .img,.current-seller .name .img,.current-seller .warranty-info .img { margin-top: 6px; margin-right: 8px; background-repeat: no-repeat; width: 20px; height: 20px; float: left } .current-seller .bestseller-info .tikicon,.current-seller .name .tikicon,.current-seller .warranty-info .tikicon { margin-top: 6px; margin-right: 8px; background-repeat: no-repeat; float: left } .current-seller .bestseller-info .text,.current-seller .name .text,.current-seller .warranty-info .text { margin-left: 30px; font-weight: 500; color: #4a4a4a; font-size: 13px } .current-seller .bestseller-info .text-small,.current-seller .name .text-small,.current-seller .warranty-info .text-small { font-weight: 400; line-height: 1.38 } .current-seller .name .text { color: #1c4499 } .current-seller .name .text-small { color: #4a4a4a } .current-seller .name .img { background-image: url(../images/store.png); background-size: 20px } .current-seller .warranty-info .img { background-image: url(../images/warranty.png); background-size: 20px } .current-seller .bestseller-info .text { font-weight: 400 } .current-seller .bestseller-info .img { background-image: url(../images/medal-bestseller@2x.png); background-size: 20px } ul.seller-feature { list-style: none; padding: 0; margin: 0 } ul.seller-feature li { font-size: 12px; color: #444; margin: 13px 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex } ul.seller-feature li .content { vertical-align: top; display: table-cell; line-height: 20px; font-size: 11px; width: 212px } ul.seller-feature li .content b { font-weight: 400; font-size: 13px } ul.seller-feature li .content .title { color: #999; font-weight: 300 } ul.seller-feature li .icon { float: left; background-size: contain; background-repeat: no-repeat; background-position: center center; width: 82px } ul.seller-feature li .icon.warranty-lifetime-icon { background-image: url(../images/ic-warranty.svg); background-size: 22px; background-position: 12px center } ul.seller-feature li .icon.hotline-icon { background-image: url(../images/ic-hotline.svg); background-size: 28px; background-position: 8px center } ul.seller-feature li .icon.warranty-icon { background-image: url(../images/ic-invoice.svg); background-size: 24px; background-position: 12px center } .other-seller { padding: 10px 0 0; border-radius: 4px; margin-right: 10px; margin-left: 10px; border-top: 1px dashed rgba(0,0,0,.12) } .other-seller p { font-size: 13px; font-weight: 400; margin-bottom: 5px } .other-seller ul { padding: 0 } .other-seller ul.collapse li:nth-child(n+4) { display: none } .other-seller .read-more { font-size: 13px; color: #007ff0; text-decoration: none; display: block; text-align: center; margin: -6px 0 10px } .other-seller .read-more:hover { text-decoration: underline } .other-seller .read-more .caret { display: none } li.seller-item { clear: both; padding: 4px 62px 4px 0; width: 100%; position: relative; text-align: left; list-style: none } li.seller-item .seller-price { color: #ff3323; font-size: 13px; font-weight: 500; display: block; margin-top: 0 } li.seller-item .seller-name b,p.cs-info { font-weight: 400 } li.seller-item .seller-name { color: #333; font-size: 13px; display: block; margin-top: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 136px } li.seller-item .btn-set-seller { position: absolute; top: 0; bottom: 0; margin: auto; line-height: 12px; right: 0; font-size: 13px; height: 24px; width: 56px; color: #4a4a4a; text-align: center; border-radius: 4px; background-color: #fff; border: 1px solid #d8d8d8 } li.seller-item .btn-set-seller:hover { color: #1c4499 } p.cs-info,p.cs-info a { color: #4a4a4a } p.cs-info { font-size: 13px; margin: 0 0 10px 10px; line-height: 18px } @media (min-width: 1200px) { .tiki-product .wrap .product-gallery-box .swiper-gallery-top { width:750px; padding-top: 10px; display: inline-block } .tiki-product .wrap .product-gallery-box .swiper-gallery-thumbs { margin-top: 8px; width: 450px; display: inline-block } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-1 { padding: 0; margin: 0; width: 363px; border-right: 1px solid #f7f7f7 } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 { margin-right: 0; padding-right: 33px; padding-left: 91px } .tiki-product .wrap .product-customer-box .product-customer-content .product-customer-col-2 .item .progress { width: 282px; -webkit-box-shadow: none; box-shadow: none; background: #efefef } .item-product-options { margin-top: 4px; position: relative } a.view-fb-saved { font-size: 13px; display: block; margin-top: 15px; color: #4267b2 } } @media (min-width: 768px) { .leadtime-form { margin-right:10px } .leadtime-form .form-label { margin-right: 15px } .leadtime-form .spinner-holder { display: inline-block; width: auto; vertical-align: middle } .leadtime-form .spinner-holder .loader .loader-circle { width: 20px; height: 20px } .leadtime-form .spinner-holder .fa-spinner { margin-right: 0; position: static } .leadtime-form .spinner-holder.show-spinner { margin-right: 0 } .leadtime-form-control.location { display: inline-block; margin-bottom: 0; min-width: 200px; width: auto } .leadtime-24h,.leadtime-standard { margin-bottom: 5px } .leadtime-24h .control-label,.leadtime-standard .control-label { float: left; height: 30px; width: 135px } .leadtime-24h b,.leadtime-24h strong,.leadtime-standard b,.leadtime-standard strong { font-weight: 500 } } .review-image-list { padding: 20px 40px 20px 50px; position: relative; background: #fff; border-top: 1px solid #f4f4f4 } .review-image-list h3 { font-size: 18px; margin: 20px 0 28px; display: inline-block; width: 100%; font-weight: 400 } .review-image-list span.thumb { width: 95px; height: 96px; display: inline-block; background-color: #eee; background-size: cover; border-radius: 8px; margin-right: 10px; margin-bottom: 8px } .review-image-list a { display: inline-block } .review-image-list a.btn { font-size: 13px; color: #1c4499; border: 1px solid; padding: 7px 16px!important; border-radius: 5px; text-decoration: none; text-shadow: none; width: auto!important; background: #fff; font-weight: 400; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 34px } .dropdown-full,.dropdown-full .dropdown-menu { width: 100% } .review-image-list a.btn:hover { color: #fff; background: #1c4499; border-color: #1c4499; text-decoration: none } .btn-group-sm>.btn,.btn-sm { font-size: 13px } .btn-default { color: #333; background-color: #f2f2f2; border-color: #f2f2f2 } .btn-default:active,.btn-default:hover,.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover { color: #333; background-color: #b7e2ff; border-color: #bbe7ff; -webkit-box-shadow: none; box-shadow: none } .btn.dropdown-toggle,.btn.dropdown-toggle.focus,.btn.dropdown-toggle:focus,.btn.dropdown-toggle:hover { color: #333; border: 1px solid #dfdfdf; background: #fff; -webkit-box-shadow: none; box-shadow: none; padding-right: 30px; min-width: 125px; text-align: left } .btn.dropdown-toggle span.caret,.btn.dropdown-toggle.focus span.caret,.btn.dropdown-toggle:focus span.caret,.btn.dropdown-toggle:hover span.caret { border: 0; line-height: 12px; height: auto; margin-right: 8px; color: #545454; position: absolute; top: 8px; right: 10px } .btn.dropdown-toggle span.caret:after,.btn.dropdown-toggle.focus span.caret:after,.btn.dropdown-toggle:focus span.caret:after,.btn.dropdown-toggle:hover span.caret:after { font-family: icomoon; content: "\e909"; font-size: 6px } .dropdown-full .dropdown-toggle { width: 100%; text-align: left } .open>.btn.dropdown-toggle,.open>.btn.dropdown-toggle.focus,.open>.btn.dropdown-toggle:focus,.open>.btn.dropdown-toggle:hover { border: 1px solid #a1d7ff; background: #fff; -webkit-box-shadow: none; box-shadow: none } .open .dropdown-menu { padding: 0; -webkit-box-shadow: none; box-shadow: none } .open .dropdown-menu>li>a { padding: 6px 10px } .open .dropdown-menu>li>a:hover,.open .dropdown-menu>li>afocus { background: #cdebff } .leadtime-form .btn-group-sm>.btn,.leadtime-form .btn-sm { font-size: 13px } .leadtime-form .btn-default { color: #333; background-color: #f2f2f2; border-color: #f2f2f2 } .leadtime-form .btn-default:active,.leadtime-form .btn-default:hover,.leadtime-form .btn-primary.active,.leadtime-form .btn-primary.active.focus,.leadtime-form .btn-primary.active:focus,.leadtime-form .btn-primary.active:hover,.leadtime-form .btn-primary:active,.leadtime-form .btn-primary:active.focus,.leadtime-form .btn-primary:active:focus,.leadtime-form .btn-primary:active:hover { color: #333; background-color: #b7e2ff; border-color: #bbe7ff; -webkit-box-shadow: none; box-shadow: none } .leadtime-form .btn.dropdown-toggle,.leadtime-form .btn.dropdown-toggle.focus,.leadtime-form .btn.dropdown-toggle:focus,.leadtime-form .btn.dropdown-toggle:hover { color: #007ff0; border: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 0 20px 0 0; text-align: left; min-width: auto } .leadtime-form .btn.dropdown-toggle span.caret,.leadtime-form .btn.dropdown-toggle.focus span.caret,.leadtime-form .btn.dropdown-toggle:focus span.caret,.leadtime-form .btn.dropdown-toggle:hover span.caret { width: 12px; height: 13px; background-image: url(../images/edit.png); background-size: contain; display: inline-block; position: absolute; top: 3px; right: -3px } .leadtime-form .dropdown-full,.leadtime-form .dropdown-full .dropdown-menu { width: 100% } .leadtime-form .btn.dropdown-toggle span.caret:after,.leadtime-form .btn.dropdown-toggle.focus span.caret:after,.leadtime-form .btn.dropdown-toggle:focus span.caret:after,.leadtime-form .btn.dropdown-toggle:hover span.caret:after { display: none } .leadtime-form .dropdown-full .dropdown-toggle { width: 100%; text-align: left } .leadtime-form .open>.btn.dropdown-toggle,.leadtime-form .open>.btn.dropdown-toggle.focus,.leadtime-form .open>.btn.dropdown-toggle:focus,.leadtime-form .open>.btn.dropdown-toggle:hover { color: #007ff0; border: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #007ff0 } .brand-block,.price-block.show-border {/* border-bottom: 1px solid #ececec; *//* display: none; */} .leadtime-form .open .dropdown-menu { padding: 0; -webkit-box-shadow: none; box-shadow: none } .leadtime-form .open .dropdown-menu>li>a { padding: 6px 10px } .leadtime-form .open .dropdown-menu>li>a:hover,.leadtime-form .open .dropdown-menu>li>afocus { background: #cdebff } .white-panel { border-radius: 4px; background: #fff; display: block } .table-title { font-size: 28px; font-weight: 300; margin: 2px 0 16px; color: #242424 } .table-title:nth-child(n+2) { margin-top: 20px } .breadcrumb-wrap .breadcrumb { margin: 0 0 0 -15px } .brand-block {margin-right: -27px;margin-left: -54px;padding: 0 24px 6px;display: none;} .price-block { margin-right: 26px; padding: 0 0 10px } .no-padding-right { padding-right: 0 } .product-seller-block {/* width: 221px; */margin: 0 16px 0 0;padding: 0} .table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active { background-color: #f1f1f1 } .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border: 1px solid #d5d5d5 } .table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th { padding: 10px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #d5d5d5 } .table>tbody>tr>td,.table>tfoot>tr>td,.table>tfoot>tr>th { padding: 10px 15px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #d5d5d5; border-left: 0; border-right: 0 } .table>tbody>tr>td:first-child { color: #4f4f4f; font-size: 13px; font-weight: 500; background: #efefef; border-right: 1px solid #d5d5d5 } .table>tbody>tr>td:last-child { color: #242424; font-size: 13px; background: #fff } .table>tbody>tr>td:nth-child(2),.table>tfoot>tr>td:nth-child(2),.table>tfoot>tr>th:nth-child(2) { padding: 10px 15px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #d5d5d5; border-left: 0; border-right: 0 } .product-effort { width: 300px } .discontinued-msg,.out-of-stock-msg { padding: 10px 0; font-size: 13px; color: #ff3425; font-weight: 500 } .product-container .flex {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;/* margin: 0 -26px; */} .product-description { font-size: 13px; line-height: 1.6 } .product-description p { margin-bottom: 12px; margin-top: 5px; color: #242424 } .product-description h2,.product-description h3,.product-description h4 { font-size: 28px; margin-top: 30px; font-weight: 300 } .additional b,.product-description b,.product-description strong { font-weight: 500 } .product-description h2:firt-child,.product-description h3:firt-child,.product-description h4:firt-child { margin-top: 0 } .product-description h5,.product-description h6 { font-size: 20px } .product-description a { color: #007ff0; text-decoration: none } .product-brand-block,.product-info-block {/* padding-left: 27px; */} .product-info-block {/* width: 470px; */} .read-more-branch { font-size: 13px; padding: 16px 20px 5px; margin: 0 -22px; color: #242424 } .additional,.additional a { color: #4a4a4a } .read-more-branch p { margin-bottom: 20px } ul.c_tp { margin-bottom: 0 } ul.c_tp li { width: 20%!important; padding-right: 0!important; padding-bottom: 10px!important } .has-feedback label~.form-control-feedback { top: 31px } .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label { font-size: 12px } .list-pager { padding: 5px 15px } .deal-max { padding-left: 36px!important; margin-right: 20px; position: relative } .deal-max:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 10px } .additional { padding: 10px; font-size: 13px; border-radius: 4px; border: 1px solid #62b947; margin: 12px 0 } .additional small { font-size: 11px } .additional .item .tikicon,.additional .item img { float: left } .additional .item p { margin-left: 30px } .bis-form .form-group .submit,.register-to-sell a { font-weight: 300; background: #1c4499; color: #fff; text-align: center } .register-to-sell { font-size: 13px; padding: 10px 81px 0 0; position: relative; border-top: 1px dashed rgba(0,0,0,.12) } .register-to-sell a { line-height: 15px; height: 24px; border-radius: 4px; border: 1px solid #1c4499; width: 56px; padding: 3px 5px; white-space: nowrap; position: absolute; top: 13px; font-size: 11px; right: 0 } .register-to-sell a:hover { opacity: .8 } .bis-wrap { margin: 10px 20px 20px 0 } .bis-form .email { border: 1px solid #c8c8c8; border-right: 0; font-size: 13px; padding: 6px 12px; display: inline-block; vertical-align: middle; border-radius: 3px 0 0 3px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; outline: 0; line-height: 20px } .bis-form .email:active,.bis-form .email:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #a5d7ff; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #a5d7ff } .bis-form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 } .bis-form .form-group .submit { line-height: 27px; right: 14px; font-size: 12px; height: 34px; border-radius: 0 4px 4px 0; border: 1px solid #1c4499; outline: 0 } .bis-form .form-group .submit:hover { opacity: .8 } .bis-form .error { margin: 5px 0; font-size: 12px; color: #ff3945; font-weight: 500 } .bis-form .checkbox { display: inline-block; cursor: pointer; font-size: 12px; font-weight: 400 } .bis-form .checkbox input[type=checkbox] { opacity: 0; filter: alpha(opacity=0) } .bis-form .checkbox input[type=checkbox]+span.ico { width: 18px; height: 18px; display: inline-block; background-image: url(../images/account/check-off.svg); vertical-align: middle; color: #a6a6a6; margin-right: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .bis-form .checkbox input[type=checkbox]:checked+span.ico { background-image: url(../images/account/check-on.svg) } .bis-result .alert-success:before { display: none } .bis-result .success { font-size: 13px } .bis-result button.close-bis-block { line-height: 15px; right: 14px; font-size: 12px; font-weight: 300; height: 26px; border-radius: 4px; background: #1c4499; border: 1px solid #1c4499; color: #fff; padding: 0 10px } .bis-result p.sr-text { color: #999; font-size: 12px; font-weight: 300; margin: 10px 0 0 } .author-collapse { position: relative; display: inline-block; z-index: 1 } .author-collapse:hover ul { display: block } .author-collapse ul { position: absolute; display: none; top: 20px; right: -9px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 10px #ccc; box-shadow: 0 2px 10px #ccc; padding: 10px 15px; list-style-type: none; z-index: -1; text-align: right; line-height: 18px } .author-collapse ul:before { display: inline-block; content: ""; position: absolute; width: 100%; height: 30px; top: -28px; right: 0; z-index: -1 } .author-collapse .ico-arrow-down { font-size: 6px; margin: 0 0 0 2px } .installment-wrap { display: block } .installment-without-card { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 26px; margin-bottom: 20px; border-top: 1px solid #ececec; padding-top: 8px } .installment-without-card .btn-buy-installment-currency { display: inline-block; font-size: 13px; font-weight: 500; width: 204px; min-height: 37px; text-align: center; padding: 4px 10px 6px; color: #4a4a4a; line-height: 18px; vertical-align: top; border-radius: 5px; border: 1px solid #fdd22f; margin-top: 8px } .installment-without-card .btn-buy-installment-currency:link { text-decoration: none } .installment-without-card .btn-buy-installment-currency:focus,.installment-without-card .btn-buy-installment-currency:hover { color: #4a4a4a; opacity: .8; cursor: pointer } .installment-without-card .btn-buy-installment-currency b { font-weight: 500 } .installment-without-card .btn-buy-installment-currency>span { font-size: 9px; color: #4a4a4a; display: block; line-height: 10px; margin-top: 1px; font-weight: 400 } .installment-without-card .desc-installment { color: #999; font-size: 10px; margin: 8px 0 0 8px; line-height: 12px; font-weight: 300; letter-spacing: .18px; width: 204px; float: right; text-align: center } .combo-shopping h2,.count-down-2h b,.product-addon-item b { font-weight: 500 } .installment-wrap { font-size: 13px; margin: 8px 0; white-space: nowrap } .installment-wrap .tikicon { vertical-align: bottom; margin-right: 3px } .installment-wrap span.price { color: #007ff0; font-weight: 500 } .installment-wrap .installment-tooltip { display: inline-block; color: #007ff0; cursor: pointer; position: relative; z-index: 1 } .installment-wrap .installment-tooltip p { white-space: normal; line-height: 17px; padding: 7px; display: none; position: absolute; background: #fff; color: #333; right: -20px; top: 23px; width: 250px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.26); box-shadow: 0 2px 4px rgba(0,0,0,.26); border-radius: 4px; border: 1px solid #ccc } .installment-wrap .installment-tooltip p:after { content: ""; display: inline-block; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: -1px -1px 1px #ccc; box-shadow: -1px -1px 1px #ccc; position: absolute; right: 22px; top: -4px; background: #fff } .installment-wrap .installment-tooltip p:before { content: ""; width: 50px; height: 30px; background: 0 0; display: block; position: absolute; top: -13px; right: 4px } .installment-wrap .installment-tooltip:hover p { display: block } .count-down-2h { margin: 10px 0 0; font-size: 13px; max-width: 360px } .count-down-2h>p { margin-left: 36px; line-height: 18px } .count-down-2h>p .remaining-time { color: #19a340 } .count-down-2h img.img2h { float: left; margin-top: 6px } .product-addon-item { margin: 10px 0 0; font-size: 13px; max-width: 330px } .product-addon-item.product-gift { max-width: 360px; font-size: 13px } .product-addon-item>p { margin-left: 36px; line-height: 18px } .product-addon-item .tikicon,.product-addon-item img.icon { float: left; margin-top: 6px } .product-addon-item .text-collapse:not(.opened) { position: relative; max-height: 69px; overflow: hidden } .product-addon-item .text-collapse:not(.opened):after { content: ""; display: inline-block; width: 100%; height: 35px; position: absolute; bottom: 0; left: 0; text-align: center; cursor: pointer; background: -webkit-gradient(linear,left bottom,left top,color-stop(40%,#fff),color-stop(60%,rgba(255,255,255,.67))); background: linear-gradient(to top,#fff 40%,rgba(255,255,255,.67) 60%) } .product-addon-item .text-collapse:not(.opened):before { content: "Xem thêm"; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; color: #1c4499; font-size: 11px; z-index: 1; width: 70px; text-align: center; border: 1px solid; border-radius: 4px; background: #fff; height: 16px; line-height: 16px; -webkit-transition: .2s; transition: .2s } .free-gift-block { color: #4a4a4a } .free-gift-block p.gift-summary { font-size: 13px; margin: 20px 0 10px } .free-gift-block p.gift-summary .icon-gift_20 { margin-right: 12px; margin-top: -3px; vertical-align: middle } .free-gift-block .free-gift-item-wrap { margin: 0 -4px } .free-gift-block .free-gift-item-wrap.collapsed .free-gift-item:nth-child(n+5) { display: none } .free-gift-block .free-gift-item-wrap.collapsed .free-gift-item .cover { display: block; position: absolute; top: 1px; left: 1px; bottom: 6px; right: 1px; background: rgba(255,255,255,.9); border-radius: 4px; line-height: 72px; color: #1c4499; font-size: 13px; cursor: pointer } .free-gift-block .free-gift-item-wrap.collapsed .free-gift-item .cover+.price { display: none } .free-gift-block .free-gift-item-wrap .free-gift-item { margin: 0 4px 8px; display: inline-block; text-align: center; position: relative; vertical-align: top } .free-gift-block .free-gift-item-wrap .free-gift-item .image { border: 1px solid #e9e9e9; border-radius: 4px; width: 72px; height: 72px; text-align: center; margin-bottom: 5px; padding: 5px } .free-gift-block .free-gift-item-wrap .free-gift-item .image img { width: 100% } .free-gift-block .free-gift-item-wrap .free-gift-item .price { font-size: 12px; margin: 0 0 2px } .free-gift-block .free-gift-item-wrap .free-gift-item .cover { display: none } .combo-shopping { padding-right: 26px; padding-bottom: 30px } .combo-shopping.processing:after { content: ""; display: inline-block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.37); z-index: 2; position: absolute } .combo-shopping h2 { font-size: 14px; margin-bottom: 14px; color: #4a4a4a; border-top: 1px solid #eee; padding-top: 13px } .combo-shopping a { color: #4a4a4a } .combo-shopping .checkbox { display: inline-block; cursor: pointer; font-size: 13px; font-weight: 400; color: #9b9b9b } .combo-shopping .checkbox input[type=checkbox] { opacity: 0; filter: alpha(opacity=0); display: none } .combo-shopping .list.style-box .item.disabled .image,.combo-shopping .list.style-box .item.disabled .name,.combo-shopping .list.style-box .item.disabled .price,.combo-shopping .list.style-list .item.disabled .image,.combo-shopping .list.style-list .item.disabled .name,.combo-shopping .list.style-list .item.disabled .price { opacity: .3 } .combo-shopping .checkbox input[type=checkbox]:checked+span.ico+.text { color: #4a4a4a } .combo-shopping .checkbox input[type=checkbox]+span.ico { width: 18px; height: 18px; display: inline-block; background-image: url(../images/account/check-off.svg); vertical-align: middle; color: #a6a6a6; margin-right: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .combo-shopping .checkbox input[type=checkbox]:checked+span.ico { background-image: url(../images/account/check-on.svg) } .combo-shopping .list.style-box { display: -webkit-box; display: -ms-flexbox; display: flex } .combo-shopping .list.style-box .summary { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .combo-shopping .list.style-box .summary p { margin-top: 20px } .combo-shopping .list.style-box .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .combo-shopping .list.style-box .item .checkbox-wrap,.combo-shopping .list.style-box .item .name,.combo-shopping .list.style-box .item .price { display: none } .combo-shopping .list.style-box .item:nth-child(n+2):before { content: "+"; font-size: 22px; color: #909091; font-weight: 300; margin: 0 10px } .combo-shopping .list.style-box .item .image { border: 1px solid #d8d8d8; border-radius: 4px; overflow: hidden; text-align: center; padding: 3px } .combo-shopping .list.style-box .item .image img { width: 84px; height: 84px } .combo-shopping .list.style-list .summary { text-align: right } .combo-shopping .list.style-list.opened .item:nth-child(n+5) { display: -webkit-box; display: -ms-flexbox; display: flex } .combo-shopping .list.style-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .combo-shopping .list.style-list .item:nth-child(n+5) { display: none } .combo-shopping .list.style-list .item .checkbox-wrap { margin: 0 4px 0 0 } .combo-shopping .list.style-list .item .image { border: 1px solid #d8d8d8; border-radius: 4px; text-align: center; margin-right: 8px; padding: 2px } .combo-shopping .list.style-list .item .image img { width: 46px; height: 46px } .combo-shopping .list.style-list .item .name { font-size: 13px; width: 218px } .combo-shopping .list.style-list .item .price { font-size: 13px; font-weight: 500; text-align: right; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .combo-shopping .summary p { font-size: 14px; margin: 0 0 6px } .combo-shopping .summary p .price { color: #ff313d; font-weight: 500 } .combo-shopping .summary .checkbox { display: block } .combo-shopping .summary .checkbox .name { max-width: 250px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: text-top } .combo-shopping .summary button { background: #ff313d; color: #fff; border: 0; font-size: 12px; font-weight: 400; border-radius: 3px; padding: 6px 10px 5px } .combo-shopping .summary button:hover { opacity: .8 } .combo-shopping .see-all { color: #007ff0; font-size: 13px; text-align: center; cursor: pointer; background: #606060; background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),color-stop(48%,rgba(255,255,255,.6)),color-stop(75%,#fff),to(#fff)); background: linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.6) 48%,#fff 75%,#fff 100%); padding-top: 105px; margin-top: -131px; padding-bottom: 15px; z-index: 1; position: relative } .product-image-gallery { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,.95); overflow: auto; padding: 20px 0 } .product-image-gallery .close { position: absolute; top: 30px; right: 40px; z-index: 999999; opacity: 1; font-size: 12px; display: table; width: 30px; height: 30px; padding: 35px 0 0; text-align: center; color: #9e9e9e; text-shadow: none; font-weight: 300 } .product-image-gallery .close:after,.product-image-gallery .close:before { content: ""; width: 30px; height: 2px; display: inline-block; background: #fff; -webkit-transform: translateY(15px) rotate(45deg); transform: translateY(15px) rotate(45deg); left: 0; top: 0; position: absolute } .product-image-gallery .close:before { -webkit-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg) } .product-image-gallery .image-gallery { height: 100% } .product-image-gallery .image-gallery .image-gallery-content { width: 100%; height: 100%; text-align: center } .product-image-gallery .image-gallery-slide-wrapper { position: relative; width: 550px; height: calc(100% - 110px); margin: 0 auto; padding: 0 0 30px } .product-image-gallery .image-gallery-slide-wrapper .image-gallery-slides,.product-image-gallery .image-gallery-slide-wrapper .image-gallery-swipe { height: 100% } .product-image-gallery .image-gallery-slide-wrapper .image-gallery-slide { background: 0 0; height: 100% } .product-image-gallery .image-gallery-slide-wrapper .image-gallery-slide img { max-height: 100%; width: auto } .product-image-gallery .image-gallery-slide-wrapper .image-gallery-image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden } .product-image-gallery .image-gallery-thumbnails,.product-image-gallery .tab-toggle { width: 955px; height: 85px; margin: auto } .product-image-gallery .image-gallery-thumbnail { width: 75px; height: 75px; border: 0; -webkit-transition: none!important; transition: none!important; vertical-align: top; overflow: hidden } .product-image-gallery .image-gallery-thumbnail>div { position: relative; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 75px; height: 75px } .product-image-gallery .image-gallery-thumbnail.active { border: 0; -webkit-box-shadow: 0 0 0 4px #007ff0 inset; box-shadow: 0 0 0 4px #007ff0 inset } .product-image-gallery .image-gallery-left-nav,.product-image-gallery .image-gallery-right-nav { width: 58px; height: 58px; display: inline-block; padding: 0; background-size: cover; background-repeat: no-repeat } .product-image-gallery .image-gallery-left-nav:before,.product-image-gallery .image-gallery-right-nav:before { display: none } .product-image-gallery .image-gallery-left-nav { background-image: url(../images/big-arrow-left.png); left: -282px } .product-image-gallery .image-gallery-left-nav:after,.product-image-gallery .image-gallery-right-nav:after { font-size: 13px; position: absolute; bottom: -22px; display: table; width: 200px; left: -73px; font-weight: 300; text-align: center; white-space: nowrap } .product-image-gallery .image-gallery-left-nav:after { content: "Xem hình trước" } .product-image-gallery .image-gallery-right-nav { background-image: url(../images/big-arrow-right.png); right: -282px } .product-image-gallery .image-gallery-right-nav:after { content: "Xem hình sau" } .product-image-gallery .image-gallery-thumbnails-wrapper { position: relative; height: 110px; padding-top: 25px } .product-image-gallery .image-gallery-thumbnail+.image-gallery-thumbnail { margin-left: 5px } .product-image-gallery .thumb-nav .next,.product-image-gallery .thumb-nav .prev { width: 29px; height: 29px; display: inline-block; padding: 0; background-size: cover; background-repeat: no-repeat; position: absolute; top: 635px; z-index: 1; cursor: pointer } .product-image-gallery .thumb-nav .next.disabled,.product-image-gallery .thumb-nav .prev.disabled { cursor: disabled; opacity: .6; pointer-events: none } .product-image-gallery .thumb-nav .prev { background-image: url(../images/small-arrow-left.png); left: -250px } .product-image-gallery .thumb-nav .next { background-image: url(../images/small-arrow-right.png); right: -250px } .product-image-gallery .zoom-wrapper { position: relative; height: 100% } .product-image-gallery .zoomer { position: absolute!important; top: 0; left: 0; right: 0; margin: auto } .product-image-gallery .tab-toggle { position: absolute; top: calc(100% - 140px); width: 955px; margin: auto; left: 0; right: 0; height: auto; z-index: 1 } .product-image-gallery .tab-toggle a { color: #fff; font-size: 18px; font-weight: 300; cursor: pointer; display: inline-block; padding: 0 0 3px; text-decoration: none } .product-image-gallery .tab-toggle a.active,.product-image-gallery .tab-toggle a:hover { text-decoration: none; border-bottom: 2px solid #007ff0 } .product-image-gallery .tab-toggle span { color: #fff; font-size: 0; display: inline-block; width: 1px; height: 16px; vertical-align: top; background: #9b9b9b; margin: 3px 10px 0 } .footer-block,.footer-block .item-promotion-content,.footer-block .item-shipping { margin-top: 20px } .footer-block { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #ececec; padding: 0 } .footer-block>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .footer-block>div+div .item-promotion-content { border-left: 1px solid #ececec; padding: 0 0 0 20px } .footer-block .item-promotion-content.collapse { max-height: 110px; overflow: hidden; position: relative } .footer-block .item-promotion-content.collapse:after { position: absolute; content: "Xem tất cả"!important; width: 100%; height: 55px; bottom: 0; left: 0; background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),color-stop(28%,rgba(255,255,255,.6)),color-stop(64%,#fff),to(#fff)); background: linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.6) 28%,#fff 64%,#fff 100%); color: #007ff0; text-align: center; font-size: 13px; padding: 30px 0 0; cursor: pointer } .footer-block .item-promotion-content .title { font-weight: 500; font-size: 14px } .product-feature-images { margin-bottom: 8px } .product-feature-images.vertical { width: 72px; margin-top: -417px; height: 424px } .product-feature-images.vertical .thumb-item+.thumb-item { margin-left: 0!important; margin-top: 8px!important } .product-feature-images>p { color: #4a4a4a; font-size: 13px; display: inline-block; width: 100%; white-space: nowrap; margin: 8px 0 10px; font-weight: 500 } .product-feature-images .thumb-item { width: 72px; height: 72px; display: inline-block; padding: 5px; border: 1px solid #ececec; border-radius: 3px; vertical-align: top; cursor: pointer } .product-feature-images .thumb-item.active { border-color: #1c4499 } .product-feature-images .thumb-item.text { color: #fff; font-size: 12px; text-align: center; cursor: pointer; border: 0; position: relative; overflow: hidden } .product-feature-images .thumb-item.text .flx { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .product-feature-images .thumb-item .flx { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden } .product-feature-images .thumb-item .flx .text { position: absolute; background: rgba(0,0,0,.7); top: 0; left: 0; width: 100%; height: 100%; display: inline-block; padding-top: 15px; font-weight: 300 } .product-feature-images .thumb-item+.thumb-item { margin: 0 0 0 8px } .product-feature-images .thumb-item img { width: 100% } .video-block h3 { font-size: 15px; color: #4a4a4a; margin: 0 0 12px; font-weight: 400 } .product-content-video iframe { width: 100%; height: auto; display: inherit } .gift-settup { margin: 10px 0 0 } .gift-settup img { width: 24px; float: left; margin: 2px 0 0 } .gift-settup p { margin-left: 36px; font-size: 13px; margin-right: 88px; line-height: 18px } .gift-settup label { font-weight: 500; color: #19a340; display: inline } .zoomWindow { border: 1px solid #1c4499!important } .brand-block-row { width: 100%; display: table } b,strong { font-weight: 500!important } .dfp-image+.white-panel { margin-top: 20px } .fwd-image { margin-bottom: 20px; border-radius: 4px; overflow: hidden } .fwd-image img { width: 100% } .attribute-table.single-table .table-title { display: none } .attribute-table.single-table .product-table-box { margin-top: 0 } .attribute-table.single-table .product-table-box:last-child tr:first-child td { border-top: 0 } span#flash-sale-price-label { display: inline-block; margin-bottom: 5px } span#flash-sale-price-label.flash-sale img.icon-flash-sale { display: inline-block } span#flash-sale-price-label.hot-deal img.icon-hot-deal { display: inline-block; vertical-align: middle; margin-top: -6px } span#flash-sale-price-label img { display: none; margin: 0 8px 0 0; vertical-align: bottom } .show-border .deal-process-wrapper { border: 0 } .deal-process-wrapper { font-size: 12px; border-bottom: 1px solid #ececec; padding-bottom: 22px; margin-top: 18px } .deal-process-wrapper .deal-time { color: #242424 } .deal-process-wrapper .deal-time .icon-timer { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/timer@2x.png?v=3); background-size: contain; margin-right: 8px } .deal-process-wrapper .deal-time .normal { font-size: 12px; font-weight: 400 } .deal-process-wrapper .deal-time .bold { font-size: 17px; font-weight: 500 } .deal-process-wrapper .deal-info { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ff3b27; font-size: 13px } .deal-process-wrapper .deal-info .deal-process { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 8px; margin-top: 4px; background: #f1f1f1; height: 8px; border-radius: 10px; overflow: hidden } .deal-process-wrapper .deal-info .deal-process span { min-width: 1%; width: 20%; background: #FF3B27; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .voucher-detail--title { font-size: 28px; font-weight: 300 } .voucher-detail--content { font-size: 13px; line-height: 1.54 } .voucher-detail--content ul>li { margin-bottom: 1rem } .location-available { display: -webkit-box; display: -ms-flexbox; display: flex } .location-available--list { width: 30%; color: #242424; position: relative; max-height: 356px } .location-available--list .swiper-wrapper .swiper-slide { height: auto!important; padding: 12px 0; border-right: 4px solid transparent; border-bottom: 1px solid #ececec } .location-available--list .swiper-wrapper .swiper-slide.active,.location-available--list .swiper-wrapper .swiper-slide:hover { background-color: #d3eeff; border-right-color: #1ba8ff } .location-available--list .swiper-button-prev { left: 50%; top: 0; margin-top: -12px; margin-left: -16px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .location-available--list .swiper-button-next { left: 50%; top: auto; bottom: 0; margin-top: 0; margin-bottom: -12px; margin-left: -16px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .location-available--item { cursor: pointer } .location-available--item p { display: none } .location-available--item ul { list-style: none; padding: 0; margin: 0 } .location-available--item ul li { display: block; padding: 10px 20px 10px 50px; font-size: 13px; line-height: 20px } .location-available--item ul li:before { content: ""; width: 20px; height: 20px; float: left; margin-left: -30px } .location-available--item ul li:nth-child(1):before { background: url(../images/location.png) center/contain no-repeat } .location-available--item ul li:nth-child(2):before { background: url(../images/phone.png) center/contain no-repeat } .location-available--item ul li._lat,.location-available--item ul li._long { display: none } .location-available--map { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .location-format ul { margin: 0; padding: 0; list-style: none } .gift-popup { width: 376px } .gift-popup button.close { position: absolute; top: 0; right: 7px; color: #22262c; opacity: .8; font-size: 30px; font-weight: 300 } .gift-popup .modal-content { overflow: hidden } .gift-popup img.cover { width: 100% } .gift-popup .popup-body { padding: 25px 20px } .gift-popup .title { text-align: center; font-size: 16px; font-weight: 300 } .gift-popup .icon { width: 87px; float: left } .gift-popup .icon+p { margin-left: 100px; font-weight: 300; line-height: 1.4; font-size: 13px; margin-bottom: 0 } .gift-popup .icon+p b { font-weight: 400!important } .native-banner { display: table; margin: 0 auto 15px } iframe[src*=youtube] { display: table; margin: auto } .voucher-address-list { font-size: 12px; list-style-type: circle } .voucher-address-list.collapse li:nth-child(n+3) { display: none } .voucher-address-list.collapse+.show-more-address { display: block } .show-more-address { display: none; font-size: 12px; text-align: center; background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(255,255,255,.66)),color-stop(50%,rgba(255,255,255,.9)),color-stop(60%,#fff)); background: linear-gradient(to bottom,rgba(255,255,255,.66) 40%,rgba(255,255,255,.9) 50%,#fff 60%); padding: 10px 0 6px; margin-top: -16px; z-index: 1; position: relative } .side-banner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .side-banner-wrap .box-recommendation-related-product { width: 992px } .side-banner-wrap .box-recommendation-related-product .swiper-slide { height: 363px!important } .side-banner-wrap .side-banner { margin: 73px 0 0 20px; border-radius: 4px; overflow: hidden; display: none } .side-banner-wrap .side-banner img { width: 228px } .seller-attribute-addon { margin-top: 5px; color: #4a4a4a; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 11px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .seller-attribute-addon__live-at { width: 84px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .seller-attribute-addon__live-at__year { font-size: 16px; font-weight: 500; position: relative; line-height: 13px; width: 31px; padding-top: 3px } .seller-attribute-addon__live-at__year__small { font-size: 10px; font-weight: 400; display: block } .seller-attribute-addon__live-at__year__type_2 { font-size: 14px; padding-bottom: 3px; text-align: center; margin-right: 4px } .seller-attribute-addon__live-at__text { font-weight: 400 } .seller-attribute-addon__is-verified { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .seller-attribute-addon__is-verified .tikicon { margin: 0 2px 0 0!important } .seller-attribute-addon__is-verified p { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 400 } .user-location-picked { margin-top: 10px; font-size: 13px } h2.block-heading { margin: 15px 26px 12px 0; font-weight: 500; font-size: 14px; border-top: 1px solid #ececec; padding-top: 15px; color: #4a4a4a } .user-location-picked a { color: #333 } .user-location-picked a b { color: #007ff0 } p.description-addon { font-style: italic } .product-review-box { position: relative; padding: 8px 0; background: #fff; border-top: 1px solid #f4f4f4 } .product-review-box p.badge { font-size: 12px; font-weight: 400; background: #fff; width: 100%; margin: 1px 0 5px } .product-review-box p.badge img { width: 20px; margin-right: 6px; margin-top: -1px } .product-review-box .review-filter { margin: 10px 0 20px } .product-review-box .review-filter p { width: 197px; display: inline-block; text-align: center; font-size: 13px } .product-review-box .review-filter .dropdown { display: inline-block; margin-right: 15px } .product-review-box .product-review-content { padding: 10px 0 0 } .product-review-box .product-review-content .item { width: 100%; padding: 15px 0 } .product-review-box .product-review-content .item:first-child { border-top: none } .product-review-box .product-review-content .item span.avatar-letter { border-radius: 50%; background: #d3d2d3; color: #919090; font-weight: 500; width: 65px; height: 65px; display: inline-block; text-align: center; line-height: 65px; font-size: 18px; font-family: Roboto } .product-review-box .product-review-content .item .images { margin-top: 20px; margin-bottom: 10px } .product-review-box .product-review-content .item .images a { display: inline-block; width: 75px; height: 75px; margin-right: 10px; position: relative } .product-review-box .product-review-content .item .images a .thumb { display: inline-block; width: 75px; height: 75px; background-size: cover; background-position: center } .product-review-box .product-review-content .item .images a span.cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); line-height: 75px; text-align: center; color: #fff; font-size: 20px; font-weight: 400; font-style: normal } .product-review-box .product-review-content .item .product-col-1 { display: table-cell; width: 130px; vertical-align: top; padding: 0 10px } .product-review-box .product-review-content .item .product-col-2 { display: table-cell; width: 100%; vertical-align: top; padding-left: 24px } .product-review-box .product-review-content .item .image { width: 65px; height: 65px; overflow: hidden; position: relative; margin-right: auto; margin-left: auto; border-radius: 50% } .product-review-box .product-review-content .item .image a { display: block } .product-review-box .product-review-content .item .image a:hover { color: #007FF0; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .product-review-box .product-review-content .item .image .avatar-img { display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 65px; height: 65px } .product-review-box .product-review-content .item .image .sale-tag { display: block; position: absolute; width: 44px; height: 35px; text-align: center; background: url(../images/sale-tag.png) no-repeat; top: 0; right: 0; color: #fff; font-size: 13px; font-weight: 700; line-height: 23px; text-shadow: 1px 1px 1px rgba(0,0,0,.2) } .product-review-box .product-review-content .item .name { font-size: 14px; margin: 15px 0 5px; font-weight: 500; text-transform: capitalize; width: 178px; text-align: center } .product-review-box .product-review-content .item .from { font-size: 12px; text-align: center; color: #888 } .product-review-box .product-review-content .item .from span { color: #333 } .product-review-box .product-review-content .item .days { font-size: 12px; color: #999; margin: -2px 0 0; text-align: center } .product-review-box .product-review-content .item .infomation .review { padding-right: 20px; font-size: 16px; font-weight: 400; text-transform: capitalize; display: inline-block; vertical-align: top; margin: 0; color: #242424 } .product-review-box .product-review-content .item .infomation .buy-already { font-size: 12px; padding: 1px 0 1px 22px; background: url(../images/security-checked@2x.png) no-repeat; margin: 6px 0; color: #22b345; font-weight: 400; background-size: contain } .product-review-box .product-review-content .item .infomation .rating { margin: 0 10px 0 0; font-size: 12px; display: inline-block; vertical-align: top } .product-review-box .product-review-content .item .infomation .rating .rating-content { font-size: 0; line-height: 1; position: relative; white-space: nowrap; display: inline-block } .product-review-box .product-review-content .item .infomation .rating .rating-content .star { font-family: icomoon; font-weight: 400; font-style: normal; display: inline-block; margin: .1rem; color: #b8b8b8; text-rendering: auto; font-size: 15px } .product-review-box .product-review-content .item .infomation .rating .rating-content .star:nth-child(1) { margin-left: 0 } .product-review-box .product-review-content .item .infomation .rating .rating-content .star:before { content: "\e924" } .product-review-box .product-review-content .item .infomation .rating .rating-content span { display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; overflow: hidden; line-height: 1 } .product-review-box .product-review-content .item .infomation .rating .rating-content span .star { color: #ffc120 } .product-review-box .product-review-content .item .infomation .description { padding-right: 20px; text-align: justify; font-size: 14px; line-height: 20px; width: 100%; margin: 10px 0 8px; color: #4f4f4f } .product-review-box .product-review-content .item .infomation .description a { color: #007ff0 } .product-review-box .product-review-content .item .infomation .quick-edit { display: none; margin: 10px 0 } .product-review-box .product-review-content .item .infomation .quick-edit textarea { margin-bottom: 5px } .product-review-box .product-review-content .item .infomation .quick-edit .btn { background: #32befb; background: -webkit-gradient(linear,left top,left bottom,from(#32befb),to(#19a5e1)); background: linear-gradient(to bottom,#32befb 0,#19a5e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0); border: none!important; -webkit-box-shadow: 0 -2px 0 #0788bf inset; box-shadow: 0 -2px 0 #0788bf inset; padding: 8px 12px; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 5px; font-size: 12px; font-weight: 700; text-shadow: 0 1px 0 rgba(0,0,0,.3); float: right; margin-left: 5px } .product-review-box .product-review-content .item .infomation .quick-edit .btn:hover { opacity: .8; filter: alpha(opacity=80) } .product-review-box .product-review-content .item .infomation .link button.thank-review:hover,.product-review-box .product-review-content .item .infomation .quick-reply .btn-default:hover,.product-review-box .product-review-content .item .infomation .quick-reply .btn-primary:hover { opacity: .9; filter: alpha(opacity=90) } .product-review-box .product-review-content .item .infomation .quick-edit:after,.product-review-box .product-review-content .item .infomation .quick-edit:before { display: table; content: ""; clear: both } .product-review-box .product-review-content .item .infomation button.share-fb { background: #334f8d; border: 0; border-radius: 4px; color: #fff; padding: 0; margin-top: 10px; margin-bottom: 15px } .product-review-box .product-review-content .item .infomation button.share-fb:hover { opacity: .9 } .product-review-box .product-review-content .item .infomation button.share-fb span { color: #fff!important; font-size: 12px!important; font-weight: 300; display: inline-block; vertical-align: middle; padding: 0 7px } .product-review-box .product-review-content .item .infomation button.share-fb .icon { padding: 6px 9px 6px 13px; display: inline-block; border-right: 1px solid #3c3f92 } .product-review-box .product-review-content .item .infomation button.share-fb .icon .ico { font-size: 18px } .product-review-box .product-review-content .item .infomation .link .text-success { color: #888 } .product-review-box .product-review-content .item .infomation .link span { font-size: 13px; color: #888; margin-right: 4px } .product-review-box .product-review-content .item .infomation .link a.js-quick-reply { color: #00acee; font-size: 14px; font-weight: 400; padding: 0 25px 0 0!important } .product-review-box .product-review-content .item .infomation .link button.thank-review { font-weight: 500; font-size: 14px; height: 30px; background: url(../images/thumb-up@3x.png) 15px 6px no-repeat #fdd22f; border: 0; color: #685f3d; width: 104px; margin-left: 10px; background-size: 17px; padding: 0 0 0 22px } .product-review-box .product-review-content .item .infomation .link p { display: inline-block; color: #ccc; font-weight: 100; margin: 0 } .product-review-box .product-review-content .item .infomation .link p a { font-size: 12px; font-weight: 400; color: #444; padding: 0 5px; text-decoration: none } .product-review-box .product-review-content .item .infomation .link p a.is-spam,.product-review-box .product-review-content .item .infomation .link p a.is-spam:hover { color: red } .product-review-box .product-review-content .item .infomation .link p a:hover { color: #007FF0; text-decoration: none } .product-review-box .product-review-content .item .infomation .link:after,.product-review-box .product-review-content .item .infomation .link:before { display: table; content: ""; clear: both } .product-review-box .product-review-content .item .infomation .link { margin-top: -6px } .product-review-box .product-review-content .item .infomation .quick-reply { text-align: center; margin-top: 30px; margin-bottom: 20px; display: none; padding-right: 20px } .product-review-box .product-review-content .item .infomation .quick-reply textarea { display: block; width: 100%; height: 130px; margin-bottom: 10px; border-color: #e0e0e0; resize: none } .product-review-box .product-review-content .item .infomation .quick-reply .btn-primary { font-weight: 400; font-size: 13px; background: #fdd22f; border: 0; color: #4a4a4a; padding: 5px 10px } .product-review-box .product-review-content .item .infomation .quick-reply .btn-default { background: #fff; padding: 5px 12px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 5px; font-size: 12px; margin-left: 5px } .product-review-box .product-review-content .item .show-more { text-align: center; padding: 20px 0; margin-top: -40px; z-index: 1; position: relative } .product-review-box .product-review-content .item .show-more a { border: 1px solid #1c4499; padding: 4px 15px; border-radius: 4px; font-size: 12px } .product-review-box .product-review-content .item .show-more a:hover { color: #fff; background: #1c4499 } .product-review-box .product-review-content .item .replies { margin-top: 10px; margin-bottom: 20px } .product-review-box .product-review-content .item .replies.open>.replies-item:nth-child(n+3) { display: inline-block } .product-review-box .product-review-content .item .replies.open .show-more { display: none } .product-review-box .product-review-content .item .replies>.replies-item { font-size: 14px; line-height: 22px; padding: 0 20px 0 0; background: 0 0; margin: 0 0 20px; border-bottom: none; display: inline-block; width: 100% } .product-review-box .product-review-content .item .replies>.replies-item:nth-child(n+3) { display: none } .product-review-box .product-review-content .item .replies>.replies-item .replies-image { width: 45px; height: 45px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 0; border-radius: 50% } .product-review-box .product-review-content .item .replies>.replies-item .replies-image .avatar-img { width: 45px; height: 45px; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center } .product-review-box .product-review-content .item .replies>.replies-item .tiki-care span.avatar-letter { background: #1c4499; color: #fff; font-size: 18px; font-weight: 400 } .product-review-box .product-review-content .item .replies>.replies-item span.avatar-letter { width: 45px; height: 45px; line-height: 45px; font-size: 14px; font-family: Roboto } .product-review-box .product-review-content .item .replies>.replies-item .replies-name { font-size: 13px; font-weight: 500; margin: 0; padding: 0; color: #242424; text-transform: capitalize; position: relative; top: 0 } .product-review-box .product-review-content .item .replies>.replies-item .replies-name span { font-weight: 400 } .product-review-box .product-review-content .item .replies>.replies-item .replies-name span.tiki-care-badge { color: #fff; background: #1c4499; padding: 4px 7px 2px; font-size: 11px; border-radius: 2px; font-weight: 300!important; margin-left: 8px } .product-review-box .product-review-content .item .replies>.replies-item .replies-text { font-size: 13px; margin-bottom: 0; color: #4f4f4f; margin-left: 54px; line-height: 18px } .product-review-box .product-review-content .item .replies>.replies-item .replies-report { text-align: right; margin: 0; padding-left: 54px; position: absolute; right: 0; top: 0 } .product-review-box .product-review-content .item .replies>.replies-item .replies-report a { font-size: 12px; font-weight: 400; color: #07a0ff; padding: 1px 0 2px 20px; background: url(../images/flag-2@2x.png) no-repeat; background-size: 14px } .product-review-box .product-review-content .item .replies>.replies-item .replies-report a:hover { text-decoration: none } .product-review-box .product-review-content .item .replies>.replies-item:after,.product-review-box .product-review-content .item .replies>.replies-item:before,.product-review-box .product-review-content .item:after,.product-review-box .product-review-content .item:before { display: table; content: ""; clear: both } #one-click-modal { overflow: hidden; overflow-x: hidden; overflow-y: auto } .one-click { font-size: 13px; line-height: 1.3 } .one-click p { margin-bottom: 5px } .one-click .modal-header { border-bottom: 2px solid #007FF0; position: relative } .one-click .modal-header .close { display: block; height: 20px; margin-top: -10px; opacity: .7; position: absolute; right: 15px; top: 50%; width: 20px; z-index: 1 } .one-click .modal-header .close:hover { opacity: 1 } .one-click .modal-title { border-bottom: 0; font-size: 14px; font-weight: 700; margin-top: 0; padding-bottom: 0; text-align: center; text-transform: uppercase } .one-click .modal-title .badge { font-size: 10px; margin-top: -2px; text-transform: none } .one-click .modal-footer { text-align: left } .one-click-product { margin-bottom: 30px; margin-top: 10px } .one-click-product .media-left>a { display: block } .one-click-product .media-object { max-width: 80px } .one-click-product .media-body :last-child { margin-bottom: 0 } .one-click-product-name a { color: #000; display: block; font-weight: 700 } .one-click-product-name a:hover { color: #007FF0; text-decoration: none } .one-click-product-name a:focus { outline: 0; text-decoration: none } .one-click-gift { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .one-click-gift-item { border: 1px solid #ccc; margin-bottom: 7px; margin-right: 7px; width: 30.33333%; padding: 10px 7px 7px; position: relative; text-align: center } .one-click-gift-item .icon-gift-white-wrap { background-color: #66bc27; display: inline-block; left: 0; padding: 2px 8px 4px; position: absolute; top: 0 } #activate-shipping-plan-popup,#shipping-plan-popup,.district-id,.mobile-app-wrapper .breadcrumb-wrap,.mobile-app-wrapper .shipping-footer,.mobile-app-wrapper .shipping-top,.mobile-app-wrapper .wrap-footer,.mobile-app-wrapper .wrap-header,.mobile-app-wrapper .wrap-top-banner,.mobile-app-wrapper .wrap-top-banner-24h,.region-id,header#header .main-nav .main-nav-wrap>ul>li>a.active:not(.no-sub):after { display: none } .one-click-gift-item .icon-gift-white { max-width: 12px } .one-click-gift-item .media-object { margin-left: auto; margin-right: auto; max-width: 60px } .one-click-gift-item-quantity { background-color: #ddd; width: 30px; height: 25px; top: -1px; right: -1px; position: absolute; line-height: 25px; text-align: center; color: #333; font-weight: 700; font-size: 12px; padding: 0 } .one-click-gift-item-name { height: 32px; overflow: hidden } .one-click-heading { font-weight: 700 } .one-click-user-name { font-size: 16px; font-weight: 700 } .one-click-method { margin-top: 15px; margin-bottom: 20px } .one-click-sumary table { width: 100% } .one-click-sumary td { padding-bottom: 2px } .one-click-sumary-details { border-bottom: 2px solid #ee2347; margin-bottom: 15px } .one-click-sumary-price { color: #ee2347; font-size: 18px; font-weight: 700 } .one-click-gift-cart { margin-bottom: 20px; margin-top: 20px } .one-click-gift-cart .dropdown.open .dropdown-toggle { background-color: #fff; border-color: #666 } .one-click-gift-cart .dropdown-toggle { border-color: #666; font-size: 13px; overflow: hidden; margin-bottom: 10px; padding: 10px 25px 10px 15px; position: relative; text-align: left; text-overflow: ellipsis; width: 100% } .one-click-gift-cart .dropdown-toggle .fa-angle-down { font-size: 16px; margin-top: -8px; position: absolute; right: 15px; top: 50% } .one-click-gift-cart .dropdown-menu { border-color: #666; font-size: 12px; max-height: 300px; overflow: hidden; overflow-y: auto; padding-bottom: 0; padding-top: 0; width: 100% } .one-click-gift-cart .dropdown-menu>li.active { background-color: #dcdcdc } .one-click-gift-cart .dropdown-menu>li:not(:last-child) { border-bottom: 1px solid #dcdcdc } .one-click-gift-cart .dropdown-menu>li>a { padding: 5px 15px } .one-click-gift-cart .dropdown-menu>li>a.disable { cursor: not-allowed; opacity: .3 } .one-click-gift-cart .dropdown-menu .media-object { max-width: 40px } .one-click-gift-cart-name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 200px } .one-click-gift-cart-price { color: #66bc27 } .one-click-action-input { margin-top: 30px } .one-click-bookcare-option { margin-bottom: 15px } .one-click-bookcare-option label[for=one-click-bookcare-option] { cursor: pointer; font-weight: 400; line-height: 1; margin-bottom: 0; margin-left: 5px; margin-top: 1px; vertical-align: middle } .one-click-bookcare-option .icheckbox_square-blue { margin-right: 5px } .one-click-submit-btn { background-color: #00b7f1; border-color: #00b7f1; color: #fff; padding: 12px 24px; text-transform: uppercase; width: 100% } .one-click-submit-btn:focus,.one-click-submit-btn:hover { background-color: #0d8db5; border-color: #0d8db5; color: #fff } .one-click-sumary-coin { margin-top: 15px; width: 100% } .one-click-gift-item-price { color: #666; font-size: 12px } @media (min-width: 768px) { .one-click { width:650px } .one-click-product .media-object { max-width: 100px } .one-click-gift-cart { margin-bottom: 0 } } #redeem_all_point { cursor: pointer } .g-preorder { font-size: 13px; color: #26bc4e; font-weight: 500; margin-top: 12px } .tiki-support-ans { color: #090; font-size: 14px; margin-top: 5px } .normal-support-ans { color: #AAA; font-size: 14px; margin-top: 5px } .ans-content { font-size: 15px; margin-top: 5px; line-height: 18px; color: #787878; font-weight: 400 } .tiki-product .super-product .table tbody td .quantity { width: 80px } .free_item { color: #090; font-weight: 700; font-size: 13px } .miki-price { background: url(../images/logo-miki.png) 2px 5px no-repeat!important; background-size: 13px 10px!important; line-height: 20px!important; padding: 0 0 0 21px; margin-bottom: 10px; font-size: inherit } #cancel-order-confirm-form,#cancel-order-form,#cancel-order-message { position: relative; display: none; width: 100% } #cancel-order-confirm-form>.form-group,#cancel-order-form,#cancel-order-message { margin-bottom: 23px } #cancel-order-confirm-form>.form-group.has-error,#cancel-order-form,#cancel-order-message { margin-bottom: 0 } #cancel-order-form>.form-group.has-error>.help-block { margin-left: 2px } #cancel-order-form>.form-group>.help-block { font-size: 11px; margin-top: 4px; margin-bottom: 4px } #cancel-order-form>.form-group>.help-block>a { color: #00aaf1 } .container { width: 1270px!important } header#header .header-form-container .form-search,header#header.sticked .header-form-container .form-search { width: 570px } header#header { min-width: 1270px } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul { padding: 0; height: 544px } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul.v2>li>a { height: calc(544px / 16) } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul>li>.nav-sub { height: 544px!important } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul>li:first-child>a { margin-top: -1px; border-radius: 0 0 0 4px } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul>li:last-child>a { height: 37px; margin-bottom: -1px; border-radius: 0 0 0 4px } header#header.nav-collapse .main-nav .main-nav-wrap:hover>ul>li>a { height: calc(544px / 15) } header#header.sticked .main-nav .main-nav-wrap>ul { height: 544px; padding: 0 } header#header.sticked .main-nav .main-nav-wrap>ul>li>a { height: calc(544px / 15) } header#header.sticked .main-nav .main-nav-wrap>ul>li:first-child>a { border-radius: 0 0 0 4px } header#header.sticked .main-nav .main-nav-wrap>ul>li:last-child>a { height: 37px; margin-bottom: -1px; border-radius: 4px 0 0 4px } header#header.sticked .main-nav .main-nav-wrap>ul>li .nav-sub { height: 544px!important } header#header .header-link .item { padding-left: 34px } header#header .keyword-remember,header#header .search-suggestion { right: 105px } header#header .header-form-container .search-wrap button[type=submit] { padding: 0 11px 0 15px } header#header .header-form-container .search-wrap button[type=submit] .tikicon { margin-right: 3px } header#header .header-form-container a.logo { margin-right: 5px } header#header .main-nav .icon-new { margin: -4px 0 -3px 4px } header#header .main-nav .icon-hot { margin: -6px 0 0 4px } header#header .main-nav .main-nav-wrap>ul { padding: 0; width: 244px; margin-top: 14px } header#header .main-nav .main-nav-wrap>ul.v2>li>a { height: calc(541px / 16) } header#header .main-nav .main-nav-wrap>ul>li>a { padding-top: 4px; border-radius: 4px 0 0 4px; height: calc(541px / 15) } header#header .main-nav .main-nav-wrap>ul>li>a.active { background: #1c4499; border-color: #1c4499; color: #fff; z-index: 2 } header#header .main-nav .main-nav-wrap>ul>li>a.active .ico,header#header .main-nav .main-nav-wrap>ul>li>a.active .lv1-icon { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } header#header .main-nav .main-nav-wrap>ul>li>a.active.no-sub { margin-right: -1px } header#header .main-nav .main-nav-wrap>ul>li>a.active:not(.no-sub):before { right: -35px; border-top: 18px solid transparent; border-left: 18px solid #1c4499; border-bottom: 18px solid transparent; border-right: 18px solid transparent } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub { width: 998px; height: 543px!important } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box { margin-bottom: 14px } header#header .main-nav .main-nav-wrap>ul>li>.nav-sub>ul li .nav-sub-list-box a { line-height: 22px } header#header #main-ajax-recentlyviewed .product-recently-content { width: 1240px } header#header #main-ajax-recentlyviewed .product-recently-content .product-item { width: 123px } .footer-nav { width: 226px } @font-face { font-family: Ionicons; src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0); src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg"); font-weight: 400; font-style: normal } .image-gallery { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .image-gallery.fullscreen-modal { background: #000; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 5 } .image-gallery.fullscreen-modal .image-gallery-content { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .image-gallery-content { position: relative; line-height: 0; top: 0 } .image-gallery-content.fullscreen,.image-gallery-content.fullscreen .image-gallery-slide { background: #000 } .image-gallery-slide-wrapper { position: relative } .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right,.image-gallery-slide-wrapper.sticky-screen-banner.right { display: inline-block; width: calc(100% - 113px) } .image-gallery-fullscreen-button,.image-gallery-left-nav,.image-gallery-play-button,.image-gallery-right-nav { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; cursor: pointer; outline: 0; position: absolute; z-index: 4 } .image-gallery-fullscreen-button::before,.image-gallery-left-nav::before,.image-gallery-play-button::before,.image-gallery-right-nav::before { display: inline-block; font-family: Ionicons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; line-height: .7; text-shadow: 0 2px 2px #1a1a1a; -webkit-transition: color .2s ease-out; transition: color .2s ease-out } .image-gallery-fullscreen-button:hover::before,.image-gallery-left-nav:hover::before,.image-gallery-play-button:hover::before,.image-gallery-right-nav:hover::before { color: #337ab7 } .image-gallery-fullscreen-button,.image-gallery-play-button { bottom: 0 } .image-gallery-fullscreen-button::before,.image-gallery-play-button::before { font-size: 2.7em; padding: 15px 20px; text-shadow: 0 1px 1px #1a1a1a } @media (max-width: 768px) { .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right,.image-gallery-slide-wrapper.sticky-screen-banner.right { width:calc(100% - 84px) } .image-gallery-fullscreen-button:hover::before,.image-gallery-left-nav:hover::before,.image-gallery-play-button:hover::before,.image-gallery-right-nav:hover::before { color: #fff } .image-gallery-fullscreen-button::before,.image-gallery-play-button::before { font-size: 2.4em } } @media (max-width: 480px) { .image-gallery-fullscreen-button::before,.image-gallery-play-button::before { font-size:2em } } .image-gallery-fullscreen-button:hover::before,.image-gallery-play-button:hover::before { color: #fff; -webkit-transform: scale(1.1); transform: scale(1.1) } @media (max-width: 768px) { .image-gallery-fullscreen-button:hover::before,.image-gallery-play-button:hover::before { -webkit-transform:none; transform: none } } .image-gallery-fullscreen-button { right: 0 } .image-gallery-fullscreen-button::before { content: "" } .image-gallery-fullscreen-button.active::before { content: "" } .image-gallery-fullscreen-button.active:hover::before { -webkit-transform: scale(.9); transform: scale(.9) } .image-gallery-play-button { left: 0 } .image-gallery-play-button::before { content: "" } .image-gallery-play-button.active::before { content: "" } .image-gallery-left-nav,.image-gallery-right-nav { color: #fff; font-size: 5em; padding: 50px 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled] { cursor: disabled; opacity: .6; pointer-events: none } @media (max-width: 768px) { .image-gallery-left-nav,.image-gallery-right-nav { font-size:3.4em; padding: 20px 15px } } @media (max-width: 480px) { .image-gallery-left-nav,.image-gallery-right-nav { font-size:2.4em; padding: 0 15px } } .image-gallery-left-nav { left: 0 } .image-gallery-left-nav::before { content: "" } .image-gallery-right-nav { right: 0 } .image-gallery-right-nav::before { content: "" } .image-gallery-slides { line-height: 0; overflow: hidden; position: relative; white-space: nowrap } .image-gallery-slide { background: #fff; left: 0; position: absolute; top: 0; width: 100% } .image-gallery-slide.center { position: relative } .image-gallery-slide img { width: 100% } .image-gallery-slide .image-gallery-description { background: rgba(0,0,0,.4); bottom: 70px; color: #fff; left: 0; line-height: 1; padding: 10px 20px; position: absolute; white-space: normal } @media (max-width: 768px) { .image-gallery-slide .image-gallery-description { bottom:45px; font-size: .8em; padding: 8px 15px } } .image-gallery-bullets { bottom: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 80%; z-index: 4 } .image-gallery-bullets .image-gallery-bullets-container { margin: 0; padding: 0; text-align: center } .image-gallery-bullets .image-gallery-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 1px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 1px 0 #1a1a1a; box-shadow: 0 1px 0 #1a1a1a; cursor: pointer; display: inline-block; margin: 0 5px; outline: 0; padding: 5px } @media (max-width: 768px) { .image-gallery-bullets .image-gallery-bullet { margin:0 3px; padding: 3px } } @media (max-width: 480px) { .image-gallery-bullets .image-gallery-bullet { padding:2.7px } } .image-gallery-bullets .image-gallery-bullet.active { background: #fff } .image-gallery-thumbnails-wrapper { position: relative } .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right { display: inline-block; vertical-align: top; width: 108px } @media (max-width: 768px) { .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right { width:81px } } .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right .image-gallery-thumbnails { height: 100%; width: 100%; left: 0; padding: 0; position: absolute; top: 0 } .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right .image-gallery-thumbnails .image-gallery-thumbnail { display: block; margin-right: 0; padding: 0 } .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail { margin-left: 0 } .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right { margin-right: 5px } .image-gallery-thumbnails-wrapper.right { margin-left: 5px } .image-gallery-thumbnails { overflow: hidden; padding: 5px 0 } .image-gallery-thumbnails .image-gallery-thumbnails-container { cursor: pointer; text-align: center; -webkit-transition: -webkit-transform .45s ease-out; transition: -webkit-transform .45s ease-out; transition: transform .45s ease-out; transition: transform .45s ease-out,-webkit-transform .45s ease-out; white-space: nowrap } .image-gallery-thumbnail { display: inline-block; border: 4px solid transparent; -webkit-transition: border .3s ease-out; transition: border .3s ease-out; width: 100px } @media (max-width: 768px) { .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.sticky-screen-banner.right { margin-right:3px } .image-gallery-thumbnails-wrapper.right { margin-left: 3px } .image-gallery-thumbnails { padding: 3px 0 } .image-gallery-thumbnail { border: 3px solid transparent; width: 75px } } .image-gallery-thumbnail+.image-gallery-thumbnail { margin-left: 2px } .image-gallery-thumbnail img { vertical-align: middle; width: 100% } .image-gallery-thumbnail.active { border: 4px solid #337ab7 } .image-gallery-thumbnail-label { color: #1a1a1a; font-size: 1em } .image-gallery-index { background: rgba(0,0,0,.4); color: #fff; line-height: 1; padding: 10px 20px; position: absolute; right: 0; top: 0; z-index: 4 } @media (max-width: 768px) { .image-gallery-thumbnail.active { border:3px solid #337ab7 } .image-gallery-thumbnail-label { font-size: .8em } .image-gallery-index { font-size: .8em; padding: 5px 10px } } #sticky-banner { position: fixed; left: 0; right: 0; top: 209px; margin: auto; z-index: 3 } .tikinow-code { background-image: url(https://pipe.tikicdn.com/media/upload/2018/10/24/004c40394e6e03576a052900a2d9cc54.png); background-size: cover; position: fixed; width: 150px; height: 177px; padding-top: 122px; text-align: center; bottom: 10px; left: auto; right: 10px } .tikinow-code .code { background: #ff424e; color: #fff; border-radius: 10px; font-size: 12px; padding: 4px 8px } @media (min-width: 1580px) { .tikinow-code { right:auto; left: calc(50% + 640px) } } .save-sub { padding: 7px 14px; background: #fafafa; margin-right: 26px; margin-top: 15px } .save-sub__no-hightlight { padding: 0; background: 0 0 } .save-sub__subscripted { background: #e7f8f1; padding: 10px 12px; border-radius: 2px; line-height: 20px; color: #0d5302; font-size: 14px } .save-sub__interval-type small { color: #999; margin-bottom: 3px; display: inline-block } .save-sub__checkbox-wrap .flat-checkbox { margin-top: 0 } .save-sub__checkbox-wrap .text { font-size: 14px } .save-sub__checkbox-wrap__notice { font-size: 13px; color: #242424; opacity: .5; padding: 3px 0 0 31px; display: inline-block } .save-sub__price { color: #ff424e; font-weight: 500 } .save-sub__interval-type { margin-bottom: 12px; border-bottom: 1px solid #eaeaea; padding-bottom: 8px } .save-sub__interval-select { width: 100%; border: 0; outline: 0 } .save-sub__qty { margin-top: 12px; margin-bottom: 23px } .save-sub__qty .input-group { width: 84px } .save-sub__qty__title { font-size: 13px; font-weight: 500; line-height: 20px } .save-sub__qty__select { font-size: 13px; border-radius: 4px; border: 1px solid #ddd; height: 35px; min-width: 175px; margin-top: 3px; display: block; background-color: #fff } .save-sub__noted { font-size: 12px; line-height: 17px } .save-sub__noted__title { font-size: 13px; font-weight: 500; margin-bottom: 2px; line-height: 20px } .save-sub__tooltip { position: relative; z-index: 10; padding: 10px 0 } .save-sub__tooltip:hover .save-sub__tooltip__content { display: block } .save-sub__tooltip__content { display: none; position: absolute; background: #fff; right: -51px; width: 400px; -webkit-box-shadow: 0 3px 15px #cecece; box-shadow: 0 -3px 21px #cecece; padding: 0 15px; font-size: 12px; border-radius: 4px; color: #333; top: 36px } .save-sub__tooltip__content:before { content: ""; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; border-right: 10px solid transparent; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: -16px; right: 72px } .order-modal__section-fields .ant-form-item-label .ant-form-item-required:after,.order-modal__section-fields .ant-form-item-label .ant-form-item-required:before,.order-modal__section-fields .ant-form-item-label label:after { content: '' } .save-sub__tooltip__content__note { border-bottom: 1px solid #eaeaea; margin-bottom: 4px; display: inline-block; width: 100% } .save-sub__tooltip__content__note:last-child { border: 0 } .save-sub__tooltip__content p { line-height: 19px; margin: 0 0 8px } .save-sub__tooltip__content h3 { font-size: 13px; margin: 10px 0 6px } .save-sub__tooltip__content ul { padding: 0 0 0 16px } .save-sub__tooltip__content ul li { margin-bottom: 6px } .save-sub__tooltip__content__price { color: #ff424e } #flowerRoot { padding-left: 114px } #add-cart-action.is-flower .add-to-cart { width: 225px; height: 40px; border-radius: 4px; font-size: 13px; line-height: 1.54; font-weight: 500; text-transform: uppercase; padding-left: 10px } #add-cart-action.is-flower .quantity-box { padding: 10px 0 } .flower__gift-button { width: 225px; height: 40px; border-radius: 4px; background: #fdd835; text-align: center; display: table-cell; vertical-align: middle; cursor: pointer } .flower__gift-text { font-size: 13px; color: #333; font-weight: 500; text-transform: uppercase; line-height: 1.54 } .flower__additional-text { font-size: 13px; line-height: 1.54; color: #4a4a4a; margin-top: 10px; display: block } .order-modal { width: 650px!important } .order-modal .ant-modal-content { background-color: #f8f8f8 } .order-modal .ant-modal-close { position: absolute; z-index: 2; right: -17px; top: -17px; width: 30px; height: 30px; border-radius: 50%; opacity: 1; background-color: #e2e2e2; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5); box-shadow: 0 0 4px 0 rgba(0,0,0,.5); border: 1px solid #fff } .order-modal .ant-modal-close .ant-modal-close-x { width: auto; height: auto; line-height: 0; font-size: 13px } .order-modal__section { color: #333 } .order-modal__section-title { display: block; font-size: 18px; margin-top: 21px; margin-bottom: 8px } .order-modal__section-description { display: block; font-size: 13px; margin-bottom: 12px } .order-modal__section-fields { padding: 25px 25px 1px; background: #fff } .order-modal__section-fields .ant-form-item-label { text-align: left } .order-modal__section-fields .ant-form-item-label label { font-size: 14px; font-weight: 400 } .order-modal__section-fields .ant-form-item-label .optional-label { line-height: 0 } .order-modal__section-fields .ant-form-item-label .optional-label:after { display: block; content: '(Tuỳ chọn)'; font-size: 12px; font-style: italic } .order-modal__section-fields .char-remaining-message { font-size: 12px; font-style: italic; color: #585858 } .order-modal__section-fields .field-title label { font-weight: 700 } .order-modal__section-fields .field-title { margin: 0 } .order-modal__section-fields .straight-line { border: 1px solid #979797; width: 100%; display: block; opacity: .2; margin: 35px 0 } .order-modal .ant-modal-footer { border: none; text-align: center } .order-modal__submit { background: #ff424e!important; width: 600px!important; height: 40px!important; border-radius: 4px!important; border: none!important } .current-seller .name > span, .current-seller .warranty-info > span { display: inline-block; float: left; } .current-seller .name > span img, .current-seller .warranty-info > span img { width: 27px; } .product-container { padding-top: 25px; } .panel-heading .panel-title a { line-height:20px; display:block; color:#000; font-size:14px; padding:18px 20px 10px; font-weight:400; text-transform:uppercase; padding-left: 0; } .product_list_widget a { padding-left: 0!important; } .product-rating .star-rating { float: unset; } .product-rating { margin-top: 15px; } .product-cart .code .code-title {font-weight: bold;} .product-cart .code { margin-block: 10px; } .top-feature-item ul, .top-feature-item ol { padding-left: 20px; } .top-feature-item li { margin-bottom: 10px; } .product-image .mySwiper img { height: 50px; object-fit: contain; } .product-image .mySwiper .swiper-slide { border: 1px solid #ddd; padding: 5px; } .product-image .mySwiper .swiper-slide.swiper-slide-thumb-active { border-color: var(--color-main); } .social-share .list-social ul { padding: 0; list-style: none; } .social-share .list-social { display: inline-block; margin-left: 10px; } .social-share .list-social ul li { display: inline-block; margin-right: 15px; } .social-share .list-social ul li i { font-size: 16px; } .product-detail-footer .nav { justify-content: center; flex-wrap: wrap; display: flex; } .product-detail-footer .nav li a { font-size: 1.6rem; text-transform: uppercase; font-weight: 600; color: var(--color-main); padding: 0 2rem 2rem; position: relative; } .product-detail-footer .nav li a:hover, .product-detail-footer .nav li a.active { color: var(--color-highlight); background: transparent; } .devvn_prod_cmt , div#reviews.woocommerce-Reviews { width: 100%!important; max-width: 100% !important; } .product-content-detail li { margin-bottom: 10px; line-height: 25px; } .product-content-detail ul, .product-content-detail ol { padding-left: 20px; margin-bottom: 15px; } @media (max-width: 991px){ .product-description { font-size: 14px; } .product-container { padding-top: 0; } } @media (max-width: 767px){ .product-detail-footer .nav li a { padding: 0 2rem 0rem; } .product-detail-footer .nav { justify-content: left; margin-top: 10px; margin-bottom: 15px; } .tiki-product .wrap .product-content-box { padding: 0; background: transparent!important; } .product-detail-footer .nav li:first-child a { padding-left: 0; } .blog_items .myblog .content-right-blog .title_blog_home h3 a { margin-top: 10px; } } @media (max-width: 1024px) and (min-width: 992px) { .product-detail-footer { margin-top: 35px; } } @media (max-width: 1024px) { .tiki-product .wrap .product-container .product-summary { display: flex; flex-flow: column-reverse; } } .sidebar-sticky { position: sticky; top: 0; }