/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/assets/fonts/awesome/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/assets/fonts/awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/assets/fonts/awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/assets/fonts/awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/assets/fonts/awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/assets/fonts/awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-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-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
.widget{}
.widget .widget-title{clear:both;padding:15px 0 0;margin:0 0 7px;}
.widget .widget-title h2{font-size:15px;font-weight:bold;color:#CE4515;}
.widget .mini-products-images-list .product-image{display:block;width:76px;height:76px;border:1px solid #252525;margin:0 auto;}
.widget .mini-products-images-list li.item{float:left;width:77px;height:77px;}
.widget-new-products{display:block;}
.col-main .widget-new-products{margin:7px 0;}
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image{width:85px;height:85px;}
.widget-new-products .products-list .product-shop{margin-left:100px;}
.sidebar .widget-new-products .block{font-size:11px;line-height:1.25;}
.sidebar .widget-new-products .block-title strong{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-new.gif) 0 1px no-repeat;padding-left:21px;color:#CE4515;}
.widget-viewed{display:block;}
.col-main .widget-viewed{margin:7px 0;}
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image{width:85px;height:85px;}
.widget-viewed .products-list .product-shop{margin-left:100px;}
.sidebar .widget-viewed .block{font-size:11px;line-height:1.25;}
.sidebar .widget-viewed .block-title strong{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_block-list.gif) 0 0 no-repeat;padding-left:21px;}
.widget-compared{display:block;}
.col-main .widget-compared{margin:7px 0;}
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image{width:85px;height:85px;}
.widget-compared .products-list .product-shop{margin-left:100px;}
.sidebar .widget-compared .block{font-size:11px;line-height:1.25;}
.sidebar .widget-compared .block-title strong{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_block-list.gif) 0 0 no-repeat;padding-left:21px;}
.widget-static-block{margin-bottom:20px;}
.sidebar .widget-static-block{display:block;margin:0 0 15px;}
.widget-static-block .block-title{}
.widget-static-block .block-title strong{}
.widget-static-block .block-content{}
.top-container .widget a{padding:0 0 0 7px;}
.bottom-container .widget a{padding:0 3px;}
.widget-product-link-inline{display:inline;}
.col-main .widget-product-link{display:block;text-align:right;margin:7px 0;}
.col-main .widget-product-link a{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding-right:15px;}
.sidebar .widget-product-link{display:block;margin:0 0 15px;padding:0 10px;}
.sidebar .widget-product-link a{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding:0 15px 0 0;}
.widget-category-link-inline{display:inline;}
.col-main .widget-category-link{display:block;text-align:right;margin:7px 0;}
.col-main .widget-category-link a{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding-right:15px;}
.sidebar .widget-category-link{display:block;margin:0 0 15px;padding:0 10px;}
.sidebar .widget-category-link a{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding:0 15px 0 0;}
.widget-cms-link-inline{display:inline;}
.col-main .widget-cms-link{display:block;text-align:right;margin:7px 0;}
.col-main .widget-cms-link a{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding-right:15px;}
.sidebar .widget-cms-link{display:block;margin:0 0 15px;padding:0 10px;}
.sidebar .widget-cms-link a{background:url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/images/widgets/i_widget-link.gif) 100% 4px no-repeat;padding:0 15px 0 0;}
/* What is Afterpay modal */
#afterpay-what-is-modal  img.afterpay-modal-image {
    display: block;
}
#afterpay-what-is-modal  img.afterpay-modal-image-mobile{
    display: none;
}

@media only screen
and (max-width : 480px) {
    #afterpay-what-is-modal  img.afterpay-modal-image-mobile {
        display: block;
    }
    #afterpay-what-is-modal  img.afterpay-modal-image{
        display: none;
    }
}

/* Afterpay info in checkout */
#what-is-afterpay-trigger {
    margin-top: 0;
    margin-left: 0;
    float: none;
}

#afterpay-logo {
    height: 18px;
    float: none;
}

#dt_method_afterpaypayovertime span {
    margin-left: 10px;
}

#payment_form_afterpaypayovertime.form-list {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .form-alt {
    display: inline-block; /* shrink-wrap the form, to make the footer align nicely */
}

#payment_form_afterpaypayovertime .total-due p {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #A1A4A6;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    float: left;
    height: 35px;
    line-height: 38px;
}

#payment_form_afterpaypayovertime .total-due span {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    height: 35px;
    line-height: 35px;
    color: #000000;
}

#payment_form_afterpaypayovertime .instalments {
    margin-bottom: 30px;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .header-text {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 9px;
    color: #A1A4A6;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: 20px;
}

#payment_form_afterpaypayovertime .instalments .cost,
#payment_form_afterpaypayovertime .instalments .icon,
#payment_form_afterpaypayovertime .instalments .instalment {
    display: table-row;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .icon:after {
    content: "";
    background: #f7f7f7;
    display: block;
    height: 1px;
    left: 30px;
    right: 30px;
    margin-top: -5px;
}

#payment_form_afterpaypayovertime .instalments li {
    display: table-cell;
    text-align: center;
    padding: 0 10px;
}

#payment_form_afterpaypayovertime .instalments li:first-child {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .instalments li:last-child {
    padding-right: 0;
}

#payment_form_afterpaypayovertime .instalments .cost {
    font-size: 14px;
    color: #379dd6;
}

#payment_form_afterpaypayovertime .instalments .icon img {
    width: 12px;
    display: inline;
    position: relative;
    z-index: 1;
}

#payment_form_afterpaypayovertime .instalments .instalment {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

#payment_form_afterpaypayovertime .instalment-footer {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #636363;
    text-align: center;
}

#payment_form_afterpaypayovertime .instalment-footer a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
    text-decoration: underline;
}

@media (min-width: 560px) {
    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments li {
        padding: 0 30px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .header-text {
        font-size: 12px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .cost {
        font-size: 25px;
    }
}

/* By default, only show the callout text on the default checkout */
#afterpay-callout {
    display: none;
}

.checkout-onepage-index #afterpay-callout {
    display: block;
    margin-left: 0;
}

/* AW_Onestepcheckout support */
#aw-onestepcheckout-payment-method #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

/* IWD_Opc support */
.opc-index-index #dt_method_afterpaypayovertime img {
    height: auto;
    display: inline-block;
    margin: 7px auto 0;
}

.opc-index-index #dt_method_afterpaypayovertime label a {
    display: none;
}

.opc-index-index #payment_form_afterpaypayovertime .form-alt {
    font-style: normal;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li {
    color: #379dd6;
    padding: 0 10px;
    font-size: 20px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li:first-child {
    padding-left: 0;
}

.opc-index-index #payment_form_afterpaypayovertime .instalment-footer p {
    color: #636363;
    font-size: 11px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .instalment li {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments li {
    padding: 0 20px;
}

/* GoMage Lightcheckout support */
#gcheckout-payment-methods-available #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.55;
    margin-top: 10px;
}

/* Onetouch on cart page */
.method-afterpay_onetouch h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #379dd6;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: none;
}

.method-afterpay_onetouch p {
    font-size: 12px;
}

.method-afterpay_onetouch .button {
    margin-top: 10px;
    padding: 7px 30px 7px 30px;
}

.method-afterpay_onetouch .button img {
    display:block;
    width: 90px;
    height: 18px;
}

#payment_form_afterpaypayovertime li { 
    float:none 
}

/* Hide the doubled Afterpay Assets */
.product-view .afterpay-installments-amount {
    display:none;
}
.product-view .afterpay-installments-amount:last-of-type {
    display:inline;
}
.amlabel-div {
    position: relative;
}

.amlabel-div .amlabel-txt {
    line-height: 11px;
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    letter-spacing: 0.01px;
    text-decoration: none;
    color: #fff;
}

.amlabel-div a {
    text-decoration: none;
    position: relative;
}

.amlabel-table {
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.amlabel-table td {
    vertical-align: middle;
    text-align: center;
    border: 0;
    height: auto;
}

.top-center {
    top: 0;
    left: 50%;
}

.middle-left {
    left: 0;
    top: 50%;
}

.middle-right {
    right: 0;
    top: 50%;
}

.bottom-center {
    bottom: 0;
    right: 50%;
}

.middle-center {
    top: 40%;
    left: 40%;
}

.top-left {
    top: 0;
    left: 0;
}

.top-right {
    top: 0;
    right: 0;
}

.bottom-left {
    bottom: 0;
    left: 0;
}

.bottom-right {
    bottom: 0;
    right: 0;
}

.products-list .amlabel-div {
    float: left;
}

* html .amlabel-div {
    float: left;
}

* html .amlabel-div a {
    position: relative;
}

@media (max-width: 930px) {
    .amlabel-table {
        //display: none;
    }
}

.amlabel-table2 {
    position: absolute;
    height: 100%;
    width: 100%;
}

.amlabel-txt2 {
    width: 100%;
    height: 100%;
    background-size: contain !important;
    position: absolute;
}
#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://www.tradedepot.co.nz/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://www.tradedepot.co.nz/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 685px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 520px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: left;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

.m-fpc-debug-info {
  width: 420px;
  min-height: 115px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}
.m-fpc-debug-info .m-fpc-h1 {
  font-family:Arial;
  background: rgb(57, 172, 163);
  color: #fff;
  padding: 3px 3px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align:left;
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-debug-info-main-block {
  padding: 2px 5px 10px 5px;
}
.m-fpc-debug-info .m-fpc-action {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
  padding-top:15px;
}
.m-fpc-debug-info .m-fpc-ignored {
  padding-top: 0px !important;
}
.m-fpc-debug-info .m-fpc-hit-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time-text {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time {
  font-family:Arial;
  text-transform: uppercase;
  font-size: 76px;
  font-weight: 700;
  line-height: 65px;
  text-align:center;
}
.m-fpc-debug-info .m-fpc-time-sec-text {
  font-family:sans-serif,Arial;
  font-size: 35px;
  text-align:center;
  text-transform:none;
}
.m-fpc-debug-info.m-fpc-debug-info-not-cacheable {
  height: 220px;
  box-shadow: 0 0 0 5px #E0E0E0;
}
.m-fpc-debug-info.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 5px #CCFFD3;
}
.m-fpc-debug-info.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 5px #FECBCB;
}
.m-fpc-debug-info .m-fpc-disabled-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
}
.m-fpc-debug-info .m-fpc-detail-info-hide-show-button-style {
  float: right;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.m-fpc-debug-info .m-fpc-info-scroll-hide {
  display: none;
}
/*scroll*/
.m-fpc-debug-info .m-fpc-info-scroll {
  overflow-y: auto;
  height: 350px;
  padding: 0px 5px 10px 5px;
  text-align: justify;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*detail info table*/
.m-fpc-debug-info .m-fpc-detail-info-table {
  display:table;
  width:100%;
  padding-top: 3px;
}
.m-fpc-debug-info .m-fpc-detail-row {
  display:table-row;
}
.m-fpc-debug-info .m-fpc-detail-col {
  display:table-cell;
  text-align: left;
  padding: 2px;
  vertical-align: top;
  width: 50%;
  font-family:sans-serif,Arial;
  padding:5px;
  text-align: left;
  font-size: 10px;
  text-transform:none;
  color: #222 !important;
}
.m-fpc-debug-info .m-fpc-dark {
  background-color: #D9F0EE;
}
.m-fpc-debug-info .m-fpc-light {
  background-color: #ECF8F7;
}

/*flush cache button*/
.m-fpc-debug-info .m-fpc-flush-cache-button-style {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

/*small debug info block*/
.m-fpc-debug-info-small {
  width: 120px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}

.m-fpc-debug-info-small .m-fpc-debug-info-main-block-small {
  padding: 2px 5px 10px 5px;
}

.m-fpc-debug-info-small .m-fpc-hit-info-small {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-small {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

.m-fpc-debug-info-small.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 3px #CCFFD3;
}
.m-fpc-debug-info-small.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 3px #FECBCB;
}
.m-fpc-debug-info-small.m-fpc-debug-info-not-cacheable {
  box-shadow: 0 0 0 5px #E0E0E0;
}

.m-fpc-debug-info .m-fpc-ignored-url-parameters-info {
  font-family:sans-serif,Arial;
  padding:15px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
  word-wrap: break-word;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.searchindex-results {
    *zoom: 1;
    margin-bottom: 10px;
    border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
    display: table;
    content: "";
    line-height: 0;
}
.searchindex-results:after {
    clear: both;
}
.searchindex-results li {
    margin-bottom: -1px;
    float: left;
    *zoom: 1;
    margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
    display: table;
    content: "";
    line-height: 0;
}
.searchindex-results li:after {
    clear: both;
}
.searchindex-results li a {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    display: block;
    cursor: pointer;
    padding: 2px 5px 1px 5px;
    line-height: 20px;
    border: 1px solid transparent;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-decoration: none;
}
.searchindex-results li a:hover {
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
    background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
    background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
    border: 1px solid #a0b3c3;
    border-bottom: none;
}
.searchindex-results li a span {
    font-weight: normal;
    font-size: 0.9em;
}
.searchindex-results li.active a {
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
    background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
    background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
    cursor: default;
    border: 1px solid #a0b3c3;
    border-bottom: none;
}
.searchindex-result li {
    padding: 5px;
}
.searchindex-result li .title a {
    font-weight: bold;
    color: #2121AC;
    font-size: 16px;
}
.searchindex-result.searchindex-result-category {
    margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
    padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
    font-weight: bold;
    color: #203548;
}
.searchindex-highlight {
    background-color: #ff0;
}
.searchindex-result .jqTransformSelectWrapper {
    border: 1px solid gray;
}
.searchindex-result .jqTransformSelectWrapper > .btn {
    padding-top: 0;
    padding-bottom: 0;
}
.searchindex-result .sys-search-cms-result-content {
    margin-top: 15px;
}
.sys-search-cms-result .order-toolbar .order-amount,.sys-search-cms-result .order-toolbar .order-limiter {
    display: inline-block;
    margin-right: 30px;
    font-size: 1.6rem;
}
.sys-search-cms-result .text-result-title {
    font-size: 3rem;
    font-weight: bold;
    padding: 10px 0;
}
.searchindex-result .sys-search-cms-result-content > li {
    padding: 10px 0;
}

.no_search_results {
    display: flex;
}
.no_search_results .left-image img{
    max-width:400px;
    border-right: 1px solid gray;
}
.no_search_results .right-result {
    padding-left: 50px;
}
.no_search_results .right-result .title {
    font-size: 70px;
    line-height: 1.5;
}
.no_search_results .tb-btn tbody > tr > td {
    padding:10px 10px;
    font-size: 16px;
}
.no_search_results .tb-btn .search-again-btn {
    width: 200px;
}
.no_search_results .tb-btn .search-again {
    padding: 7px 10px;
    width: 100%;
}
.back-to-home {
    border: 1px solid gray;
    display: inline-block;
    padding: 7px 10px;
    width: 200px;
    text-align: center;
    color: black;
    font-size: 12px;
}
.no_search_results .top-category {
    margin-top: 80px;
}
.no_search_results .right-result .top-cate-title {
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .no_search_results .left-image {
        display: none;
    }
    .no_search_results .right-result {
        padding: 0;
    }
    .no_search_results .right-result .title {
        font-size: 3rem;
    }
    .no_search_results .tb-btn tr td {
        font-size: 1.4rem;
    }
    .no_search_results .top-category {
        margin-top: 10px;
    }
}
.widget-title {
	text-align:center;
}
.widget-slider-title > h2 {
	text-align:center;
	font-size: 20px;
    padding: 15px 0 5px 0;
}
.widget-products {
	display: flex;
	justify-content: center;
}
.widget-products .list {
	justify-content: center;
}
.widget-products .list .list-item .list-content .my-content .short-description {
    min-height: 65px;
}
.catalog-product-view .widget-products .price-content {
	text-align: left;
}
@media (max-width: 991px) {
	.widget-products .owl-carousel .owl-stage {
		right: 50px;
	}
}

.widget-slider .list {
	min-height: auto;
}
.widget-slider .product-brand {
	right: 0;
}
.widget-slider .owl-item  .list-item {
	width: auto;
}
.widget-slider .owl-carousel {
	padding: 0 30px;
	position: relative;
}
.widget-slider .owl-nav {
	position: absolute;
    width: 100%;
	height: 100%;
    display: flex;
    justify-content: space-between;
    left: 0;
	top: 0;
	z-index: -1;
}
.widget-slider .owl-nav .owl-prev .fa, .widget-slider .owl-nav .owl-next .fa {
	font-size: 40px;
	color: black;
}
.widget-slider .owl-nav .owl-prev .fa {
	padding: 10px 10px 10xp 0;
}
.widget-slider .owl-nav .owl-next .fa {
	padding: 10px 0 10xp 10px;
}
.widget-slider .owl-nav [class*=owl-]:hover {
	background: none;
}
.widget-slider .amlabel-div .amlabel-txt {
	font-size: 10px;
}
.widget-slider .list .list-item .list-content .my-content .short-description {
	min-height: 65px;
}



.widget-small-slider {
	padding: 0 30px;
	position: relative;
}
.widget-small-slider .owl-nav {
	position: absolute;
    width: 100%;
	height: 100%;
    display: flex;
    justify-content: space-between;
    left: 0;
	top: 0;
	z-index: -1;
}
.widget-small-slider .owl-nav .owl-prev .fa, .widget-small-slider .owl-nav .owl-next .fa {
	font-size: 40px;
	color: black;
}
.widget-small-slider .owl-nav .owl-prev .fa {
	padding: 10px 10px 10xp 0;
}
.widget-small-slider .owl-nav .owl-next .fa {
	padding: 10px 0 10xp 10px;
}
.widget-small-slider .owl-nav [class*=owl-]:hover {
	background: none;
}
.widget-small-slider .small-slider-item {
	padding: 15px;
	border: 1px solid #c2c2c2;
}

.widget-small-slider .small-slider-item > .img {
	position: relative;
}

.widget-small-slider .small-slider-item > .img .amlabel-div{
	top: 0;
	width: calc(100% + 30px);
	height: calc(100% + 15px);
	margin-top: -15px;
	margin-left: -15px;
}

.widget-small-slider .small-slider-item .content .desc {
	height: 60px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2em;
	font-size: 13px;
	margin-top: 10px;
}

.widget-small-slider .small-slider-item .content .desc .link-desc {
	color: black;
	font-size: 14px;
}
.widget-small-slider .small-slider-item .content .last-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:5px;
}
.widget-small-slider .small-slider-item .content .last-row .price {
	font-size: 24px;
	font-weight: bold;
	color: #fa0000;
}
.widget-small-slider .small-slider-item .content .last-row .btn {
	font-size: 14px;
	padding: 5px 10px;
}
@media (max-width: 768px) {
	.widget-small-slider .small-slider-item .content .last-row {
		flex-direction: column;
	}
	.widget-small-slider .small-slider-item .content .last-row .price {
		text-align: center;
	}
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/fonts/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: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur: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 {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub: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";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #EEEEEE;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #2121AC;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0000cd;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #EEEEEE;
  border: 1px solid #ddd;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.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: 300;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #2121AC;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #191981;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #2121AC;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #191981;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 992px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 1px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 2px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #c4c4cd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #c4c4cd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #c4c4cd;
}
.table .table {
  background-color: #EEEEEE;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #c4c4cd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #c4c4cd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #c4c4cd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  #checkout-review-table-wrapper table td, #checkout-review-table-wrapper table th {
  white-space: unset !important;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #717187;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.6);
}
.form-control::-moz-placeholder {
  color: #FFF;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #FFF;
}
.form-control::-webkit-input-placeholder {
  color: #FFF;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 32px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 32px;
  padding: 6px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-sm {
  height: 32px;
  line-height: 32px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 32px;
  padding: 6px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.form-group-sm select.form-control {
  height: 32px;
  line-height: 32px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 32px;
  min-height: 32px;
  padding: 7px 6px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 10px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 7px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #FFFFFF;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #0000cd;
}
.btn-default:focus,
.btn-default.focus {
  color: #FFFFFF;
  background-color: #191981;
  border-color: #00004e;
}
.btn-default:hover {
  color: #FFFFFF;
  background-color: #191981;
  border-color: #000090;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #FFFFFF;
  background-color: #191981;
  border-color: #000090;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #FFFFFF;
  background-color: #131363;
  border-color: #00004e;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #2121AC;
  border-color: #0000cd;
}
.btn-default .badge {
  color: #2121AC;
  background-color: #FFFFFF;
}
.btn-primary {
  color: #FFFFFF;
  background-color: #F5AD01;
  border-color: #F5AD01;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #FFFFFF;
  background-color: #c28901;
  border-color: #765300;
}
.btn-primary:hover {
  color: #FFFFFF;
  background-color: #c28901;
  border-color: #b88201;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #c28901;
  border-color: #b88201;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #FFFFFF;
  background-color: #9f7001;
  border-color: #765300;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #F5AD01;
  border-color: #F5AD01;
}
.btn-primary .badge {
  color: #F5AD01;
  background-color: #FFFFFF;
}
.btn-success {
  color: #FFFFFF;
  background-color: #64B40B;
  border-color: #64B40B;
}
.btn-success:focus,
.btn-success.focus {
  color: #FFFFFF;
  background-color: #498408;
  border-color: #213c04;
}
.btn-success:hover {
  color: #FFFFFF;
  background-color: #498408;
  border-color: #447a07;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #FFFFFF;
  background-color: #498408;
  border-color: #447a07;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #FFFFFF;
  background-color: #376206;
  border-color: #213c04;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #64B40B;
  border-color: #64B40B;
}
.btn-success .badge {
  color: #64B40B;
  background-color: #FFFFFF;
}
.btn-info {
  color: #2121AC;
  background-color: #FFFFFF;
  border-color: #2121AC;
}
.btn-info:focus,
.btn-info.focus {
  color: #2121AC;
  background-color: #e6e6e6;
  border-color: #0c0c41;
}
.btn-info:hover {
  color: #2121AC;
  background-color: #e6e6e6;
  border-color: #171779;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #2121AC;
  background-color: #e6e6e6;
  border-color: #171779;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #2121AC;
  background-color: #d4d4d4;
  border-color: #0c0c41;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
}
.btn-info .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.btn-warning {
  color: #FFFFFF;
  background-color: #C83232;
  border-color: #C83232;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #FFFFFF;
  background-color: #9f2828;
  border-color: #621818;
}
.btn-warning:hover {
  color: #FFFFFF;
  background-color: #9f2828;
  border-color: #972626;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #FFFFFF;
  background-color: #9f2828;
  border-color: #972626;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #FFFFFF;
  background-color: #832121;
  border-color: #621818;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #C83232;
  border-color: #C83232;
}
.btn-warning .badge {
  color: #C83232;
  background-color: #FFFFFF;
}
.btn-danger {
  color: #FFFFFF;
  background-color: #f44336;
  border-color: #f44336;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #FFFFFF;
  background-color: #ea1c0d;
  border-color: #a21309;
}
.btn-danger:hover {
  color: #FFFFFF;
  background-color: #ea1c0d;
  border-color: #e11b0c;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #FFFFFF;
  background-color: #ea1c0d;
  border-color: #e11b0c;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #FFFFFF;
  background-color: #c8180b;
  border-color: #a21309;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #f44336;
  border-color: #f44336;
}
.btn-danger .badge {
  color: #f44336;
  background-color: #FFFFFF;
}
.btn-link {
  color: #2121AC;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #0000cd;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 10px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 1px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 6px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 2px 2px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
/*++++++++ menu-dropdown-kichen */
.menu-dropdown-kichen {
padding-bottom: 30px;
display: flex;
justify-content: center;
}
.menu-dropdown-kichen a:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.menu-dropdown-kichen i {
  text-decoration: none !important;
}
.menu-dropdown-kichen i:hover {
  cursor: pointer;
}
/*img*/
.menu-dropdown-kichen img {
  padding-right: 5px;
}
.menu-dropdown-kichen .col-sm-3:first-child img {
  padding-left: 5px;
}
/**/
.menu-dropdown-kichen .items {
  margin-left: 30px;
  margin-bottom: 10px;
    margin-top: 10px;
}
.menu-dropdown-kichen .items a {
  display: table;
  color: black;
    font-size: 10px;
    font-weight: 600;
    line-height: 150%;
    padding: 7px 0 7px 0;
}
.menu-dropdown-kichen .items .complex {
  padding: 7px 0 7px 0;
}
.menu-dropdown-kichen .items .complex i {
  margin-left: 8px;
}
.menu-dropdown-kichen .items a.click {
  display: inline;
}
/* sub */
.menu-dropdown-kichen .items .sub {
  display: none;
}
.menu-dropdown-kichen .items .sub a {
    margin-left: 20px;

  color: #424250;
    font-size: 10px;
    font-weight: 100;
}
/* all */
.menu-dropdown-kichen .all {
  margin-right: 15px;
  border: 2px solid #2121AC;
}
.menu-dropdown-kichen .all a {
  color: black;
  font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    padding: 7px 30px 7px 17px;
  white-space: nowrap;
}
.menu-dropdown-kichen .all i {
  color: #2121AC;
    margin-left: -28px;
}
.menu-dropdown-kichen .all:hover {
  background-color: #2121AC;
}
.menu-dropdown-kichen .all:hover a {
  color: white;
}
.menu-dropdown-kichen .all a:hover {
  text-decoration: none !important;
}
.menu-dropdown-kichen .all:hover i {
  color: white;
}
/**/
.menu-dropdown-kichen .rotated {
    -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}
/* bottom Menu */
.menu-dropdown-kichen .dropdown-menu-bottom {
  position: absolute; left: 50%;bottom: 0;
  width: 80%;
}
.menu-dropdown-kichen .dropdown-menu-bottom .dm-bottom-center {
  position: relative;
  left: -50%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 10px;
}
.menu-dropdown-kichen .dropdown-menu-bottom .dm-bottom-center a {
  display: inline-block;
  color: #000;
  font-weight: 700;
  cursor: pointer;
  border: 2px solid #2121AC;
  padding: 0 15px;
}
.menu-dropdown-kichen .dropdown-menu-bottom .dm-bottom-center a:hover {
  color: white;
  background: #2121AC;
}
@media only screen and (min-width : 1200px) {
  .menu-dropdown-kichen {
    padding-bottom: 60px;
  }
  .menu-dropdown-kichen .dropdown-menu-bottom {
    bottom: 10px;
  }
  .menu-dropdown-kichen .dropdown-menu-bottom .dm-bottom-center a {
    font-size: 14px;
  }
  .menu-dropdown-kichen .all a {
    font-size: 14px;
    line-height: 32px;
    height: 32px;
  }
  .menu-dropdown-kichen .items {
    padding-top: 0;
  }
  .menu-dropdown-kichen .items a {
    font-size: 16px;
    padding: 0;
  }
  .menu-dropdown-kichen .items .sub a {
    font-size: 14px;
  }
  .menu-dropdown-kichen .items .complex {
    padding: 0;
  }
  .menu-dropdown-kichen .dropdown-menu-bottom .dm-bottom-center {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
  }
}
/*-------- menu-dropdown-kichen */
/*++++++++ menu_bound_container */
#myNavbar .dropdown-menu {
  padding:0px;
}
.menu_bound_container {
  display: flex;
  justify-content: center;
  max-height: 70vh;
  justify-items: stretch;
  overflow-y: auto;
}
.menu_bound_container .menu-col {
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.menu_bound_container > .menu-col ~ .menu-col {
  border-left: none;
}
.menu_bound_container .menu_title_col {
  font-size: 18px;
    border-bottom: 1px solid #6663a4;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  padding: 2px 20px;
}
.menu_bound_container .menu_title_col a {
  color: black;
}
.menu_bound_container .menu-sub-content {
    padding-left: 15px;
}
.menu_bound_container .menu_parent {
    margin-top: 10px;
}
.menu_bound_container .menu-col-content {
  padding: 0px 20px 15px;
}
.menu_bound_container .menu_level_1 {
  font-weight: bold;
    font-size: 16px;
    color: black;
}
.menu_bound_container .menu_level_2 {
    color: black;
  font-size: 14px;
  font-weight: 400;
}
.menu_bound_container a:hover {
  text-decoration: underline!important;
}
@media only screen and (max-width : 1199px) {
  .menu_bound_container .menu_title_col {
    font-size: 14px;
  }
  .menu_bound_container .menu_level_1 {
    font-size: 13px;
  }
  .menu_bound_container .menu_level_2 {
    font-size: 12px;
  }
}
/*-------- menu_bound_container */
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #FFF;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #dfdfe5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #2121AC;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #2121AC;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #2121AC;
}
.dropdown-menu > li > a.selected {
  color: #c83332;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-lg > .form-control .input-lg,
.input-group-lg > .input-group-addon .input-lg,
.input-group-lg > .input-group-btn > .btn .input-lg {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.input-group-lg > .form-control select.input-lg,
.input-group-lg > .input-group-addon select.input-lg,
.input-group-lg > .input-group-btn > .btn select.input-lg {
  height: 44px;
  line-height: 44px;
}
.input-group-lg > .form-control textarea.input-lg,
.input-group-lg > .input-group-addon textarea.input-lg,
.input-group-lg > .input-group-btn > .btn textarea.input-lg,
.input-group-lg > .form-control select[multiple].input-lg,
.input-group-lg > .input-group-addon select[multiple].input-lg,
.input-group-lg > .input-group-btn > .btn select[multiple].input-lg {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 32px;
  padding: 6px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 32px;
  line-height: 32px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control .input-sm,
.input-group-sm > .input-group-addon .input-sm,
.input-group-sm > .input-group-btn > .btn .input-sm {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}
.input-group-sm > .form-control select.input-sm,
.input-group-sm > .input-group-addon select.input-sm,
.input-group-sm > .input-group-btn > .btn select.input-sm {
  height: 24px;
  line-height: 24px;
}
.input-group-sm > .form-control textarea.input-sm,
.input-group-sm > .input-group-addon textarea.input-sm,
.input-group-sm > .input-group-btn > .btn textarea.input-sm,
.input-group-sm > .form-control select[multiple].input-sm,
.input-group-sm > .input-group-addon select[multiple].input-sm,
.input-group-sm > .input-group-btn > .btn select[multiple].input-sm {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 6px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #2121AC;
  border: 1px solid #2121AC;
  border-radius: 2px;
}
.input-group-addon.input-sm {
  padding: 6px 6px;
  font-size: 12px;
  border-radius: 1px;
}
.input-group-addon.input-lg {
  padding: 10px 10px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #2121AC;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #2121AC;
  border-color: #2121AC;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #EEEEEE;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #EEEEEE;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 2px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #2121AC;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #EEEEEE;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 60px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}
@media (min-width: 992px) {
  .navbar {
    border-radius: 2px;
  }
}
@media (min-width: 992px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}
@media (min-width: 992px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 992px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 992px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.mobile-adjust {
  padding-top: 6px !important;
}
@media (min-width: 768px) {
  .mobile-adjust {
    padding-top: 20px !important;
  }
}
.navbar-brand {
  float: left;
  padding: 20px 0px;
  font-size: 18px;
  line-height: 20px;
  //height: 60px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 992px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0px;
  padding: 9px 10px;
  margin-top: 13px;
  margin-bottom: 13px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 10px 0px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.navbar-form {
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 0px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 13px;
  margin-bottom: 13px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 991px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 13px;
  margin-bottom: 13px;
}
.navbar-btn.btn-sm {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-btn.btn-xs {
  margin-top: 19px;
  margin-bottom: 19px;
}
.navbar-text {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .navbar-text {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: 0px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #C83232;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #C83232;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 991px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #2121AC;
  border-color: #2121AC;
}
.navbar-inverse .navbar-brand {
  color: #FFFFFF;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a {
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #2a2ad6;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #2a2ad6;
  background-color: #191981;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #191981;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #1b1b8e;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #191981;
  color: #2a2ad6;
}
@media (max-width: 991px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #2121AC;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #2121AC;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #2a2ad6;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #2a2ad6;
    background-color: #191981;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #FFFFFF;
}
.navbar-inverse .navbar-link:hover {
  color: #2a2ad6;
}
.navbar-inverse .btn-link {
  color: #FFFFFF;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #2a2ad6;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li span.breadcumb-break {
  padding: 0 5px;
  color: #ccc;
  display: inline-block;
}
.breadcrumb > .active {
  color: #777777;
}
#bd .head-breadcumbs {
  background-color: white;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 2px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 6px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #2121AC;
  background-color: #fff;
  border: 1px solid #2121AC;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #2121AC;
  border-color: #2121AC;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 10px;
  font-size: 18px;
  line-height: 1.3333333;
}
.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: 6px 6px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #2121AC;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #2121AC;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #2121AC;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #191981;
}
.label-success {
  background-color: #4caf50;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #3d8b40;
}
.label-info {
  background-color: #03a9f4;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #0286c2;
}
.label-warning {
  background-color: #ff5722;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ee3900;
}
.label-danger {
  background-color: #f44336;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #ea1c0d;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #a8a8b6;
  border-radius: 4px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #2121AC;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 0px;
  padding-right: 0px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #EEEEEE;
  border: 1px solid #ddd;
  border-radius: 2px;
  transition: border 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #2121AC;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #2121AC;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  -webkit-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
  -moz-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
  -ms-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
}
.progress-bar-success {
  background-color: #4caf50;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #03a9f4;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ff5722;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #f44336;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #dfdfe5;
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
a.list-group-item,
button.list-group-item {
  color: #2121AC;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #2121AC;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #2121AC;
  border-color: #2121AC;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #aaaaef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.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: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #c4c4cd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 2px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  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: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #2121AC;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #2121AC;
  border-color: #2121AC;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #2121AC;
}
.panel-primary > .panel-heading .badge {
  color: #2121AC;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #2121AC;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 1px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  -webkit-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 0 auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  transition: 0.6s ease-in-out left;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
#myCarousel2 .carousel-indicators li {
  border: 1px solid gray;
}
#myCarousel .img-max-width-fix {
  max-width: 900px;
  max-height: 900px;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.container:before,
.container:after,
.container:before,
.container:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.container:after,
.container:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.td-font {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.td-alternate-font {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.td-headline-font {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.td-body-font {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.td-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.base-padding {
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
}
.button-and-dropdown-padding {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
}
.navbar-padding {
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
}
.product-padding {
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.artificial-box-label-padding {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  padding-bottom: 0px;
}
.artificial-box-label-padding-sides {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.artificial-margin-below {
  margin-bottom: 10px;
}
.artificial-no-bottom-margin {
  margin-bottom: 0px !important;
}
/* @import "https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/tradedepot-less/td-devstyles.less";
*/
.hspace10 {
  width: 10px;
}
.hspace16 {
  width: 10px;
}
.vspace10 {
  height: 10px;
  clear: both;
}
.vspace16 {
  height: 16px;
  clear: both;
}
.row-flex,
.row-flex > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
}
.row-flex-wrap {
  -webkit-flex-flow: row wrap;
  align-content: flex-start;
  flex: 0;
}
.row-flex > div[class*='col-'],
.container-flex > div[class*='col-'] {
  margin: -0.2px;
  /* hack adjust for wrapping */
}
.flex-col {
  display: flex;
  display: -webkit-flex;
  flex: 1 100%;
  flex-flow: column nowrap;
}
.flex-grow {
  display: flex;
  -webkit-flex: 2;
  flex: 2;
}
body {
  background-color: white;
}
#sns-totop {
  background: #FFFFFF;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #2b2b34 !important;
  width: 45px;
  bottom: 10px;
  right: 10px;
  height: 45px;
  text-decoration: none;
  overflow: hidden;
  z-index: 40;
  position: fixed;
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
}
#sns-totop.hidden-top {
  bottom: -100px;
}
#sns-totop {
  background-color: #fa0000;
  cursor: pointer;
}
#sns-totop:hover i {
  color: #FFFFFF;
}
#sns-totop i {
  font-size: 24px;
  color: #FFFFFF;
  position: relative;
  top: 8px;
}
@media only screen and (min-width : 768px) {
  #sns-totop {bottom: 30px;}
}
.cd-top {
  background-color: #C83232;
  color: white;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  float: right;
}
.fern {
  background-image: url(https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/images/fern-bg.jpg);
  background-repeat: repeat-x;
}
.anchor {
  padding-top: 290px;
}
.input-group-addon {
  color: #FFFFFF;
}
.breadcrumb {
  border: 2px solid transparent;
}
.pagination > li.active a {
  border: 1px solid #dfdfe5;
}
.pagination > li > a,
.pagination > li .pagination > li > span {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  border: 1px solid #dfdfe5;
}
.navbar-toggle {
  color: #FFFFFF;
  margin-right: 10px;
  margin-top: 0px;
  padding: 10px 10px;
  height: 100%;
}
.modal {
  background: rgba(0, 0, 0, 0.5);
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  /*background-color: rgb(255, 255, 255);*/
}
.fixed-footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.showroom-info-new {
  position: absolute;
  float: right;
  right: 0px;
  top: -20px;
  /*background-color: fade(black, 50%);*/
  font-size: 12px;
  padding-right: 10px;
  padding-top: 2px;
}
.showroom-info-new a {
  color: rgba(255, 255, 255, 0.8);
}
.showroom-info-new a:hover {
  color: white;
  text-decoration: underline;
}
.td-red {
  background-color: #C83232;
}
.td-blue {
  background-color: #2121AC;
}
.td-white {
  background-color: #FFFFFF;
}
.td-black {
  background-color: #000000;
}
.td-yellow {
  background-color: #F5AD01;
}
.td-highlight {
  background-color: #FFFAD1;
  border: 1px #F5AD01 solid;
}
.td-red-bright {
  background-color: #fa0000;
}
.td-blue-bright {
  background-color: #0000cd;
}
.td-grey0 {
  background-color: #141418;
}
.td-grey10 {
  background-color: #2b2b34;
}
.td-grey20 {
  background-color: #424250;
}
.td-grey30 {
  background-color: #5a5a6b;
}
.td-grey40 {
  background-color: #717187;
}
.td-grey50 {
  background-color: #8c8c9f;
}
.td-grey60 {
  background-color: #a8a8b6;
}
.td-grey70 {
  background-color: #c4c4cd;
}
.td-grey80 {
  background-color: #dfdfe5;
}
.td-grey90 {
  background-color: #fbfbfc;
}
.td-page {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFFFF;
  margin-bottom: 10px;
}
.td-page-spacious {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFFFF;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 10px;
  height: 100%;
}
.fix-padding-btn {
  margin-bottom: 0px;
}
.td-page-tight {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  height: 100%;
}
.td-box {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  height: 100%;
}
.td-module {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  height: 100%;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fbfbfc;
  color: #2b2b34;
}
.reverse {
  color: #FFFFFF;
}
.reverse a {
  color: #aaaaef;
}
.reverse a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 0px;
  background-color: #FFFFFF;
  border-left-width: 5px;
  border-radius: 2px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 2px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left: #5a5a6b 12px solid;
}
.bs-callout-default h4 {
  color: #5a5a6b;
}
.bs-callout-primary {
  border-left: #5a5a6b 12px solid;
}
.bs-callout-primary h4 {
  color: #5a5a6b;
}
.bs-callout-success {
  border-left: #64B40B 12px solid;
}
.bs-callout-success h4 {
  color: #64B40B;
}
.bs-callout-danger {
  border-left: #C83232 12px solid;
}
.bs-callout-danger h4 {
  color: #C83232;
}
.bs-callout-warning {
  border-left: #F5AD01 12px solid;
}
.bs-callout-warning h4 {
  color: #F5AD01;
}
.bs-callout-info {
  border-left: #2121AC 12px solid;
}
.bs-callout-info h4 {
  color: #2121AC;
}
.dropdown-menu {
  margin: -1px 0 0;
}
.td-module .dropdown-menu a {
  text-transform: uppercase;
  color: #2121AC;
}
.td-module .dropdown-menu a:hover {
  color: white;
}
.dropdown-label {
  float: left;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 6px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
}
li.dropdown {
  list-style-type: none;
}
.btn-block-text-left {
  text-align: left;
}
.dropdown-label-top {
  margin-bottom: 6px;
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15.4px;
  margin: 0px;
  margin-bottom: 1.83333333px;
  margin-top: 0px;
  color: #2121AC;
  font-weight: 600;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid #dfdfe5;
  border-bottom: 2px solid transparent;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.focus {
  color: #2121AC;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:hover {
  background-color: #2121AC;
  color: #FFFFFF;
  border-left: 2px solid #111156;
  border-top: 2px solid #111156;
  border-right: 2px solid #111156;
  border-bottom: 2px solid #111156;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:active,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #111156;
  border-top: 2px solid #111156;
  border-right: 2px solid #111156;
  border-bottom: 2px solid #111156;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:active:hover,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.active:hover,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:hover,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:active:focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.active:focus,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:active.focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.active.focus,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #111156;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:active,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle {
  background-image: none;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.disabled:hover,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle[disabled]:hover,
fieldset[disabled] .nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:hover,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.disabled:focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle[disabled]:focus,
fieldset[disabled] .nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle:focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.disabled.focus,
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle[disabled].focus,
fieldset[disabled] .nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.nav.nav-pills-dark-condensed.navbar-left a.dropdown-toggle > li + li {
  margin-left: 0px;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid #dfdfe5;
  border-top: 2px solid transparent;
  border-right: 2px solid #dfdfe5;
  border-bottom: 2px solid transparent;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.focus {
  color: #2121AC;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:hover {
  background-color: #2121AC;
  color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:active,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:active:hover,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.active:hover,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:hover,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:active:focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.active:focus,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:active.focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.active.focus,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:active,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle {
  background-image: none;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.disabled:hover,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle[disabled]:hover,
fieldset[disabled] .nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:hover,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.disabled:focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle[disabled]:focus,
fieldset[disabled] .nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle:focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.disabled.focus,
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle[disabled].focus,
fieldset[disabled] .nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.nav.nav-pills-dark-condensed.navbar-right a.dropdown-toggle > li + li {
  margin-left: 0px;
}
.nav.nav-pills-dark a.dropdown-toggle {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.nav.nav-pills-dark a.dropdown-toggle:focus,
.nav.nav-pills-dark a.dropdown-toggle.focus {
  color: #2121AC;
}
.nav.nav-pills-dark a.dropdown-toggle:hover {
  background-color: #2121AC;
  color: #FFFFFF;
  border-left: 2px solid #111156;
  border-top: 2px solid #111156;
  border-right: 2px solid #111156;
  border-bottom: 2px solid #111156;
}
.nav.nav-pills-dark a.dropdown-toggle:active,
.nav.nav-pills-dark a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-dark a.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #111156;
  border-top: 2px solid #111156;
  border-right: 2px solid #111156;
  border-bottom: 2px solid #111156;
}
.nav.nav-pills-dark a.dropdown-toggle:active:hover,
.nav.nav-pills-dark a.dropdown-toggle.active:hover,
.open > .dropdown-toggle.nav.nav-pills-dark a.dropdown-toggle:hover,
.nav.nav-pills-dark a.dropdown-toggle:active:focus,
.nav.nav-pills-dark a.dropdown-toggle.active:focus,
.open > .dropdown-toggle.nav.nav-pills-dark a.dropdown-toggle:focus,
.nav.nav-pills-dark a.dropdown-toggle:active.focus,
.nav.nav-pills-dark a.dropdown-toggle.active.focus,
.open > .dropdown-toggle.nav.nav-pills-dark a.dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #111156;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-dark a.dropdown-toggle:active,
.nav.nav-pills-dark a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-dark a.dropdown-toggle {
  background-image: none;
}
.nav.nav-pills-dark a.dropdown-toggle.disabled:hover,
.nav.nav-pills-dark a.dropdown-toggle[disabled]:hover,
fieldset[disabled] .nav.nav-pills-dark a.dropdown-toggle:hover,
.nav.nav-pills-dark a.dropdown-toggle.disabled:focus,
.nav.nav-pills-dark a.dropdown-toggle[disabled]:focus,
fieldset[disabled] .nav.nav-pills-dark a.dropdown-toggle:focus,
.nav.nav-pills-dark a.dropdown-toggle.disabled.focus,
.nav.nav-pills-dark a.dropdown-toggle[disabled].focus,
fieldset[disabled] .nav.nav-pills-dark a.dropdown-toggle.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-dark a.dropdown-toggle .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.nav.nav-pills-reverse a.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.nav.nav-pills-reverse a.dropdown-toggle:focus,
.nav.nav-pills-reverse a.dropdown-toggle.focus {
  color: #FFFFFF;
}
.nav.nav-pills-reverse a.dropdown-toggle:hover {
  background-color: #FFFFFF;
  color: #2121AC;
  border-left: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.nav.nav-pills-reverse a.dropdown-toggle:active,
.nav.nav-pills-reverse a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-reverse a.dropdown-toggle {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.nav.nav-pills-reverse a.dropdown-toggle:active:hover,
.nav.nav-pills-reverse a.dropdown-toggle.active:hover,
.open > .dropdown-toggle.nav.nav-pills-reverse a.dropdown-toggle:hover,
.nav.nav-pills-reverse a.dropdown-toggle:active:focus,
.nav.nav-pills-reverse a.dropdown-toggle.active:focus,
.open > .dropdown-toggle.nav.nav-pills-reverse a.dropdown-toggle:focus,
.nav.nav-pills-reverse a.dropdown-toggle:active.focus,
.nav.nav-pills-reverse a.dropdown-toggle.active.focus,
.open > .dropdown-toggle.nav.nav-pills-reverse a.dropdown-toggle.focus {
  color: #2121AC;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-reverse a.dropdown-toggle:active,
.nav.nav-pills-reverse a.dropdown-toggle.active,
.open > .dropdown-toggle.nav.nav-pills-reverse a.dropdown-toggle {
  background-image: none;
}
.nav.nav-pills-reverse a.dropdown-toggle.disabled:hover,
.nav.nav-pills-reverse a.dropdown-toggle[disabled]:hover,
fieldset[disabled] .nav.nav-pills-reverse a.dropdown-toggle:hover,
.nav.nav-pills-reverse a.dropdown-toggle.disabled:focus,
.nav.nav-pills-reverse a.dropdown-toggle[disabled]:focus,
fieldset[disabled] .nav.nav-pills-reverse a.dropdown-toggle:focus,
.nav.nav-pills-reverse a.dropdown-toggle.disabled.focus,
.nav.nav-pills-reverse a.dropdown-toggle[disabled].focus,
fieldset[disabled] .nav.nav-pills-reverse a.dropdown-toggle.focus {
  background-color: #2121AC;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.nav.nav-pills-reverse a.dropdown-toggle .badge {
  color: #2121AC;
  background-color: #FFFFFF;
}
.nav.nav-pills-reverse a.dropdown-toggle > li.dropdown-menu > a {
  background-color: #FFFFFF;
  color: #2121AC;
}
.nav.nav-pills-reverse a.dropdown-toggle > li.dropdown-menu > a:hover,
.nav.nav-pills-reverse a.dropdown-toggle > li.dropdown-menu > a:active,
.nav.nav-pills-reverse a.dropdown-toggle > li.dropdown-menu > a:focus {
  background-color: #0000cd;
  color: #FFFFFF;
}
.nav.nav-pills-reverse a.dropdown-toggle .dropdown .dropdown-menu {
  border: 1px solid white !important;
}
.nav.nav-pills-reverse a.dropdown-toggle .dropdown .dropdown-menu a {
  color: #2121AC;
  text-transform: uppercase !important;
}
.nav > li > a {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
}
.nav {
  margin-bottom: 0;
}
/*DISABLE BODY PADDING THAT WAS SET FOR A FIXED HEADER*/
/*

@media (max-width: @screen-sm) {
    body {
        padding-top: (@navbar-height + 30px);
    }
}

@media (min-width : @screen-xs) and (max-width:@screen-sm) {
    body {
        padding-top: (@navbar-height + 30px);
    }
}

@media (min-width : @screen-sm) and (max-width:@screen-md) {
    body {
        padding-top: (@navbar-height + 30px);
    }
}

@media (min-width : @screen-md) and (max-width:@screen-lg) {
    body {
        padding-top: (@navbar-height + 64px);
    }
}

@media (min-width : @screen-lg) and (max-width:@screen-xl) {
    body {
        padding-top: (@navbar-height + 74px);
    }
}

@media (min-width : @screen-xl) {
    body {
        padding-top: (@navbar-height + 74px);
    }
}*/
.navbar-toggle {
  color: #FFFFFF;
  margin-right: 10px;
  margin-top: 0px;
  padding: 10px 10px;
  height: 100%;
}
.nav-padding {
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
}
.navbar-brand {
  padding: 0px;
}
.input-group .input-group-btn {
  padding: 0 0px !important;
}
.cart-summary-wrap {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  width: 580px;
  max-height: 70vh;
  overflow-y: scroll;
}
.proceed-checkout {
  margin-bottom: 10px;
}
#shopping-cart-table thead tr th {
  border-top: none;
}
.navbar {
  border: 0;
  z-index: 9998;
}
.navbar .input-group-search-bar .form-group {
  margin: 0px;
}
.navbar .input-group-search-bar .form-group .form-control {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
  font-weight: normal;
  height: 46.5px;
  margin-bottom: 0px;
}
.navbar .input-group-search-bar .form-group .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.navbar .input-group-search-bar .form-group .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.navbar .input-group-search-bar .form-group .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.navbar .input-group-search-bar .form-group .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.navbar .input-group-search-bar .form-group .form-control:focus {
  background-color: rgba(25, 25, 129, 0.6);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
}
.nav .dropdown-menu li a {
  text-transform: uppercase;
  padding: 10px 15px;
}
.nav .dropdown-menu li a:hover,
.nav .dropdown-menu li a:focus {
  background-color: #2121AC;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .navbar-bottom ul {
    display: block !important;
  }
}
.delivery-info{
  padding: 5px 20px 30px 20px;
  color: white;
}
@media only screen and (min-width: 992px) {
  .delivery-info {
    width: 400px;
    height: 80px;
    margin-left: 20px;
    padding: 0 0px 0px 20px;
    margin-top: -20px;
  }
}
.delivery-info p {
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 1rem;
  line-height: 14px;
  margin: 0px;
  margin-bottom: 1.66666667px;
  margin-top: 0px;
  line-height: 14.8px;
}
.delivery-info p a {
  color: white;
  font-weight: normal;
}
.navbar-bottom {
  background-color: #C83232;
  border-color: #C83232;
}
.navbar-bottom ul.nav {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  margin: 0;
  padding: 0;
}
.navbar-bottom ul.nav li {
  flex-grow: 1;
}
.navbar-bottom ul.nav li a.dropdown-toggle {
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: transparent;
  height: 100%;
  text-align: center;
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 11px;
  font-family: roboto condensed;
  font-weight: 400;
  line-height: 18px;
}
.navbar-bottom ul.nav li a.dropdown-toggle:hover {
  background-color: #b42d2d;
  color: #FFFFFF;
}
.navbar-bottom ul.nav li a.dropdown-toggle:active,
.navbar-bottom ul.nav li a.dropdown-toggle:focus {
  background-color: #FFFFFF;
  color: #2b2b34;
}
@media (min-width: 768px) {
  .navbar-bottom ul.nav li a.dropdown-toggle {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .navbar-bottom ul.nav li a.dropdown-toggle {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .navbar-bottom ul.nav li a.dropdown-toggle {
    padding-left: 15px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 9px;
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .navbar-bottom ul.nav li a.dropdown-toggle {
    padding-left: 15px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 9px;
    font-size: 15px;
  }
}
button,
.btn {
  text-transform: uppercase;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
}
button.active,
.btn.active {
  box-shadow: none;
}
.btn.no-padding-left {
  padding-left: 0px;
}
.btn.no-padding-right {
  padding-right: 0px;
}
.btn.small-padding-left {
  padding-left: 10px;
}
.btn.btn-margin-rt {
  margin-right: 10px;
}
.btn-default,
.nav a.btn-default {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #0000cd;
  border-top: 2px solid #0000cd;
  border-right: 2px solid #0000cd;
  border-bottom: 2px solid #0000cd;
}
.btn-default:focus,
.nav a.btn-default:focus,
.btn-default.focus,
.nav a.btn-default.focus {
  color: #FFFFFF;
}
.btn-default:hover,
.nav a.btn-default:hover {
  background-color: #0000cd;
  color: #FFFFFF;
  border-left: 2px solid #0000cd;
  border-top: 2px solid #0000cd;
  border-right: 2px solid #0000cd;
  border-bottom: 2px solid #0000cd;
}
.btn-default:active,
.nav a.btn-default:active,
.btn-default.active,
.nav a.btn-default.active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.nav a.btn-default {
  color: #FFFFFF;
  background-color: #0000cd;
  border-left: 2px solid #0000cd;
  border-top: 2px solid #0000cd;
  border-right: 2px solid #0000cd;
  border-bottom: 2px solid #0000cd;
}
.btn-default:active:hover,
.nav a.btn-default:active:hover,
.btn-default.active:hover,
.nav a.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.nav a.btn-default:hover,
.btn-default:active:focus,
.nav a.btn-default:active:focus,
.btn-default.active:focus,
.nav a.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.nav a.btn-default:focus,
.btn-default:active.focus,
.nav a.btn-default:active.focus,
.btn-default.active.focus,
.nav a.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.nav a.btn-default.focus {
  color: #FFFFFF;
  background-color: #0000cd;
  border-color: #0000cd;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-default:active,
.nav a.btn-default:active,
.btn-default.active,
.nav a.btn-default.active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.nav a.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.nav a.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.nav a.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .nav a.btn-default:hover,
.btn-default.disabled:focus,
.nav a.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.nav a.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .nav a.btn-default:focus,
.btn-default.disabled.focus,
.nav a.btn-default.disabled.focus,
.btn-default[disabled].focus,
.nav a.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .nav a.btn-default.focus {
  background-color: #2121AC;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-default .badge,
.nav a.btn-default .badge {
  color: #2121AC;
  background-color: #FFFFFF;
}
.btn-primary,
.nav a.btn-primary {
  color: #FFFFFF;
  background-color: #F5AD01;
  border-left: 2px solid #F5AD01;
  border-top: 2px solid #F5AD01;
  border-right: 2px solid #F5AD01;
  border-bottom: 2px solid #F5AD01;
}
.btn-primary:focus,
.nav a.btn-primary:focus,
.btn-primary.focus,
.nav a.btn-primary.focus {
  color: #FFFFFF;
}
.btn-primary:hover,
.nav a.btn-primary:hover {
  background-color: #F5AD01;
  color: #FFFFFF;
  border-left: 2px solid #c28901;
  border-top: 2px solid #c28901;
  border-right: 2px solid #c28901;
  border-bottom: 2px solid #c28901;
}
.btn-primary:active,
.nav a.btn-primary:active,
.btn-primary.active,
.nav a.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.nav a.btn-primary {
  color: #FFFFFF;
  background-color: #F5AD01;
  border-left: 2px solid #c28901;
  border-top: 2px solid #c28901;
  border-right: 2px solid #c28901;
  border-bottom: 2px solid #c28901;
}
.btn-primary:active:hover,
.nav a.btn-primary:active:hover,
.btn-primary.active:hover,
.nav a.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.nav a.btn-primary:hover,
.btn-primary:active:focus,
.nav a.btn-primary:active:focus,
.btn-primary.active:focus,
.nav a.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.nav a.btn-primary:focus,
.btn-primary:active.focus,
.nav a.btn-primary:active.focus,
.btn-primary.active.focus,
.nav a.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.nav a.btn-primary.focus {
  color: #FFFFFF;
  background-color: #F5AD01;
  border-color: #c28901;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-primary:active,
.nav a.btn-primary:active,
.btn-primary.active,
.nav a.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.nav a.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.nav a.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.nav a.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .nav a.btn-primary:hover,
.btn-primary.disabled:focus,
.nav a.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.nav a.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .nav a.btn-primary:focus,
.btn-primary.disabled.focus,
.nav a.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
.nav a.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .nav a.btn-primary.focus {
  background-color: #F5AD01;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-primary .badge,
.nav a.btn-primary .badge {
  color: #F5AD01;
  background-color: #FFFFFF;
}
label.btn-info-condensed {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid #dfdfe5;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
label.btn-info-condensed:focus,
label.btn-info-condensed.focus {
  color: #2121AC;
}
label.btn-info-condensed:hover {
  background-color: #0000cd;
  color: #FFFFFF;
  border-left: 2px solid #0000c8;
  border-top: 2px solid #0000c8;
  border-right: 2px solid #0000c8;
  border-bottom: 2px solid #0000c8;
}
label.btn-info-condensed:active,
label.btn-info-condensed.active,
.open > .dropdown-togglelabel.btn-info-condensed {
  color: #FFFFFF;
  background-color: #0000cd;
  border-left: 2px solid #0000c8;
  border-top: 2px solid #0000c8;
  border-right: 2px solid #0000c8;
  border-bottom: 2px solid #0000c8;
}
label.btn-info-condensed:active:hover,
label.btn-info-condensed.active:hover,
.open > .dropdown-togglelabel.btn-info-condensed:hover,
label.btn-info-condensed:active:focus,
label.btn-info-condensed.active:focus,
.open > .dropdown-togglelabel.btn-info-condensed:focus,
label.btn-info-condensed:active.focus,
label.btn-info-condensed.active.focus,
.open > .dropdown-togglelabel.btn-info-condensed.focus {
  color: #FFFFFF;
  background-color: #0000cd;
  border-color: #0000c8;
  outline: 0px auto -webkit-focus-ring-color;
}
label.btn-info-condensed:active,
label.btn-info-condensed.active,
.open > .dropdown-togglelabel.btn-info-condensed {
  background-image: none;
}
label.btn-info-condensed.disabled:hover,
label.btn-info-condensed[disabled]:hover,
fieldset[disabled] label.btn-info-condensed:hover,
label.btn-info-condensed.disabled:focus,
label.btn-info-condensed[disabled]:focus,
fieldset[disabled] label.btn-info-condensed:focus,
label.btn-info-condensed.disabled.focus,
label.btn-info-condensed[disabled].focus,
fieldset[disabled] label.btn-info-condensed.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
label.btn-info-condensed .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.btn-info-navbar-left,
.nav a.btn-info-navbar-left {
  color: #2121AC;
  background-color: transparent;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid #dfdfe5;
  border-bottom: 2px solid transparent;
  margin-left: 0px;
}
.btn-info-navbar-left:focus,
.nav a.btn-info-navbar-left:focus,
.btn-info-navbar-left.focus,
.nav a.btn-info-navbar-left.focus {
  color: #2121AC;
}
.btn-info-navbar-left:hover,
.nav a.btn-info-navbar-left:hover {
  background-color: #2121AC;
  color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info-navbar-left:active,
.nav a.btn-info-navbar-left:active,
.btn-info-navbar-left.active,
.nav a.btn-info-navbar-left.active,
.open > .dropdown-toggle.btn-info-navbar-left,
.open > .dropdown-toggle.nav a.btn-info-navbar-left {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info-navbar-left:active:hover,
.nav a.btn-info-navbar-left:active:hover,
.btn-info-navbar-left.active:hover,
.nav a.btn-info-navbar-left.active:hover,
.open > .dropdown-toggle.btn-info-navbar-left:hover,
.open > .dropdown-toggle.nav a.btn-info-navbar-left:hover,
.btn-info-navbar-left:active:focus,
.nav a.btn-info-navbar-left:active:focus,
.btn-info-navbar-left.active:focus,
.nav a.btn-info-navbar-left.active:focus,
.open > .dropdown-toggle.btn-info-navbar-left:focus,
.open > .dropdown-toggle.nav a.btn-info-navbar-left:focus,
.btn-info-navbar-left:active.focus,
.nav a.btn-info-navbar-left:active.focus,
.btn-info-navbar-left.active.focus,
.nav a.btn-info-navbar-left.active.focus,
.open > .dropdown-toggle.btn-info-navbar-left.focus,
.open > .dropdown-toggle.nav a.btn-info-navbar-left.focus {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-info-navbar-left:active,
.nav a.btn-info-navbar-left:active,
.btn-info-navbar-left.active,
.nav a.btn-info-navbar-left.active,
.open > .dropdown-toggle.btn-info-navbar-left,
.open > .dropdown-toggle.nav a.btn-info-navbar-left {
  background-image: none;
}
.btn-info-navbar-left.disabled:hover,
.nav a.btn-info-navbar-left.disabled:hover,
.btn-info-navbar-left[disabled]:hover,
.nav a.btn-info-navbar-left[disabled]:hover,
fieldset[disabled] .btn-info-navbar-left:hover,
fieldset[disabled] .nav a.btn-info-navbar-left:hover,
.btn-info-navbar-left.disabled:focus,
.nav a.btn-info-navbar-left.disabled:focus,
.btn-info-navbar-left[disabled]:focus,
.nav a.btn-info-navbar-left[disabled]:focus,
fieldset[disabled] .btn-info-navbar-left:focus,
fieldset[disabled] .nav a.btn-info-navbar-left:focus,
.btn-info-navbar-left.disabled.focus,
.nav a.btn-info-navbar-left.disabled.focus,
.btn-info-navbar-left[disabled].focus,
.nav a.btn-info-navbar-left[disabled].focus,
fieldset[disabled] .btn-info-navbar-left.focus,
fieldset[disabled] .nav a.btn-info-navbar-left.focus {
  background-color: transparent;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-info-navbar-left .badge,
.nav a.btn-info-navbar-left .badge {
  color: transparent;
  background-color: #2121AC;
}
.btn-info-navbar-right,
.nav a.btn-info-navbar-right {
  color: #2121AC;
  background-color: transparent;
  border-left: 2px solid #dfdfe5;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-left: 0px;
}
.btn-info-navbar-right:focus,
.nav a.btn-info-navbar-right:focus,
.btn-info-navbar-right.focus,
.nav a.btn-info-navbar-right.focus {
  color: #2121AC;
}
.btn-info-navbar-right:hover,
.nav a.btn-info-navbar-right:hover {
  background-color: #2121AC;
  color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info-navbar-right:active,
.nav a.btn-info-navbar-right:active,
.btn-info-navbar-right.active,
.nav a.btn-info-navbar-right.active,
.open > .dropdown-toggle.btn-info-navbar-right,
.open > .dropdown-toggle.nav a.btn-info-navbar-right {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info-navbar-right:active:hover,
.nav a.btn-info-navbar-right:active:hover,
.btn-info-navbar-right.active:hover,
.nav a.btn-info-navbar-right.active:hover,
.open > .dropdown-toggle.btn-info-navbar-right:hover,
.open > .dropdown-toggle.nav a.btn-info-navbar-right:hover,
.btn-info-navbar-right:active:focus,
.nav a.btn-info-navbar-right:active:focus,
.btn-info-navbar-right.active:focus,
.nav a.btn-info-navbar-right.active:focus,
.open > .dropdown-toggle.btn-info-navbar-right:focus,
.open > .dropdown-toggle.nav a.btn-info-navbar-right:focus,
.btn-info-navbar-right:active.focus,
.nav a.btn-info-navbar-right:active.focus,
.btn-info-navbar-right.active.focus,
.nav a.btn-info-navbar-right.active.focus,
.open > .dropdown-toggle.btn-info-navbar-right.focus,
.open > .dropdown-toggle.nav a.btn-info-navbar-right.focus {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-info-navbar-right:active,
.nav a.btn-info-navbar-right:active,
.btn-info-navbar-right.active,
.nav a.btn-info-navbar-right.active,
.open > .dropdown-toggle.btn-info-navbar-right,
.open > .dropdown-toggle.nav a.btn-info-navbar-right {
  background-image: none;
}
.btn-info-navbar-right.disabled:hover,
.nav a.btn-info-navbar-right.disabled:hover,
.btn-info-navbar-right[disabled]:hover,
.nav a.btn-info-navbar-right[disabled]:hover,
fieldset[disabled] .btn-info-navbar-right:hover,
fieldset[disabled] .nav a.btn-info-navbar-right:hover,
.btn-info-navbar-right.disabled:focus,
.nav a.btn-info-navbar-right.disabled:focus,
.btn-info-navbar-right[disabled]:focus,
.nav a.btn-info-navbar-right[disabled]:focus,
fieldset[disabled] .btn-info-navbar-right:focus,
fieldset[disabled] .nav a.btn-info-navbar-right:focus,
.btn-info-navbar-right.disabled.focus,
.nav a.btn-info-navbar-right.disabled.focus,
.btn-info-navbar-right[disabled].focus,
.nav a.btn-info-navbar-right[disabled].focus,
fieldset[disabled] .btn-info-navbar-right.focus,
fieldset[disabled] .nav a.btn-info-navbar-right.focus {
  background-color: transparent;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-info-navbar-right .badge,
.nav a.btn-info-navbar-right .badge {
  color: transparent;
  background-color: #2121AC;
}
.navbar-left.nav-pills-dark-condensed > li + li {
  margin-left: 0px !important;
}
.navbar-right.nav-pills-dark-condensed > li + li {
  margin-left: 0px !important;
}
.btn-info,
.nav a.btn-info {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info:focus,
.nav a.btn-info:focus,
.btn-info.focus,
.nav a.btn-info.focus {
  color: #2121AC;
}
.btn-info:hover,
.nav a.btn-info:hover {
  background-color: #2121AC;
  color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info:active,
.nav a.btn-info:active,
.btn-info.active,
.nav a.btn-info.active,
.open > .dropdown-toggle.btn-info,
.open > .dropdown-toggle.nav a.btn-info {
  color: #FFFFFF;
  background-color: #2121AC;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid #2121AC;
  border-bottom: 2px solid #2121AC;
}
.btn-info:active:hover,
.nav a.btn-info:active:hover,
.btn-info.active:hover,
.nav a.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.open > .dropdown-toggle.nav a.btn-info:hover,
.btn-info:active:focus,
.nav a.btn-info:active:focus,
.btn-info.active:focus,
.nav a.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.nav a.btn-info:focus,
.btn-info:active.focus,
.nav a.btn-info:active.focus,
.btn-info.active.focus,
.nav a.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.nav a.btn-info.focus {
  color: #FFFFFF;
  background-color: #2121AC;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-info:active,
.nav a.btn-info:active,
.btn-info.active,
.nav a.btn-info.active,
.open > .dropdown-toggle.btn-info,
.open > .dropdown-toggle.nav a.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.nav a.btn-info.disabled:hover,
.btn-info[disabled]:hover,
.nav a.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .nav a.btn-info:hover,
.btn-info.disabled:focus,
.nav a.btn-info.disabled:focus,
.btn-info[disabled]:focus,
.nav a.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .nav a.btn-info:focus,
.btn-info.disabled.focus,
.nav a.btn-info.disabled.focus,
.btn-info[disabled].focus,
.nav a.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .nav a.btn-info.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-info .badge,
.nav a.btn-info .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.btn-select,
.nav a.btn-select {
  color: #2121AC;
  background-color: #FFFFFF;
  border-left: 2px solid #2121AC;
  border-top: 2px solid #2121AC;
  border-right: 2px solid transparent;
  border-bottom: 2px solid #2121AC;
  text-transform: none;
  font-weight: 200;
}
.btn-select:focus,
.nav a.btn-select:focus,
.btn-select.focus,
.nav a.btn-select.focus {
  color: #2121AC;
}
.btn-select:hover,
.nav a.btn-select:hover {
  background-color: rgba(245, 173, 1, 0.3);
  color: black;
  border-left: 2px solid #F5AD01;
  border-top: 2px solid #F5AD01;
  border-right: 2px solid #F5AD01;
  border-bottom: 2px solid #F5AD01;
}
.btn-select:active,
.nav a.btn-select:active,
.btn-select.active,
.nav a.btn-select.active,
.open > .dropdown-toggle.btn-select,
.open > .dropdown-toggle.nav a.btn-select {
  color: black;
  background-color: rgba(245, 173, 1, 0.3);
  border-left: 2px solid #F5AD01;
  border-top: 2px solid #F5AD01;
  border-right: 2px solid #F5AD01;
  border-bottom: 2px solid #F5AD01;
}
.btn-select:active:hover,
.nav a.btn-select:active:hover,
.btn-select.active:hover,
.nav a.btn-select.active:hover,
.open > .dropdown-toggle.btn-select:hover,
.open > .dropdown-toggle.nav a.btn-select:hover,
.btn-select:active:focus,
.nav a.btn-select:active:focus,
.btn-select.active:focus,
.nav a.btn-select.active:focus,
.open > .dropdown-toggle.btn-select:focus,
.open > .dropdown-toggle.nav a.btn-select:focus,
.btn-select:active.focus,
.nav a.btn-select:active.focus,
.btn-select.active.focus,
.nav a.btn-select.active.focus,
.open > .dropdown-toggle.btn-select.focus,
.open > .dropdown-toggle.nav a.btn-select.focus {
  color: black;
  background-color: rgba(245, 173, 1, 0.3);
  border-color: #F5AD01;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-select:active,
.nav a.btn-select:active,
.btn-select.active,
.nav a.btn-select.active,
.open > .dropdown-toggle.btn-select,
.open > .dropdown-toggle.nav a.btn-select {
  background-image: none;
}
.btn-select.disabled:hover,
.nav a.btn-select.disabled:hover,
.btn-select[disabled]:hover,
.nav a.btn-select[disabled]:hover,
fieldset[disabled] .btn-select:hover,
fieldset[disabled] .nav a.btn-select:hover,
.btn-select.disabled:focus,
.nav a.btn-select.disabled:focus,
.btn-select[disabled]:focus,
.nav a.btn-select[disabled]:focus,
fieldset[disabled] .btn-select:focus,
fieldset[disabled] .nav a.btn-select:focus,
.btn-select.disabled.focus,
.nav a.btn-select.disabled.focus,
.btn-select[disabled].focus,
.nav a.btn-select[disabled].focus,
fieldset[disabled] .btn-select.focus,
fieldset[disabled] .nav a.btn-select.focus {
  background-color: #FFFFFF;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-select .badge,
.nav a.btn-select .badge {
  color: #FFFFFF;
  background-color: #2121AC;
}
.btn-select:first-child {
  border-left: 2px #2121AC solid !important;
}
.btn-select:last-child {
  border-right: 2px #2121AC solid !important;
}
.btn-select.active:first-child,
.btn-select:hover:first-child {
  border-left: 2px #F5AD01 solid !important;
}
.btn-select.active:last-child,
.btn-select:hover:last-child {
  border-right: 2px #F5AD01 solid !important;
}
.btn-warning,
.nav a.btn-warning {
  color: #FFFFFF;
  background-color: #C83232;
  border-left: 2px solid #C83232;
  border-top: 2px solid #C83232;
  border-right: 2px solid #C83232;
  border-bottom: 2px solid #C83232;
}
.btn-warning:focus,
.nav a.btn-warning:focus,
.btn-warning.focus,
.nav a.btn-warning.focus {
  color: #FFFFFF;
}
.btn-warning:hover,
.nav a.btn-warning:hover {
  background-color: #fa0000;
  color: #FFFFFF;
  border-left: 2px solid #fa0000;
  border-top: 2px solid #fa0000;
  border-right: 2px solid #fa0000;
  border-bottom: 2px solid #fa0000;
}
.btn-warning:active,
.nav a.btn-warning:active,
.btn-warning.active,
.nav a.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.open > .dropdown-toggle.nav a.btn-warning {
  color: #FFFFFF;
  background-color: #fa0000;
  border-left: 2px solid #fa0000;
  border-top: 2px solid #fa0000;
  border-right: 2px solid #fa0000;
  border-bottom: 2px solid #fa0000;
}
.btn-warning:active:hover,
.nav a.btn-warning:active:hover,
.btn-warning.active:hover,
.nav a.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.open > .dropdown-toggle.nav a.btn-warning:hover,
.btn-warning:active:focus,
.nav a.btn-warning:active:focus,
.btn-warning.active:focus,
.nav a.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.nav a.btn-warning:focus,
.btn-warning:active.focus,
.nav a.btn-warning:active.focus,
.btn-warning.active.focus,
.nav a.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.nav a.btn-warning.focus {
  color: #FFFFFF;
  background-color: #fa0000;
  border-color: #fa0000;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-warning:active,
.nav a.btn-warning:active,
.btn-warning.active,
.nav a.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.open > .dropdown-toggle.nav a.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.nav a.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
.nav a.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .nav a.btn-warning:hover,
.btn-warning.disabled:focus,
.nav a.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
.nav a.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .nav a.btn-warning:focus,
.btn-warning.disabled.focus,
.nav a.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
.nav a.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .nav a.btn-warning.focus {
  background-color: #C83232;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-warning .badge,
.nav a.btn-warning .badge {
  color: #C83232;
  background-color: #FFFFFF;
}
.btn-quiet,
.nav a.btn-quiet {
  color: #FFFFFF;
  background-color: #a8a8b6;
  border-left: 2px solid #a8a8b6;
  border-top: 2px solid #a8a8b6;
  border-right: 2px solid #a8a8b6;
  border-bottom: 2px solid #a8a8b6;
}
.btn-quiet:focus,
.nav a.btn-quiet:focus,
.btn-quiet.focus,
.nav a.btn-quiet.focus {
  color: #FFFFFF;
}
.btn-quiet:hover,
.nav a.btn-quiet:hover {
  background-color: #717187;
  color: #FFFFFF;
  border-left: 2px solid #424250;
  border-top: 2px solid #424250;
  border-right: 2px solid #424250;
  border-bottom: 2px solid #424250;
}
.btn-quiet:active,
.nav a.btn-quiet:active,
.btn-quiet.active,
.nav a.btn-quiet.active,
.open > .dropdown-toggle.btn-quiet,
.open > .dropdown-toggle.nav a.btn-quiet {
  color: #FFFFFF;
  background-color: #717187;
  border-left: 2px solid #424250;
  border-top: 2px solid #424250;
  border-right: 2px solid #424250;
  border-bottom: 2px solid #424250;
}
.btn-quiet:active:hover,
.nav a.btn-quiet:active:hover,
.btn-quiet.active:hover,
.nav a.btn-quiet.active:hover,
.open > .dropdown-toggle.btn-quiet:hover,
.open > .dropdown-toggle.nav a.btn-quiet:hover,
.btn-quiet:active:focus,
.nav a.btn-quiet:active:focus,
.btn-quiet.active:focus,
.nav a.btn-quiet.active:focus,
.open > .dropdown-toggle.btn-quiet:focus,
.open > .dropdown-toggle.nav a.btn-quiet:focus,
.btn-quiet:active.focus,
.nav a.btn-quiet:active.focus,
.btn-quiet.active.focus,
.nav a.btn-quiet.active.focus,
.open > .dropdown-toggle.btn-quiet.focus,
.open > .dropdown-toggle.nav a.btn-quiet.focus {
  color: #FFFFFF;
  background-color: #717187;
  border-color: #424250;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-quiet:active,
.nav a.btn-quiet:active,
.btn-quiet.active,
.nav a.btn-quiet.active,
.open > .dropdown-toggle.btn-quiet,
.open > .dropdown-toggle.nav a.btn-quiet {
  background-image: none;
}
.btn-quiet.disabled:hover,
.nav a.btn-quiet.disabled:hover,
.btn-quiet[disabled]:hover,
.nav a.btn-quiet[disabled]:hover,
fieldset[disabled] .btn-quiet:hover,
fieldset[disabled] .nav a.btn-quiet:hover,
.btn-quiet.disabled:focus,
.nav a.btn-quiet.disabled:focus,
.btn-quiet[disabled]:focus,
.nav a.btn-quiet[disabled]:focus,
fieldset[disabled] .btn-quiet:focus,
fieldset[disabled] .nav a.btn-quiet:focus,
.btn-quiet.disabled.focus,
.nav a.btn-quiet.disabled.focus,
.btn-quiet[disabled].focus,
.nav a.btn-quiet[disabled].focus,
fieldset[disabled] .btn-quiet.focus,
fieldset[disabled] .nav a.btn-quiet.focus {
  background-color: #a8a8b6;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-quiet .badge,
.nav a.btn-quiet .badge {
  color: #a8a8b6;
  background-color: #FFFFFF;
}
.btn-link,
.nav a.btn-link {
  color: #2121AC;
  background-color: transparent;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn-link:focus,
.nav a.btn-link:focus,
.btn-link.focus,
.nav a.btn-link.focus {
  color: #2121AC;
}
.btn-link:hover,
.nav a.btn-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #0000cd;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn-link:active,
.nav a.btn-link:active,
.btn-link.active,
.nav a.btn-link.active,
.open > .dropdown-toggle.btn-link,
.open > .dropdown-toggle.nav a.btn-link {
  color: #0000cd;
  background-color: rgba(255, 255, 255, 0.2);
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn-link:active:hover,
.nav a.btn-link:active:hover,
.btn-link.active:hover,
.nav a.btn-link.active:hover,
.open > .dropdown-toggle.btn-link:hover,
.open > .dropdown-toggle.nav a.btn-link:hover,
.btn-link:active:focus,
.nav a.btn-link:active:focus,
.btn-link.active:focus,
.nav a.btn-link.active:focus,
.open > .dropdown-toggle.btn-link:focus,
.open > .dropdown-toggle.nav a.btn-link:focus,
.btn-link:active.focus,
.nav a.btn-link:active.focus,
.btn-link.active.focus,
.nav a.btn-link.active.focus,
.open > .dropdown-toggle.btn-link.focus,
.open > .dropdown-toggle.nav a.btn-link.focus {
  color: #0000cd;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-link:active,
.nav a.btn-link:active,
.btn-link.active,
.nav a.btn-link.active,
.open > .dropdown-toggle.btn-link,
.open > .dropdown-toggle.nav a.btn-link {
  background-image: none;
}
.btn-link.disabled:hover,
.nav a.btn-link.disabled:hover,
.btn-link[disabled]:hover,
.nav a.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .nav a.btn-link:hover,
.btn-link.disabled:focus,
.nav a.btn-link.disabled:focus,
.btn-link[disabled]:focus,
.nav a.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .nav a.btn-link:focus,
.btn-link.disabled.focus,
.nav a.btn-link.disabled.focus,
.btn-link[disabled].focus,
.nav a.btn-link[disabled].focus,
fieldset[disabled] .btn-link.focus,
fieldset[disabled] .nav a.btn-link.focus {
  background-color: transparent;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-link .badge,
.nav a.btn-link .badge {
  color: transparent;
  background-color: #2121AC;
}
.navbar-inverse .btn-link {
  color: #2121AC;
}
.btn-link-reverse,
.nav a.btn-link-reverse {
  color: #FFFFFF;
  background-color: transparent;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn-link-reverse:focus,
.nav a.btn-link-reverse:focus,
.btn-link-reverse.focus,
.nav a.btn-link-reverse.focus {
  color: #FFFFFF;
}
.btn-link-reverse:hover,
.nav a.btn-link-reverse:hover {
  background-color: #191981;
  color: #FFFFFF;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn-link-reverse:active,
.nav a.btn-link-reverse:active,
.btn-link-reverse.active,
.nav a.btn-link-reverse.active,
.open > .dropdown-toggle.btn-link-reverse,
.open > .dropdown-toggle.nav a.btn-link-reverse {
  color: #FFFFFF;
  background-color: #191981;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn-link-reverse:active:hover,
.nav a.btn-link-reverse:active:hover,
.btn-link-reverse.active:hover,
.nav a.btn-link-reverse.active:hover,
.open > .dropdown-toggle.btn-link-reverse:hover,
.open > .dropdown-toggle.nav a.btn-link-reverse:hover,
.btn-link-reverse:active:focus,
.nav a.btn-link-reverse:active:focus,
.btn-link-reverse.active:focus,
.nav a.btn-link-reverse.active:focus,
.open > .dropdown-toggle.btn-link-reverse:focus,
.open > .dropdown-toggle.nav a.btn-link-reverse:focus,
.btn-link-reverse:active.focus,
.nav a.btn-link-reverse:active.focus,
.btn-link-reverse.active.focus,
.nav a.btn-link-reverse.active.focus,
.open > .dropdown-toggle.btn-link-reverse.focus,
.open > .dropdown-toggle.nav a.btn-link-reverse.focus {
  color: #FFFFFF;
  background-color: #191981;
  border-color: transparent;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-link-reverse:active,
.nav a.btn-link-reverse:active,
.btn-link-reverse.active,
.nav a.btn-link-reverse.active,
.open > .dropdown-toggle.btn-link-reverse,
.open > .dropdown-toggle.nav a.btn-link-reverse {
  background-image: none;
}
.btn-link-reverse.disabled:hover,
.nav a.btn-link-reverse.disabled:hover,
.btn-link-reverse[disabled]:hover,
.nav a.btn-link-reverse[disabled]:hover,
fieldset[disabled] .btn-link-reverse:hover,
fieldset[disabled] .nav a.btn-link-reverse:hover,
.btn-link-reverse.disabled:focus,
.nav a.btn-link-reverse.disabled:focus,
.btn-link-reverse[disabled]:focus,
.nav a.btn-link-reverse[disabled]:focus,
fieldset[disabled] .btn-link-reverse:focus,
fieldset[disabled] .nav a.btn-link-reverse:focus,
.btn-link-reverse.disabled.focus,
.nav a.btn-link-reverse.disabled.focus,
.btn-link-reverse[disabled].focus,
.nav a.btn-link-reverse[disabled].focus,
fieldset[disabled] .btn-link-reverse.focus,
fieldset[disabled] .nav a.btn-link-reverse.focus {
  background-color: transparent;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-link-reverse .badge,
.nav a.btn-link-reverse .badge {
  color: transparent;
  background-color: #FFFFFF;
}
.has_underline:hover {
  text-decoration: underline;
  background-color: transparent;
}
.btn-reverse,
.nav a.btn-reverse {
  color: #FFFFFF;
  background-color: transparent;
  border-left: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.btn-reverse:focus,
.nav a.btn-reverse:focus,
.btn-reverse.focus,
.nav a.btn-reverse.focus {
  color: #FFFFFF;
}
.btn-reverse:hover,
.nav a.btn-reverse:hover {
  background-color: #191981;
  color: #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.btn-reverse:active,
.nav a.btn-reverse:active,
.btn-reverse.active,
.nav a.btn-reverse.active,
.open > .dropdown-toggle.btn-reverse,
.open > .dropdown-toggle.nav a.btn-reverse {
  color: #FFFFFF;
  background-color: #191981;
  border-left: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.btn-reverse:active:hover,
.nav a.btn-reverse:active:hover,
.btn-reverse.active:hover,
.nav a.btn-reverse.active:hover,
.open > .dropdown-toggle.btn-reverse:hover,
.open > .dropdown-toggle.nav a.btn-reverse:hover,
.btn-reverse:active:focus,
.nav a.btn-reverse:active:focus,
.btn-reverse.active:focus,
.nav a.btn-reverse.active:focus,
.open > .dropdown-toggle.btn-reverse:focus,
.open > .dropdown-toggle.nav a.btn-reverse:focus,
.btn-reverse:active.focus,
.nav a.btn-reverse:active.focus,
.btn-reverse.active.focus,
.nav a.btn-reverse.active.focus,
.open > .dropdown-toggle.btn-reverse.focus,
.open > .dropdown-toggle.nav a.btn-reverse.focus {
  color: #FFFFFF;
  background-color: #191981;
  border-color: #FFFFFF;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-reverse:active,
.nav a.btn-reverse:active,
.btn-reverse.active,
.nav a.btn-reverse.active,
.open > .dropdown-toggle.btn-reverse,
.open > .dropdown-toggle.nav a.btn-reverse {
  background-image: none;
}
.btn-reverse.disabled:hover,
.nav a.btn-reverse.disabled:hover,
.btn-reverse[disabled]:hover,
.nav a.btn-reverse[disabled]:hover,
fieldset[disabled] .btn-reverse:hover,
fieldset[disabled] .nav a.btn-reverse:hover,
.btn-reverse.disabled:focus,
.nav a.btn-reverse.disabled:focus,
.btn-reverse[disabled]:focus,
.nav a.btn-reverse[disabled]:focus,
fieldset[disabled] .btn-reverse:focus,
fieldset[disabled] .nav a.btn-reverse:focus,
.btn-reverse.disabled.focus,
.nav a.btn-reverse.disabled.focus,
.btn-reverse[disabled].focus,
.nav a.btn-reverse[disabled].focus,
fieldset[disabled] .btn-reverse.focus,
fieldset[disabled] .nav a.btn-reverse.focus {
  background-color: transparent;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-reverse .badge,
.nav a.btn-reverse .badge {
  color: transparent;
  background-color: #FFFFFF;
}
.btn-my,
.nav a.btn-my {
  color: white;
  background-color: pink;
  border-left: 2px solid yellow;
  border-top: 2px solid red;
  border-right: 2px solid turquoise;
  border-bottom: 2px solid aqua;
}
.btn-my:focus,
.nav a.btn-my:focus,
.btn-my.focus,
.nav a.btn-my.focus {
  color: white;
}
.btn-my:hover,
.nav a.btn-my:hover {
  background-color: #007f80;
  color: white;
  border-left: 2px solid yellow;
  border-top: 2px solid red;
  border-right: 2px solid turquoise;
  border-bottom: 2px solid aqua;
}
.btn-my:active,
.nav a.btn-my:active,
.btn-my.active,
.nav a.btn-my.active,
.open > .dropdown-toggle.btn-my,
.open > .dropdown-toggle.nav a.btn-my {
  color: white;
  background-color: #007f80;
  border-left: 2px solid yellow;
  border-top: 2px solid red;
  border-right: 2px solid turquoise;
  border-bottom: 2px solid aqua;
}
.btn-my:active:hover,
.nav a.btn-my:active:hover,
.btn-my.active:hover,
.nav a.btn-my.active:hover,
.open > .dropdown-toggle.btn-my:hover,
.open > .dropdown-toggle.nav a.btn-my:hover,
.btn-my:active:focus,
.nav a.btn-my:active:focus,
.btn-my.active:focus,
.nav a.btn-my.active:focus,
.open > .dropdown-toggle.btn-my:focus,
.open > .dropdown-toggle.nav a.btn-my:focus,
.btn-my:active.focus,
.nav a.btn-my:active.focus,
.btn-my.active.focus,
.nav a.btn-my.active.focus,
.open > .dropdown-toggle.btn-my.focus,
.open > .dropdown-toggle.nav a.btn-my.focus {
  color: white;
  background-color: #007f80;
  border-color: yellow;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-my:active,
.nav a.btn-my:active,
.btn-my.active,
.nav a.btn-my.active,
.open > .dropdown-toggle.btn-my,
.open > .dropdown-toggle.nav a.btn-my {
  background-image: none;
}
.btn-my.disabled:hover,
.nav a.btn-my.disabled:hover,
.btn-my[disabled]:hover,
.nav a.btn-my[disabled]:hover,
fieldset[disabled] .btn-my:hover,
fieldset[disabled] .nav a.btn-my:hover,
.btn-my.disabled:focus,
.nav a.btn-my.disabled:focus,
.btn-my[disabled]:focus,
.nav a.btn-my[disabled]:focus,
fieldset[disabled] .btn-my:focus,
fieldset[disabled] .nav a.btn-my:focus,
.btn-my.disabled.focus,
.nav a.btn-my.disabled.focus,
.btn-my[disabled].focus,
.nav a.btn-my[disabled].focus,
fieldset[disabled] .btn-my.focus,
fieldset[disabled] .nav a.btn-my.focus {
  background-color: pink;
  border-color: #2121AC;
  outline: 0px auto -webkit-focus-ring-color;
}
.btn-my .badge,
.nav a.btn-my .badge {
  color: pink;
  background-color: white;
}
.button-text-link {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
  text-align: center;
}
.button-text-link:hover {
  color: #0000cd;
}
.button-icon {
  color: #8c8c9f;
  text-align: center;
}
.button-icon i {
  font-size: 18px;
  float: left;
}
.button-icon:hover i {
  color: #0000cd;
}
.button-margin-left {
  margin-left: 6px;
}
.button-margin-right {
  margin-right: 6px;
}
.breadcrumb {
  background-color: transparent;
  margin-bottom: 0px;
}
.breadcrumb a {
  text-transform: uppercase;
}
.btn i.td-icon,
a i.td-icon {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 6px;
  margin-left: -6px;
}
.btn i.arrow-down,
a i.arrow-down {
  /*float: right;*/
  margin-left: 6px;
}
a.btn {
  text-transform: uppercase;
}
.btn-link {
  font-weight: bold;
}
.material-icons,
.nav a {
  vertical-align: middle;
}
/* Rules for sizing the icon. */
.material-icons.md-10 {
  font-size: 8px;
}
.material-icons.md-10 {
  font-size: 10px;
}
.material-icons.md-10 {
  font-size: 12px;
}
.material-icons.md-14 {
  font-size: 14px;
}
.material-icons.md-14 {
  font-size: 16px;
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-20 {
  font-size: 20px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}
/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: #ffffff;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18.2px;
  margin: 0px;
  margin-bottom: 2.16666667px;
  margin-top: 0px;
  line-height: 22.6px;
}
.small {
  font-size: 80%;
}
.tiny {
  font-size: 50%;
}
.light {
  color: #a8a8b6;
}
a {
  color: #2121AC;
  /*font-weight: bold;*/
}
a:hover {
  color: #0000cd;
  text-decoration: underline !important;
}
nav a,
.btn a {
  text-decoration: none !important;
}
nav a:hover,
.btn a:hover {
  text-decoration: none !important;
}
a.btn {
  text-decoration: none !important;
}
a.btn:hover {
  text-decoration: none !important;
}
.list-group a {
  text-decoration: none !important;
}
.list-group a:hover {
  text-decoration: none !important;
}
a.icon-link {
  color: #717187;
}
a.icon-link:hover {
  color: #0000cd;
  text-decoration: underline;
}
.icon-link {
  color: #717187;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
}
.td-module h1,
.td-module h2,
.td-module h3,
.td-module h4,
.td-module h5,
.td-module h6 {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  color: #2b2b34;
}
.reverse {
  color: #FFFFFF;
}
h6 {
  text-transform: uppercase;
}
@media (min-width: 1600px) {
  h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 39.2px;
    margin: 0px;
    margin-bottom: 4.66666667px;
    margin-top: 0px;
    color: #000000;
  }
  h2 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 36.4px;
    margin: 0px;
    margin-bottom: 4.33333333px;
    margin-top: 0px;
    color: #000000;
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 33.6px;
    margin: 0px;
    margin-bottom: 4px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    margin: 0px;
    margin-bottom: 2.66666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h6 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    margin: 0px;
    margin-bottom: 2.66666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  p,
  li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    margin: 0px;
    margin-bottom: 2.66666667px;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 0px;
  }
  p.lead {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    margin: 0px;
    margin-bottom: 2.66666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
}
@media (max-width: 1600px) {
  h1 {
    font-size: 25.2px;
    font-size: 2.52rem;
    line-height: 35.28px;
    margin: 0px;
    margin-bottom: 4.2px;
    margin-top: 0px;
    color: #000000;
  }
  h2 {
    font-size: 23.4px;
    font-size: 2.3400000000000003rem;
    line-height: 32.76px;
    margin: 0px;
    margin-bottom: 3.9px;
    margin-top: 0px;
    color: #000000;
  }
  h3 {
    font-size: 21.6px;
    font-size: 2.16rem;
    line-height: 30.24px;
    margin: 0px;
    margin-bottom: 3.6px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h4 {
    font-size: 14.4px;
    font-size: 1.44rem;
    line-height: 20.16px;
    margin: 0px;
    margin-bottom: 2.4px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h5 {
    font-size: 12.6px;
    font-size: 1.26rem;
    line-height: 17.64px;
    margin: 0px;
    margin-bottom: 2.1px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h6 {
    font-size: 14.4px;
    font-size: 1.44rem;
    line-height: 20.16px;
    margin: 0px;
    margin-bottom: 2.4px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  p,
  li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    margin: 0px;
    margin-bottom: 2.66666667px;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 0px;
  }
  p.lead {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    margin: 0px;
    margin-bottom: 2.66666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
}
@media (max-width: 1200px) {
  h1 {
    font-size: 22.4px;
    font-size: 2.24rem;
    line-height: 31.36px;
    margin: 0px;
    margin-bottom: 3.73333333px;
    margin-top: 0px;
    color: #000000;
  }
  h2 {
    font-size: 20.8px;
    font-size: 2.08rem;
    line-height: 29.12px;
    margin: 0px;
    margin-bottom: 3.46666667px;
    margin-top: 0px;
    color: #000000;
  }
  h3 {
    font-size: 19.2px;
    font-size: 1.9200000000000004rem;
    line-height: 26.88px;
    margin: 0px;
    margin-bottom: 3.2px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h4 {
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 17.92px;
    margin: 0px;
    margin-bottom: 2.13333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h5 {
    font-size: 11.2px;
    font-size: 1.12rem;
    line-height: 15.68px;
    margin: 0px;
    margin-bottom: 1.86666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h6 {
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 17.92px;
    margin: 0px;
    margin-bottom: 2.13333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  p,
  li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 0px;
  }
  p.lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 19.6px;
    font-size: 1.9599999999999997rem;
    line-height: 27.44px;
    margin: 0px;
    margin-bottom: 3.26666667px;
    margin-top: 0px;
    color: #000000;
  }
  h2 {
    font-size: 18.2px;
    font-size: 1.8199999999999998rem;
    line-height: 25.48px;
    margin: 0px;
    margin-bottom: 3.03333333px;
    margin-top: 0px;
    color: #000000;
  }
  h3 {
    font-size: 16.8px;
    font-size: 1.6799999999999997rem;
    line-height: 23.52px;
    margin: 0px;
    margin-bottom: 2.8px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h4 {
    font-size: 11.2px;
    font-size: 1.1199999999999999rem;
    line-height: 15.68px;
    margin: 0px;
    margin-bottom: 1.86666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h5 {
    font-size: 9.8px;
    font-size: 0.9799999999999999rem;
    line-height: 13.72px;
    margin: 0px;
    margin-bottom: 1.63333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h6 {
    font-size: 11.2px;
    font-size: 1.1199999999999999rem;
    line-height: 15.68px;
    margin: 0px;
    margin-bottom: 1.86666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  p,
  li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 0px;
  }
  p.lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 19.6px;
    font-size: 1.9599999999999997rem;
    line-height: 27.44px;
    margin: 0px;
    margin-bottom: 3.26666667px;
    margin-top: 0px;
    color: #000000;
  }
  h2 {
    font-size: 18.2px;
    font-size: 1.8199999999999998rem;
    line-height: 25.48px;
    margin: 0px;
    margin-bottom: 3.03333333px;
    margin-top: 0px;
    color: #000000;
  }
  h3 {
    font-size: 16.8px;
    font-size: 1.6799999999999997rem;
    line-height: 23.52px;
    margin: 0px;
    margin-bottom: 2.8px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h4 {
    font-size: 11.2px;
    font-size: 1.1199999999999999rem;
    line-height: 15.68px;
    margin: 0px;
    margin-bottom: 1.86666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h5 {
    font-size: 9.8px;
    font-size: 0.9799999999999999rem;
    line-height: 13.72px;
    margin: 0px;
    margin-bottom: 1.63333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h6 {
    font-size: 11.2px;
    font-size: 1.1199999999999999rem;
    line-height: 15.68px;
    margin: 0px;
    margin-bottom: 1.86666667px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  p,
  li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 0px;
  }
  p.lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 16.8px;
    font-size: 1.6800000000000002rem;
    line-height: 23.52px;
    margin: 0px;
    margin-bottom: 2.8px;
    margin-top: 0px;
    color: #000000;
  }
  h2 {
    font-size: 15.6px;
    font-size: 1.56rem;
    line-height: 21.84px;
    margin: 0px;
    margin-bottom: 2.6px;
    margin-top: 0px;
    color: #000000;
  }
  h3 {
    font-size: 14.4px;
    font-size: 1.44rem;
    line-height: 20.16px;
    margin: 0px;
    margin-bottom: 2.4px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h4 {
    font-size: 9.6px;
    font-size: 0.96rem;
    line-height: 13.44px;
    margin: 0px;
    margin-bottom: 1.6px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h5 {
    font-size: 8.4px;
    font-size: 0.8400000000000001rem;
    line-height: 11.76px;
    margin: 0px;
    margin-bottom: 1.4px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  h6 {
    font-size: 9.6px;
    font-size: 0.96rem;
    line-height: 13.44px;
    margin: 0px;
    margin-bottom: 1.6px;
    margin-top: 0px;
    color: #5a5a6b;
  }
  p,
  li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 0px;
  }
  p.lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.6px;
    margin: 0px;
    margin-bottom: 2.33333333px;
    margin-top: 0px;
    color: #5a5a6b;
  }
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1540px;
  }
}
@media (min-width: 1600px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1600px) {
  .container {
    width: 1540px;
  }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1600px) {
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table !important;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1600px) {
  .visible-xl-block {
    display: block !important;
  }
}
@media (min-width: 1600px) {
  .visible-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1600px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1600px) {
  .hidden-xl {
    display: none !important;
  }
}
.product-detail li {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0px;
}
.product-detail .ugc-form-data li.ugc-form-item {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.product-detail .gift-card-info #ugc-printout {
    position: absolute;
    top: 0;
    right: 0;
}
.product-detail .gift-card-info #ugc-printout > button {
    padding: 0 5px;
    text-transform: none;
}
.product-detail .gift-card-info ~ .custom-price-area {
  margin-bottom: 0;
}
.ampromo-desc img {
    width: 100%;
}
@media only screen and (max-width: 767px) {
  .ampromo-desc img {
    display:none;
  }
}
.category-link {
  text-transform: uppercase;
  line-height: 0%;
  margin-top: 10px !important;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
}
.cms-trade-depot-home .list-item .category-link {
  height: 35px;
}
.category-link a:hover {
  text-decoration: underline;
}
.category-link i {
  margin-left: -3px;
  margin-top: -3px;
}
.price-label {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 33.6px;
  margin-bottom: 4px;
  margin-top: 0px;
  color: #fa0000;
  line-height: 24px;
  margin: 0px;
}
.price {
  margin-top: 0px;
  width: 100%;
}
.cart-buttons span.price {
  display: inline;
}
.price-old {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  padding-left: 10px;
}
.tier-prices li {
  list-style-type: none;
  margin-left: 0px;
}
.tier-prices .price {
  color: red;
}
.category-products .tier-prices li{
  font-size: 1.2rem;
}
.b-product-img {
  float: right;
}
.price-row-area {
  padding: 10px 0 2px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.price-row-area .price-old-large {
  font-size: 1.4rem;
}
.price-row-area .price-save {
  font-size: 1.4rem;
  font-weight: bold;
}
.price-row-area .price-save .price-save-num {
  color: red;
  font-size: 1.6rem;
}
.sku-position {
  line-height: 14px;
  padding-bottom: 3px;
  clear: both;
}
.sku-position .small label {
  font-size: 11px;
  margin: 0;
}
.no-gst {
  padding-top: 10px;
}
.price-line-through {
  text-decoration: line-through;
  font-size: 1.6rem;
}
.price-metric {
  position: absolute;
  color: #ec1c24;
  top: 8px;
  left: 116px;
  font-size: 13px;
}
.catalog-product-view .price-metric {
  position: absolute;
  color: #ec1c24;
  top: 18px;
  left: 85px;
  font-size: 13px;
}
.sku {
  font-weight: 600;
  color: #424250;
}
.price-gst {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
}
.price-gst-padding {
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 10px 0 0 0;
  display: inline-block;
  color: red;
}
.image-content .badges {
  position: absolute;
  right: 0px;
}
.message {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.6px;
  margin: 0px;
  margin-bottom: 2.33333333px;
  margin-top: 0px;
  font-weight: 600;
  color: white;
  margin: 0 auto;
}
.message.full-width {
  width: 100% !important;
}
.notes {
  /*.font-size(14);*/
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  margin-top: 0px;
  padding-bottom: 4px;
  font-weight: 100;
  /*font-style: italic; */
  color: white;
  margin: 0 auto;
  /*margin-top: 40%;*/
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.preorder {
  position: absolute;
  left: -10px;
  top: -10px;
  width: 100px;
  height: 100px;
  background-image: url("/media/presale-label.png");
}
.message-wrap {
  position: relative;
  height: 0px;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
  z-index:10;
}
.price-message {
  background-color: #fa0000;
  /*display: inline-block;*/
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*margin-top: 40%;*/
  /*width: 126px;*/
  position: absolute;
  right: -10px;
  top: -10px;
}
.sold-out {
  background-color: #424250;
  /*position: absolute;*/
  margin-top: 70px;
  /*left: 25%;*/
  /*right: 25%;*/
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  /*.border-radius(@border-radius-small);*/
  font-size: 18px;
  width: 126px;
  -webkit-border-top-right-radius: 1px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topright: 1px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 1px;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.sold-out-area-p-detail {
  background: #424250;
  line-height: normal;
  text-align: center;
  color: white;
  margin-top:10px;
  margin-left: 87px;
  width: 260px;
  font-size:1.6rem;
}
.cart-buttons h4.sold-out-area-p-detail {
  padding-bottom:0px!important;
}
.sold-out-area-p-detail .sold-out-product-detail {
   margin: -12px 12px 12px!important;
   padding: 10px;
}

.sold-out-area-p-detail .eta-product-detail {
  background-color: red;
  color: white;
  margin:-12px -12px 10px;
  padding: 12px 0px;
}
.sold-out-area-p-detail .chch-only-product-detail {
  padding-bottom: 12px;
}

.sold-out-product-detail {
  background-color: #424250;
  right: 25%;
  color: white;
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.sold-out-product-detail h4 {
  color: white;
}
.sold-out-message {
  /*display: inline-block;*/
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 1px;
  -moz-border-radius-bottomleft: 1px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 126px;
  font-size: 12px;
  color: white;
  background-color: #424250;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.sold-out-message.full-width {
  width: 100% !important;
}
.presale-message {
  /*display: inline-block;*/
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 6px;
  padding-top: 1.5px;
  padding-right: 6px;
  padding-bottom: 1.5px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*width: 126px;*/
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  color: white;
  background-color: #424250;
  display: block;
  margin: 0 auto;
  text-align: center;
  top: -10px;
  right: -10px;
}
.preorder-message {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  color: white;
  background-color: #717187;
  width: 150px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-weight: 100;
  /*font-style: italic; */
}
.preorder-message {
  position: absolute;
  color: #2b2b34;
  left: -32px;
  top: 38px;
}
hr {
  margin-top: 6px;
  margin-bottom: 6px;
}
.amlabel-div {
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
  height: 100%;
  width: 100%;
}
.product-detail .product-brand {
  width: 115px;
  height: 36px;
  right: -10px;
  right: -20px;
}
.product-brand img {
  width: 90px;
  height: 36px;
}
.product-brand {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  position: absolute;
  right: -10px;
  width: 100px;
  height: 30px;
}
#product-label-mobile {
  position: absolute;left: 0;zoom: 0.7;top: 10vh;
}
#product-label-mobile .sold-out{
  margin-top: 0px;
  padding-top: 5px;
}
#product-label-mobile .arriving-message{
  left: 0;width: 120px;margin: 0;
}
.product-brand .sku {
  float: right;
  margin-top: -6px;
  margin-right: 12px;
  overflow: hidden;
  padding-top: 5px;
  width: 150px;
  text-align: right;
}
.td-module .price-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.6px;
  margin: 0px;
  margin-bottom: 2.33333333px;
  margin-top: 0px;
}
.td-module .module-price-tag {
  margin-bottom: 6px;
}
.td-module .price-label-standard {
  padding-left: 12px;
  color: #8c8c9f;
}
/*Flex items*/
.list {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  min-height: 513px;
  position: relative;
  margin-bottom: 40px;
}
.content-detail .list {
    display: block;
    min-height: 0;
}
.cms-trade-depot-home .list {
  text-align: center;
  justify-content: center;
}
.list-item {
  display: flex;
  transition: all 0.5s ease;
  width: 100%;
  margin: 0px;
  text-align: left;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.list-item.brand-91, .list-item.brand-630{
  display: none;
}
.cms-trade-depot-home .list-item {
  margin: 5px;
}
.list-item .short-description p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  text-align: left;
}
.list-item .short-description p a {
  font-weight: normal;
  color: black;
}
.list-item .short-description p a:hover {
  color: #2121AC;
  text-decoration: none;
}

.list-item .price-n-delivery {
  display:flex;
  justify-content:space-between;
  align-items: center;
  padding: 2px 0 7px 0;
}
.list-item .price-n-delivery .price-area {
  display:flex;
  flex-direction: column;
}
.list-item .price-n-delivery .price-area .price-area-sku {
  font-size: 12px;
}
.list-item .price-n-delivery .price-area .price-area-price {
  font-size: 3.0rem;
  line-height: normal;
  color: #fa0000;
  font-weight: 700;
}
.list-item .price-n-delivery .price-area .price-area-price-gst {
  font-size: 16px;
  color: #fa0000;
}
.list-item .price-n-delivery .delivery-area {
  display:flex;
  flex-direction: column;
  align-items: center;
}
.list-item .price-n-delivery .delivery-area .delivery-desc {
  font-size: 12px;
  text-align: center;
}
@media (max-width: 768px) {
  .list-item .xs-right {
    padding-left: 10px;
  }
}
.list-content {
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background-color: white;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #c4c4cd;
}
@media (max-width: 768px) {
  .list-content {
    display: block;
  }
}
.list-content .image-content {
  margin-bottom: 6px;
}
.div-image-container {
  width: 100%;
  padding-top: 100%;
  position: relative;
  margin:33px 0 20px 0;
}
.div-image-container .div-image-container-inside {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.list-content .image-content .product-image {
  object-fit: contain;
}
.list-content .my-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.list-content .my-content .short-description {
  flex-grow: 1;
  position: relative;
}
.list-content .my-content .short-description h5 {
  line-height: 14px;
}
.list-content .my-content .bottom-content {
  flex-grow: 0;
}
.list-content .bottom-content .add-to-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.list-content .bottom-content .add-to-area .wishlist {
  padding: 5px 0 0;
}
.list-content .bottom-content .add-to-area .wishlist a {
  color: black;
  cursor: pointer;
  display:block;
}
@media (min-width: 992px) {
  .bottom-content .left-col-buttom {
    border-right: 1px solid #c7c7d0;
  }
}
.bottom-content .left-col-buttom {
  margin-top: 7px;
  width: 45%;
}
.bottom-content .left-col-buttom div {
  text-align: center;
  font-size: 12px;
}
.bottom-content .row-bottom1 {
  padding:4px 0 10px 0;
}
.bottom-content .right-col-buttom {
  padding: 0 0 0 10px !important;
  width: 55%;
}
.bottom-content .right-col-buttom .free-delevery {
  color: red;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.3em;
}
.bottom-content .right-col-buttom p {
  font-size: 12px;
}
.bottom-content .right-col-buttom span {
  font-size: 11px;
  color: gray;
}
.bottom-content .right-col-buttom .poa-delivery {
  font-size: 11px;
  line-height: normal;
  color: gray;
  padding: 5px 0;
}
.right-col-content {
  background-color: transparent;
}
@media (min-width: 768px) and (max-width: 992px) {
  .right-col-content {
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .list-item {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .list-item {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .list-item {
    width: 220px;
    margin-right: 10px;
  }
  .list-item:nth-child(3n+0) {
    //margin-right: 0px;
  }
  .amlabel-div {
    width: 227.5px;
    height: 197.5px;
  }
  .category-products .amlabel-div {
    width: 218px;
    height: 270px;
  }
}
.amlabel-div {
  /*background-color: fade(lime, 20%);*/
}
@media (min-width: 992px) and (max-width: 1200px) {
  .list-item {
    width: 227.5px;
    margin-right: 10px;
  }
  .list-item:nth-child(4n+0) {
    //margin-right: 0px;
  }
  .amlabel-div {
    width: 227.5px;
  height: 197.5px;
    /*width: 197.5px;*/
    /*background-color: fade(lime, 20%);*/
  }
  .category-products .amlabel-div {
    width: 184px;
    height: 228px;
    /*background-color: fade(red, 20%);*/
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .list-item {
    width: 277px;
    margin-right: 10px;
  }
  .list-item:nth-child(4n+0) {
    //margin-right: 0px;
  }
  .amlabel-div {
    width: 280px;
    height: 270px;
    /*height: 290px !important;*/
    /*background-color: fade(orange, 20%);*/
  }
  .category-products .amlabel-div {
    width: 225px;
    height: 270px;
    /*background-color: fade(tomato, 20%);*/
  }
}
@media (min-width: 1600px) {
  .list-item {
    width: 300px;
    margin-right: 10px;
  }
  .list-item:nth-child(5n+0) {
    //margin-right: 0px;
  }
  .amlabel-div {
    width: 300px;
    height: 290px;
    /*background-color: fade(purple, 20%);*/
  }
  .category-products .amlabel-div {
    width: 244px;
    height: 290px;
    /*background-color: fade(lime, 20%);*/
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .with-attributes .list-item {
    width: 185.5px;
    margin-right: 10px;
  }
  .with-attributes .list-item:nth-child(4n+0) {
    //margin-right: 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .with-attributes .list-item {
    width: 227.5px;
    margin-right: 10px;
  }
  .with-attributes .list-item:nth-child(4n+0) {
    //margin-right: 0px;
  }
}
@media (min-width: 1600px) {
  .with-attributes .list-item {
    width: 246px;
    margin-right: 10px;
  }
  .with-attributes .list-item:nth-child(5n+0) {
    //margin-right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 768px){
  .list-item {
    margin-left: 0px;
  }
}
.freight-promo {
  background-color: #fa0000;
  position: absolute;
  color: white;
  padding: 2px 4px;
  display: inline-block;
}
@media (max-width: 768px) {
  .freight-promo {
    bottom: 0px;
    left: 0px;
    width: 144px;
    //height: 24px;
  }
  span.fp-1 {
    font-size: 11px;
    margin-top: -4px;
  }
  span.fp-2 {
    font-size: 11px;
    margin-top: -4px;
  }
  span.fp-3 {
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .freight-promo {
    bottom: 0px;
    right: -10px;
    width: 100px;
    //height: 54px;
  }
  span.fp-1 {
    font-size: 10px;
  }
  span.fp-2 {
    font-size: 10px;
  }
  span.fp-3 {
    font-weight: bold;
    font-size: 26px;
    display: inline-block;
  }
}
.sold-out-message,
.preorder,
.presale-message,
.price-message {
  display: inline-block;
}
@media (min-width: 768px) {
  .sold-out-message,
  .preorder,
  .presale-message,
  .price-message {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .amlabel-div .bottom-left {
    position: absolute;
    bottom: 0;
    left:0;
  }
  .amlabel-div .top-left {
    display: none;
  }
  .amlabel-div .bottom-right {
    display: none;
  }

  .brand-392 .amlabel-div .top-left {
    display: inline-table;
  }
  .brand-392 .amlabel-div .top-left {
    width: 100% !important;
  }
  .brand-392 .amlabel-div .top-left tr td {
    background-size: contain !important;
  }
  .brand-392 .amlabel-div .top-left tr td .amlabel-txt {
    text-align: left;
    padding-left: 10px;
  }
  .amlabel-div .middle-right {
    zoom:0.6;
    margin-right:-10px;
  }
}

.list-item.big-price .freight-promo {
    display: none;
}
.list-item.big-price .amlabel-div .bottom-left {
    //display: none;
}
.list-item.big-price .amlabel-div .bottom-left {
    //display: none;
}
@media (min-width: 768px) {
    .list-item.big-price .price-label {
        font-size: 3.6rem;
        position: relative;
        letter-spacing: -0px;
        font-weight: bold;
    }
}

th {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
}
.table {
  margin-bottom: 0px;
}
.table thead tr th {
  border-bottom: 2px solid #141418;
}
.table.table-striped > tbody > tr > td {
  border-top: 0px;
}
.table-responsive {
  border: 0px;
}
.page-wrap {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.navbar-bottom {
  border-top: 2px solid white;
}
@media (min-width: 992px) {
  .row.with-padding > .col-xs-1,
  .row.with-padding .col-sm-1,
  .row.with-padding .col-md-1,
  .row.with-padding .col-lg-1,
  .row.with-padding .col-xl-1,
  .row.with-padding .col-xs-2,
  .row.with-padding .col-sm-2,
  .row.with-padding .col-md-2,
  .row.with-padding .col-lg-2,
  .row.with-padding .col-xl-2,
  .row.with-padding .col-xs-3,
  .row.with-padding .col-sm-3,
  .row.with-padding .col-md-3,
  .row.with-padding .col-lg-3,
  .row.with-padding .col-xl-3,
  .row.with-padding .col-xs-4,
  .row.with-padding .col-sm-4,
  .row.with-padding .col-md-4,
  .row.with-padding .col-lg-4,
  .row.with-padding .col-xl-4,
  .row.with-padding .col-xs-5,
  .row.with-padding .col-sm-5,
  .row.with-padding .col-md-5,
  .row.with-padding .col-lg-5,
  .row.with-padding .col-xl-5,
  .row.with-padding .col-xs-6,
  .row.with-padding .col-sm-6,
  .row.with-padding .col-md-6,
  .row.with-padding .col-lg-6,
  .row.with-padding .col-xl-6,
  .row.with-padding .col-xs-7,
  .row.with-padding .col-sm-7,
  .row.with-padding .col-md-7,
  .row.with-padding .col-lg-7,
  .row.with-padding .col-xl-7,
  .row.with-padding .col-xs-8,
  .row.with-padding .col-sm-8,
  .row.with-padding .col-md-8,
  .row.with-padding .col-lg-8,
  .row.with-padding .col-xl-8,
  .row.with-padding .col-xs-9,
  .row.with-padding .col-sm-9,
  .row.with-padding .col-md-9,
  .row.with-padding .col-lg-9,
  .row.with-padding .col-xl-9,
  .row.with-padding .col-xs-10,
  .row.with-padding .col-sm-10,
  .row.with-padding .col-md-10,
  .row.with-padding .col-lg-10,
  .row.with-padding .col-xl-10,
  .row.with-padding .col-xs-11,
  .row.with-padding .col-sm-11,
  .row.with-padding .col-md-11,
  .row.with-padding .col-lg-11,
  .row.with-padding .col-xl-11,
  .row.with-padding .col-xs-12,
  .row.with-padding .col-sm-12,
  .row.with-padding .col-md-12,
  .row.with-padding .col-lg-12,
  .row.with-padding .col-xl-12 {
    padding-left: 10px !important;
  }
  .row.with-padding > .col-xs-1:first-child,
  .row.with-padding .col-sm-1:first-child,
  .row.with-padding .col-md-1:first-child,
  .row.with-padding .col-lg-1:first-child,
  .row.with-padding .col-xl-1:first-child,
  .row.with-padding .col-xs-2:first-child,
  .row.with-padding .col-sm-2:first-child,
  .row.with-padding .col-md-2:first-child,
  .row.with-padding .col-lg-2:first-child,
  .row.with-padding .col-xl-2:first-child,
  .row.with-padding .col-xs-3:first-child,
  .row.with-padding .col-sm-3:first-child,
  .row.with-padding .col-md-3:first-child,
  .row.with-padding .col-lg-3:first-child,
  .row.with-padding .col-xl-3:first-child,
  .row.with-padding .col-xs-4:first-child,
  .row.with-padding .col-sm-4:first-child,
  .row.with-padding .col-md-4:first-child,
  .row.with-padding .col-lg-4:first-child,
  .row.with-padding .col-xl-4:first-child,
  .row.with-padding .col-xs-5:first-child,
  .row.with-padding .col-sm-5:first-child,
  .row.with-padding .col-md-5:first-child,
  .row.with-padding .col-lg-5:first-child,
  .row.with-padding .col-xl-5:first-child,
  .row.with-padding .col-xs-6:first-child,
  .row.with-padding .col-sm-6:first-child,
  .row.with-padding .col-md-6:first-child,
  .row.with-padding .col-lg-6:first-child,
  .row.with-padding .col-xl-6:first-child,
  .row.with-padding .col-xs-7:first-child,
  .row.with-padding .col-sm-7:first-child,
  .row.with-padding .col-md-7:first-child,
  .row.with-padding .col-lg-7:first-child,
  .row.with-padding .col-xl-7:first-child,
  .row.with-padding .col-xs-8:first-child,
  .row.with-padding .col-sm-8:first-child,
  .row.with-padding .col-md-8:first-child,
  .row.with-padding .col-lg-8:first-child,
  .row.with-padding .col-xl-8:first-child,
  .row.with-padding .col-xs-9:first-child,
  .row.with-padding .col-sm-9:first-child,
  .row.with-padding .col-md-9:first-child,
  .row.with-padding .col-lg-9:first-child,
  .row.with-padding .col-xl-9:first-child,
  .row.with-padding .col-xs-10:first-child,
  .row.with-padding .col-sm-10:first-child,
  .row.with-padding .col-md-10:first-child,
  .row.with-padding .col-lg-10:first-child,
  .row.with-padding .col-xl-10:first-child,
  .row.with-padding .col-xs-11:first-child,
  .row.with-padding .col-sm-11:first-child,
  .row.with-padding .col-md-11:first-child,
  .row.with-padding .col-lg-11:first-child,
  .row.with-padding .col-xl-11:first-child,
  .row.with-padding .col-xs-12:first-child,
  .row.with-padding .col-sm-12:first-child,
  .row.with-padding .col-md-12:first-child,
  .row.with-padding .col-lg-12:first-child,
  .row.with-padding .col-xl-12:first-child {
    padding-left: 0px !important;
  }
  .row.with-padding > .col-xs-1 .no-padding,
  .row.with-padding .col-sm-1 .no-padding,
  .row.with-padding .col-md-1 .no-padding,
  .row.with-padding .col-lg-1 .no-padding,
  .row.with-padding .col-xl-1 .no-padding,
  .row.with-padding .col-xs-2 .no-padding,
  .row.with-padding .col-sm-2 .no-padding,
  .row.with-padding .col-md-2 .no-padding,
  .row.with-padding .col-lg-2 .no-padding,
  .row.with-padding .col-xl-2 .no-padding,
  .row.with-padding .col-xs-3 .no-padding,
  .row.with-padding .col-sm-3 .no-padding,
  .row.with-padding .col-md-3 .no-padding,
  .row.with-padding .col-lg-3 .no-padding,
  .row.with-padding .col-xl-3 .no-padding,
  .row.with-padding .col-xs-4 .no-padding,
  .row.with-padding .col-sm-4 .no-padding,
  .row.with-padding .col-md-4 .no-padding,
  .row.with-padding .col-lg-4 .no-padding,
  .row.with-padding .col-xl-4 .no-padding,
  .row.with-padding .col-xs-5 .no-padding,
  .row.with-padding .col-sm-5 .no-padding,
  .row.with-padding .col-md-5 .no-padding,
  .row.with-padding .col-lg-5 .no-padding,
  .row.with-padding .col-xl-5 .no-padding,
  .row.with-padding .col-xs-6 .no-padding,
  .row.with-padding .col-sm-6 .no-padding,
  .row.with-padding .col-md-6 .no-padding,
  .row.with-padding .col-lg-6 .no-padding,
  .row.with-padding .col-xl-6 .no-padding,
  .row.with-padding .col-xs-7 .no-padding,
  .row.with-padding .col-sm-7 .no-padding,
  .row.with-padding .col-md-7 .no-padding,
  .row.with-padding .col-lg-7 .no-padding,
  .row.with-padding .col-xl-7 .no-padding,
  .row.with-padding .col-xs-8 .no-padding,
  .row.with-padding .col-sm-8 .no-padding,
  .row.with-padding .col-md-8 .no-padding,
  .row.with-padding .col-lg-8 .no-padding,
  .row.with-padding .col-xl-8 .no-padding,
  .row.with-padding .col-xs-9 .no-padding,
  .row.with-padding .col-sm-9 .no-padding,
  .row.with-padding .col-md-9 .no-padding,
  .row.with-padding .col-lg-9 .no-padding,
  .row.with-padding .col-xl-9 .no-padding,
  .row.with-padding .col-xs-10 .no-padding,
  .row.with-padding .col-sm-10 .no-padding,
  .row.with-padding .col-md-10 .no-padding,
  .row.with-padding .col-lg-10 .no-padding,
  .row.with-padding .col-xl-10 .no-padding,
  .row.with-padding .col-xs-11 .no-padding,
  .row.with-padding .col-sm-11 .no-padding,
  .row.with-padding .col-md-11 .no-padding,
  .row.with-padding .col-lg-11 .no-padding,
  .row.with-padding .col-xl-11 .no-padding,
  .row.with-padding .col-xs-12 .no-padding,
  .row.with-padding .col-sm-12 .no-padding,
  .row.with-padding .col-md-12 .no-padding,
  .row.with-padding .col-lg-12 .no-padding,
  .row.with-padding .col-xl-12 .no-padding {
    padding-left: 0px !important;
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .row.with-padding > .col-xs-1,
  .row.with-padding .col-sm-1,
  .row.with-padding .col-md-1,
  .row.with-padding .col-lg-1,
  .row.with-padding .col-xl-1,
  .row.with-padding .col-xs-2,
  .row.with-padding .col-sm-2,
  .row.with-padding .col-md-2,
  .row.with-padding .col-lg-2,
  .row.with-padding .col-xl-2,
  .row.with-padding .col-xs-3,
  .row.with-padding .col-sm-3,
  .row.with-padding .col-md-3,
  .row.with-padding .col-lg-3,
  .row.with-padding .col-xl-3,
  .row.with-padding .col-xs-4,
  .row.with-padding .col-sm-4,
  .row.with-padding .col-md-4,
  .row.with-padding .col-lg-4,
  .row.with-padding .col-xl-4,
  .row.with-padding .col-xs-5,
  .row.with-padding .col-sm-5,
  .row.with-padding .col-md-5,
  .row.with-padding .col-lg-5,
  .row.with-padding .col-xl-5,
  .row.with-padding .col-xs-6,
  .row.with-padding .col-sm-6,
  .row.with-padding .col-md-6,
  .row.with-padding .col-lg-6,
  .row.with-padding .col-xl-6,
  .row.with-padding .col-xs-7,
  .row.with-padding .col-sm-7,
  .row.with-padding .col-md-7,
  .row.with-padding .col-lg-7,
  .row.with-padding .col-xl-7,
  .row.with-padding .col-xs-8,
  .row.with-padding .col-sm-8,
  .row.with-padding .col-md-8,
  .row.with-padding .col-lg-8,
  .row.with-padding .col-xl-8,
  .row.with-padding .col-xs-9,
  .row.with-padding .col-sm-9,
  .row.with-padding .col-md-9,
  .row.with-padding .col-lg-9,
  .row.with-padding .col-xl-9,
  .row.with-padding .col-xs-10,
  .row.with-padding .col-sm-10,
  .row.with-padding .col-md-10,
  .row.with-padding .col-lg-10,
  .row.with-padding .col-xl-10,
  .row.with-padding .col-xs-11,
  .row.with-padding .col-sm-11,
  .row.with-padding .col-md-11,
  .row.with-padding .col-lg-11,
  .row.with-padding .col-xl-11,
  .row.with-padding .col-xs-12,
  .row.with-padding .col-sm-12,
  .row.with-padding .col-md-12,
  .row.with-padding .col-lg-12,
  .row.with-padding .col-xl-12 {
    margin-right: 6px;
    margin-left: 6px;
  }
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
  sposition: relative;
  min-height: 1px;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 480px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 768px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1400px) {
  .col-xl-15 {
    width: 20%;
    float: left;
  }
}
/* Change the white to any color ;) */
input:-webkit-autofill {
}
.form-group.no-margin {
  margin-top: 0px;
}
.form-control {
  padding: 22px 6px;
}
.shipping-address {
  display: none;
  margin-top: 20px;
}
.marker-wrap {
  position: relative;
}
.marker-wrap .marker {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #2121AC;
  color: white;
  position: relative;
}
.marker-wrap .marker .marker-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.marker-wrap .marker-label {
  position: absolute;
  top: 20%;
  left: 60px;
}
.form-space {
  height: 10px;
}
.form-space-large {
  height: 16px;
  display: block;
}
.attribute-filters .form-group {
  padding-bottom: 0px;
  margin: 0px 0 0 0;
}
.td-table .form-group {
  padding-bottom: 0px;
  margin: 0px 0 0 0;
}
.td-table .btn.icon-link {
  padding: 0px;
  margin-top: -6px;
}
.td-table .qty {
  width: 30px;
  margin-top: -34px;
  text-align: center;
}
.checkbox .checkbox-material {
  margin-right: 4px;
}
select.td-select {
  border: 2px solid #2121AC !important;
  background: transparent;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 48px !important;
  font-size: 16px;
  border: 1px solid blue;
  height: 34px;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-position: 98% !important;
  color: #fa0000;
  /*content: 'hello' !important;*/
  background-image: url('https://www.tradedepot.co.nz/skin/frontend/default/sns_i8style/td2016-modifications/css/data:image/svg+xml;utf-8,<sv')fill="navy" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"/><path d="M0-.75h24v24H0z" fill="none"/></svg>');
  background-repeat: no-repeat;
  width: 100%;
  background-position-x: right;
  background-position-y: center;
}
select::-ms-expand {
  /* for IE 11 */
}
select::-ms-expand.td-select {
  display: none;
}
@media (max-width: 768px) {
  .input-group-search-bar {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .input-group-search-bar {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.carousel-inner > .item {
  text-align: center;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
  margin: 0 auto;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control .glyphicon {
  filter: alpha(opacity=10);
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.left .glyphicon {
  filter: alpha(opacity=10);
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.carousel-control.left:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.left:hover .glyphicon {
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=1);
}
.carousel-control.right .glyphicon {
  filter: alpha(opacity=10);
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.carousel-control.right:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.9) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1);
}
.carousel-control.right:hover .glyphicon {
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.list-group {
  margin-bottom: 10px;
}
.attribute-name {
  display: inline;
  padding: 0;
  text-transform: uppercase;
  font-size: 120%;
  color: #717187;
}
a.list-group-item {
  text-transform: uppercase;
}
.list-group-item {
  border-left: 0px;
  border-right: 0px;
}
.list-group-item:first-child {
  border-top: 0px !important;
}
.list-group-item:last-child {
  border-bottom: 0px !important;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li {
  color: #c4c4cd;
  /*margin-bottom: 10px !important;*/
  margin-bottom: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.6px;
  margin: 0px;
  margin-bottom: 2.33333333px;
  margin-top: 0px;
  font-weight: normal !important;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li a i {
  margin-right: 4px;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li.m-unselected-ln-item a {
  color: #2b2b34;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li.m-unselected-ln-item a i {
  color: #8c8c9f;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li.m-unselected-ln-item a:hover {
  color: #0000cd;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li.m-selected-ln-item a {
  color: #2121AC;
  /*font-weight: 600;*/
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li.m-selected-ln-item a i {
  color: #2121AC;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter:before,
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter:after {
  content: " ";
  display: table;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter:after {
  clear: both;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter li {
  width: 50%;
  float: left;
  padding-left: 0;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter li:before,
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter li:after {
  display: none;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter li .item span {
  display: inline-block;
  vertical-align: middle;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol.color-filter li .color-label {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border: 1px solid #ddd;
}
/*HIDE THE *BUILDING AND RENOVATION* and *HOME* BREADCRUMB*/
li.category161 {
  display: none;
}
ul.breadcrumb li.home {
  display: none;
}
@media (max-width: 767px) {
  ul.breadcrumb li.home {
    display: block;
  }
}
ul.breadcrumb li :nth-child(3) a {
  color: lime !important;
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
.ekko-lightbox-container {
  position: relative;
}
.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity 0.5s;
}
.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}
.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}
.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}
.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}
.ekko-lightbox .modal-footer {
  text-align: left;
}
.navbar-collapse.in {
  overflow-y: scroll;
  height: 100% !important;
  min-height: 480px;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 768px) {
  .navbar-collapse.in {overflow-y: unset;}
}
a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #b37e01;
  background: none;
  box-shadow: none;
}
.panel:last-child {
  border-bottom: none;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0px solid;
  border-top-style: solid;
}
.panel-heading {
  border-radius: 0;
  border: none;
  padding: 0;
}
.panel-heading .panel-title {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}
.panel-heading .panel-title a {
  padding: 12px;
  display: block;
}
.first-level.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #b7b6d5;
  background: none;
  box-shadow: none;
}
.first-level .panel-collapse .panel-body {
  background-color: #fbfbfc;
}
.first-level .panel-collapse .panel-body .category-link a {
  padding-left: 18px;
}
.first-level .panel-heading .panel-title {
  color: white;
  background-color: #1918a7;
  text-transform: uppercase;
}
.first-level .panel-heading .panel-title a {
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #FFFFFF;
}
.first-level .panel-heading .panel-title a:hover {
  background-color: #3332b0;
  color: #FFFFFF;
}
.first-level .panel-heading .panel-title a:focus,
.first-level .panel-heading .panel-title a:active {
  color: #FFFFFF;
}
.second-level.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfe5;
  background: none;
  box-shadow: none;
}
.second-level .panel-collapse .panel-body {
  background-color: #fbfbfc;
}
.second-level .panel-collapse .panel-body .category-link a {
  padding-left: 38px;
}
.second-level .panel-heading .panel-title {
  color: white;
  background-color: #fbfbfc;
  text-transform: uppercase;
}
.second-level .panel-heading .panel-title a {
  padding-left: 30px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #5a5a6b;
}
.second-level .panel-heading .panel-title a:hover {
  background-color: #dfdfe5;
  color: #5a5a6b;
}
.second-level .panel-heading .panel-title a:focus,
.second-level .panel-heading .panel-title a:active {
  color: #5a5a6b;
}
.third-level.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfe5;
  background: none;
  box-shadow: none;
}
.third-level .panel-collapse .panel-body {
  background-color: #dfdfe5;
}
.third-level .panel-collapse .panel-body .category-link a {
  padding-left: 38px;
}
.third-level .panel-heading .panel-title {
  color: white;
  background-color: #fbfbfc;
  text-transform: none;
}
.third-level .panel-heading .panel-title a {
  padding-left: 50px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.8px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #5a5a6b;
}
.third-level .panel-heading .panel-title a:hover {
  background-color: #dfdfe5;
  color: #5a5a6b;
}
.third-level .panel-heading .panel-title a:focus,
.third-level .panel-heading .panel-title a:active {
  color: #5a5a6b;
}
.td-menu-accordian {
  margin-bottom: 0px;
}
.td-menu-accordian .panel-body {
  padding: 0px;
}
.category-page-link a:before {
  content: '' !important;
}
#accordion .panel-heading a:before {
  content: '\e316';
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 14px;
  transform: rotate(180deg);
  transition: all 0.5s;
}
#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}
footer {
  color: white;
  background-color: #2121AC;
  border-top: 1px solid #dfdfe5;
}
footer a {
  color: white;
}
footer .td-page-spacious {
  background-color:#2121ac;
  -webkit-box-shadow:none;
  box-shadow:none;
  -moz-box-shadow:none;
}

footer .td-page-spacious .title-subscribe{
  color:white;
}

footer .td-page-spacious:last-child {
  padding-top: 0px;
}

#newsletter-validate-detail .desc{
  color:#aaaaef;
}

#newsletter-validate-detail label{
  color:white;
}

#newsletter{
  color:white;
}

#newsletter-validate-detail button{
  background-color:white;
  color:#2121ac
}

#newsletter-validate-detail .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#newsletter-validate-detail .is-focused .form-control {
    border: 0;
    background-image: linear-gradient(#2121AC, #2121AC), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
}
ul.links {
  padding-left: 0px;
  margin: 0px;
}
ul.links li {
  color: white;
  list-style-type: none;
}
ul.links li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.6px;
  margin: 0px;
  margin-bottom: 2.33333333px;
  margin-top: 0px;
}
ul.links li a:hover,
ul.links li a:focus,
ul.links li a:active {
  color: white;
}
.related-search {
  padding-left: 0px !important;
}
.related-search .related-search-label {
  margin-left: 0px !important;
}
.related-search li {
  list-style-type: none;
  margin-left: 20px;
  float: left;
}
.search-button {
  border-bottom: 2px solid #FFFFFF;
}
.search-button:hover {
  background-color: #C83232;
  border-bottom: 2px solid #FFFFFF;
}
.search-button-mobile {
  background-color: #C83232;
  border-bottom: 2px solid #FFFFFF;
}
.search-autocomplete {
  z-index: 1111111;
  border: none;
}
.search-autocomplete.search-results {
  display: block;
  position: absolute;
  left: 0px;
  top: 44px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 10px #8c8c9f;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
}
#search_autocomplete .search-box .table .price-old {
  display: none;
}
@media only screen and (min-width : 768px) {
  .search-autocomplete.search-results {
    min-width: 425px;
  }
}
.search-autocomplete .search-box {
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
}
#search_top_mobile {
  float: right;
  border: none;
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
}
#search {visibility:hidden}
#search_mini_form {
  width: 100%;
  margin: 0;
}
#search_mini_form .input-group-search-bar {
  width: 100%;
  margin: 0;
}
.checkout-cart-index #cart_btn_top_mobile, .onestepcheckout-index-index #cart_btn_top_mobile{
  display: none;
}
#cart_btn_top_mobile {
  position: relative;
  display: block;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  margin: 2px 0 0 0;
}
#cart_btn_top_mobile::before {
  content: "";
  position: absolute;
  left: 0;
  height: 21px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}
#cart_btn_top_mobile i {
  margin: 0px;
  padding: 0px;
}
#menu-btn-top-mobile {
  margin-right: -11px;
}
#drop-down-bg {
  position: relative;
}
#full-screen-overlay {
  position: absolute;
    height: 1000vh;
    width: 100vw;
    background: #3a3a48;
    opacity: 0.7;
  display: none;
}
@media screen and (min-width: 768px) {
  #myNavbar > ul {
    position: relative;
  }
  #myNavbar li.dropdown {
    position: static;
  }
  #myNavbar ul.dropdown-menu {
    background-color: white;
    width: 101%;
    left: -0.5%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #myNavbar #adv {
    padding: 10px;
  }
  #myNavbar .photo-text {
    color: black;
    font-size: 13px;
  }
  #myNavbar #cats {
    padding: 10px;
  }
  #myNavbar .dropdown .level-1:hover,.level-2:hover,.level-3:hover {
    text-decoration: underline;
  }
  #myNavbar #cats .level-1 {
    color: white;
  background-color: black;
  padding-left: 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    /*background-color: black;
                color: white;*/
  }
  #myNavbar #cats .level-1.special {
  background-color: red;
  }
  #myNavbar #cats .btn-link {
    font-size: 18px;
  }
  #myNavbar #clearance .level-1 {
    color: #fa0000;
    /*background-color: @td-red;*/
    margin-left: -17px;
    /*padding-left: 5px;*/
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #myNavbar #clearance .level-1:before {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    content: "\e5c8";
    font-size: 17px;
    /*content: 'arrow-right';*/
  }
  #myNavbar #clearance .level-2 {
    color: #2b2b34;
    font-size: 14px;
    margin-left: 0px;
  }
  #myNavbar #cats .level-1 span {
    margin-left: 5px;
    font-size: 17px;
    color: #2121AC;
    text-transform: uppercase;
  }
  #myNavbar #cats .level-1 span:before {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    content: "\e5c8";
    font-size: 17px;
    margin-top: 4px;
  }
  #myNavbar #cats .level-2 {
    color: black;
    font-size: 16px;
    margin-left: 0px;
    font-weight: 600;
    line-height: 150%;
  }
  #myNavbar #cats .level-2.special {
    color: red;
  }
  #myNavbar #cats .level-3 {
    color: #424250;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 100;
  }
  #myNavbar #cats .level-3.special {
    color: red;
  }
  #myNavbar #cats .all {
    font-size: 13px;
    margin-left: 0px;
  }
  #myNavbar #cats .col-sm-4 {
    padding-left: 20px;
  }
}
.modal {
  z-index: 111111111;
}
ul {
  list-style-type: none;
  padding: 0px;
}
.error-msg {
  background-color: #efbebe;
  border: 1px solid #C83232;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  color: white;
}
.success-msg {
  background-color: #edfddb;
  border: 1px solid #64B40B;
  padding-left: 15px;
  padding-top: 9px;
  padding-right: 15px;
  padding-bottom: 9px;
  color: white;
}
#onestepcheckout-login-popup,
#onestepcheckout-toc-popup {
  text-align: left!important;
  position: relative;
}
#onestepcheckout-forgot-success {
  float: left;
  width: 90%;
  padding: 10px 5%;
  box-sizing: content-box;
}
#onestepcheckout-login-popup {
  width: 500px;
  z-index: 999999!important;
  position: absolute!important;
  top: 200px!important;
  background: #fff;
}
#onestepcheckout-login-popup table {
  width: 99%;
}
#onestepcheckout-login-popup table td {
  padding-top: 3px;
  padding-bottom: 3px;
}
#onestepcheckout-login-popup button.button {
  padding: 0 86px;
  margin: 0;
  float: right;
  width: auto;
  height: 48px;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-transform: none;
}
#onestepcheckout-login-popup #onestepcheckout-login-button {
  float: right;
  margin-bottom: 10px;
  text-transform: none;
}
/*#onestepcheckout-login-popup #onestepcheckout-forgot-button{padding:0 40px}*/
/*#onestepcheckout-login-popup #onestepcheckout-register-button{padding:0 40px}
*/
#onestepcheckout-login-popup p.close,
#onestepcheckout-toc-popup p.close {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  right: 20px;
  top: 15px;
  color: #fff;
}
#onestepcheckout-login-popup-contents-login {
  float: left;
  width: 100%;
}
#onestepcheckout-login-popup p.close a,
#onestepcheckout-login-popup p.close a:link,
#onestepcheckout-login-popup p.close a:visited,
#onestepcheckout-toc-popup p.close a,
#onestepcheckout-toc-popup p.close a:link,
#onestepcheckout-toc-popup p.close a:visited {
  text-decoration: none;
  color: #fff;
}
#onestepcheckout-login-popup p.close a:hover,
#onestepcheckout-toc-popup p.close a:hover {
  text-decoration: none;
}
#onestepcheckout-login-error,
#onestepcheckout-register-error,
#onestepcheckout-forgot-error {
  color: red;
  margin-top: 10px;
  float: left;
  width: 90%;
  padding: 5px 5%;
  box-sizing: content-box;
}
#onestepcheckout-login-table,
#onestepcheckout-forgot-table,
#onestepcheckout-register-table {
  float: left;
  width: 100%;
  padding: 15px 5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#onestepcheckout-login-table li {
  float: left;
  width: 100%;
  padding: 0 0 10px;
}
#onestepcheckout-forgot-table li {
  float: left;
  width: 100%;
  padding: 0 0 15px;
}
#onestepcheckout-login-table li.last,
#onestepcheckout-forgot-table li.last {
  padding: 0;
}
#onestepcheckout-forgot-table .td-fogot {
  vertical-align: middle !important;
}
#onestepcheckout-login-table li label,
#onestepcheckout-register-table li label,
#onestepcheckout-forgot-table label {
  font-weight: 700;
  font-size: 13px;
  float: left;
  margin: 0 0 5px;
}
#onestepcheckout-toc-popup {
  width: 850px;
  height: 530px;
  position: fixed;
  z-index: 1000001;
}
#onestepcheckout-forgot-table li.last p,
#onestepcheckout-register-table li.last p {
  float: left;
  margin-top: 15px;
}
#onestepcheckout-forgot-table li.last p a,
#onestepcheckout-register-table li.last p a {
  color: #39C;
  font-size: 14px;
  text-decoration: none;
  line-height: 18px;
}
#onestepcheckout-forgot-table li.last p a span,
#onestepcheckout-register-table li.last p a span {
  background: url(https://www.tradedepot.co.nz/skin/frontend/images/onestepcheckout/flat/arrow-r.png) no-repeat center center #39C;
  width: 10px;
  height: 10px;
  margin: 4px 8px 4px 0;
  border-radius: 6px;
  float: left;
}
#control_overlay {
  background-color: #000;
  float: left;
}
#one-step-checkout-form .checkout-review-load .data-table td h2 {
  font-size: 14px;
  color: #3d3d3d;
  margin-left: 30px;
  display: table-cell;
  padding-left: 8px;
  vertical-align: top;
}
#onestepcheckout-login-popup .onestepcheckout-popup-wrapper h6 {
  background-color: #2121AC !important;
  color: #FFF;
  padding: 10px;
}
#onestepcheckout-login-popup p.forgot-link a {
  color: #2121AC !important;
  font-size: 14px;
  text-decoration: none;
  line-height: 18px;
}
#onestepcheckout-login-popup p.register-link a {
  color: #2121AC !important;
  font-size: 14px;
  text-decoration: none;
  line-height: 18px;
}
#onestepcheckout-login-popup p.link-register-forgot a {
  color: #2121AC !important;
  font-size: 14px;
  text-decoration: none;
  line-height: 18px;
}
#onestepcheckout-login-popup #onestepcheckout-forgot-table li.last p a,
#onestepcheckout-login-popup #onestepcheckout-register-table li.last p a {
  color: #2121AC !important;
}
.one-step-checkout-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 111111111111111050;
  background: rgba(0, 0, 0, 0.5);
}
.my-account {
  background-color: white;
  margin-bottom: 20px;
  padding: 40px;
}
.customer-account-index .my-account .page-title {
  display: flex;
  justify-content: space-between;
}
.block.block-account {
  /*background-color: red;*/
}
.block-content {
  /*background-color: #FC0;*/
}
.block-content ul li {
  padding: 20px !important;
}
.block-content ul li a {
  display: block;
  /*background-color: lime;*/
  /*.button-and-dropdown-padding;*/
}
.block-title {
  padding: 20px;
  text-transform: uppercase;
}
.mini-cart.empty {
  display: none;
}
.mini-cart.have-item {
  display: block;
}
.onestepcheckout-index-index .mini-cart {
  display: none;
}
select.select-sort-by.jqTransformHidden {
  display: none;
}
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
.navbar-right .dropdown-menu {
  min-width: 200px;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .collapse {
    //display: block !important;
  }
}
.td-cart-menu {
  margin-top: 12px !important;
  margin-right: 8px;
}
iframe.advertising {
  overflow: hidden;
  padding: 0px;
  margin: 1 0px;
  border: none !important;
}
.highlight a.dropdown-toggle {
  background-color: #F5AD01 !important;
  -webkit-transition: all 100ms ease-out 1s;
  -moz-transition: all 100ms ease-out 1s;
  -o-transition: all 100ms ease-out 1s;
  transition: all 100ms ease-out 1s;
}
@media only screen and (min-width : 1200px) {
  #my_slideshow .item {
    max-height: 160px;
  }
}
select.select-limit-show.jqTransformHidden {
  display: none !important;
  border: 0px !important;
  overflow: hidden !important;
}
.pagination {
  margin-right: 10px;
}
.top-bar .pagination {
  display: none;
}
.category-products .top-bar {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.bottom-bar .toolbar {
  display: none !important;
}
ul.compare-items {
  padding-left: 0px;
}
ul.compare-items ol {
  padding-left: 0px;
}
ul.compare-items li {
  list-style: none;
}
.process {
  position: fixed;
  z-index: 111111;
  top: 50%;
  left: 50%;
  padding: 20px;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #2121AC;
  text-align: center;
}
.breadcrumb > li + li:nth-child(3):before {
  display: none;
}
.mobile-show {
  display: block !important;
}
/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();


*/
/* ANIMATION */
/* SHADOWS */
/* Shadows (from mdl http://www.getmdl.io/) */
a,
a:hover,
a:focus {
  color: #2121AC;
}
a .material-icons,
a:hover .material-icons,
a:focus .material-icons {
  vertical-align: middle;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 0;
}
.form-horizontal .radio {
  margin-bottom: 10px;
}
.form-horizontal label {
  text-align: right;
}
.form-horizontal label.control-label {
  margin: 0;
}
.checkbox label,
label.checkbox-inline {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label,
.form-group.is-focused label.checkbox-inline {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label:hover,
.form-group.is-focused label.checkbox-inline:hover,
.form-group.is-focused .checkbox label:focus,
.form-group.is-focused label.checkbox-inline:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .checkbox label,
fieldset[disabled] .form-group.is-focused label.checkbox-inline {
  color: rgba(0,0,0, 0.26);
}
.checkbox input[type=checkbox],
label.checkbox-inline input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material,
label.checkbox-inline .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
}
.checkbox .checkbox-material:before,
label.checkbox-inline .checkbox-material:before {
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check,
label.checkbox-inline .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0,0,0, .54);
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
}
.checkbox .checkbox-material .check:before,
label.checkbox-inline .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -4px;
  margin-left: 6px;
  width: 0;
  height: 0;
  box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0 inset;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:focus:checked + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before {
  animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before {
  animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before {
  animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before {
  animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after {
  animation: rippleOff 500ms forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check,
label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
  color: #2121AC;
  border-color: #2121AC;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #2121AC;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
}
fieldset[disabled] .checkbox,
fieldset[disabled] label.checkbox-inline,
fieldset[disabled] .checkbox input[type=checkbox],
fieldset[disabled] label.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check,
label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle,
label.checkbox-inline input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0,0,0, 0.87);
  transform: rotate(-45deg);
}
@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 10px inset;
  }
  100% {
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0 0 0 inset;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.togglebutton {
  vertical-align: middle;
}
.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
  user-select: none;
}
.togglebutton label {
  cursor: pointer;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label:hover,
.form-group.is-focused .togglebutton label:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.togglebutton label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.togglebutton label .toggle {
  text-align: left;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 15px;
  transition: background 0.3s ease;
  vertical-align: middle;
}
.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #F1F1F1;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -2px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
  background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after,
.togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
  background-color: rgba(33, 33, 172, 0.5);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  background-color: #2121AC;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 33, 172, 0.1);
}
.radio label,
label.radio-inline {
  cursor: pointer;
  padding-left: 45px;
  position: relative;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .radio label,
.form-group.is-focused label.radio-inline {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .radio label:hover,
.form-group.is-focused label.radio-inline:hover,
.form-group.is-focused .radio label:focus,
.form-group.is-focused label.radio-inline:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .radio label,
fieldset[disabled] .form-group.is-focused label.radio-inline {
  color: rgba(0,0,0, 0.26);
}
.radio span,
label.radio-inline span {
  display: block;
  position: absolute;
  left: 10px;
  top: 2px;
  transition-duration: 0.2s;
}
.radio .circle,
label.radio-inline .circle {
  border: 2px solid rgba(0,0,0, .54);
  height: 15px;
  width: 15px;
  border-radius: 100%;
}
.radio .check,
label.radio-inline .check {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #2121AC;
  transform: scale3d(0, 0, 0);
}
.radio .check:after,
label.radio-inline .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0,0,0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(1.5, 1.5, 1);
}
.radio input[type=radio]:focus:not(:checked) ~ .check:after,
label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after {
  animation: rippleOff 500ms;
}
.radio input[type=radio]:focus:checked ~ .check:after,
label.radio-inline input[type=radio]:focus:checked ~ .check:after {
  animation: rippleOn 500ms;
}
.radio input[type=radio],
label.radio-inline input[type=radio] {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check,
.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  opacity: 1;
}
.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #2121AC;
}
.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #2121AC;
}
.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  transform: scale3d(0.55, 0.55, 1);
}
.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check,
.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  opacity: 0.26;
}
.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check {
  background-color: #000000;
}
.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  border-color: #000000;
}
.theme-dark .radio input[type=radio][disabled] ~ .check,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .check,
.theme-dark .radio input[type=radio][disabled] ~ .circle,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .circle {
  opacity: 0.3;
}
.theme-dark .radio input[type=radio][disabled] ~ .check,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .check {
  background-color: #ffffff;
}
.theme-dark .radio input[type=radio][disabled] ~ .circle,
.theme-dark label.radio-inline input[type=radio][disabled] ~ .circle {
  border-color: #ffffff;
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
legend {
  margin-bottom: 22px;
  font-size: 24px;
}
output {
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.42857143;
}
.form-control {
  height: 38px;
  padding: 7px 0;
  font-size: 16px;
  line-height: 1.42857143;
}
@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: 38px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 24px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 44px;
  }
}
.radio label,
.checkbox label {
  min-height: 22px;
}
.form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 38px;
}
.input-sm .input-sm {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}
.input-sm select.input-sm {
  height: 24px;
  line-height: 24px;
}
.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
}
.form-group-sm select.form-control {
  height: 24px;
  line-height: 24px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 24px;
  min-height: 33px;
  padding: 4px 0;
  font-size: 11px;
  line-height: 1.5;
}
.input-lg .input-lg {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.input-lg select.input-lg {
  height: 44px;
  line-height: 44px;
}
.input-lg textarea.input-lg,
.input-lg select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-group-lg select.form-control {
  height: 44px;
  line-height: 44px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 44px;
  min-height: 40px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 8px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 12.9999997px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 4px;
    font-size: 11px;
  }
}
.label {
  border-radius: 1px;
  padding: .3em .6em;
}
.label,
.label.label-default {
  background-color: #9e9e9e;
}
.label.label-inverse {
  background-color: #3f51b5;
}
.label.label-primary {
  background-color: #2121AC;
}
.label.label-success {
  background-color: #4caf50;
}
.label.label-info {
  background-color: #03a9f4;
}
.label.label-warning {
  background-color: #ff5722;
}
.label.label-danger {
  background-color: #f44336;
}
.form-control,
.form-group .form-control {
  border: 0;
  background-image: linear-gradient(#2121AC, #2121AC), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: rgba(0, 0, 0, 0);
  transition: background 0s ease-out;
  float: none;
  box-shadow: none;
  border-radius: 0;
}
.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.form-control[readonly],
.form-group .form-control[readonly],
.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-color: rgba(0, 0, 0, 0);
}
.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #D2D2D2;
}
.navbar-form-control {
  border: 0;
  background-image: linear-gradient(#2121AC, #2121AC), linear-gradient(#FFFFFF, #FFFFFF) !important;
  background-size: 0 2px, 100% 2px !important;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: rgba(0, 0, 0, 0);
  transition: background 0s ease-out;
  float: none;
  box-shadow: none;
  border-radius: 0;
  height: 46px;
}
.navbar-form-control::-moz-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.navbar-form-control:-ms-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.navbar-form-control::-webkit-input-placeholder {
  color: #BDBDBD;
  font-weight: 400;
}
.navbar-form-control[readonly],
.navbar-form-control[disabled],
fieldset[disabled] .navbar-form-control {
  background-color: rgba(0, 0, 0, 0);
}
.navbar-form-control[disabled],
fieldset[disabled] .navbar-form-control {
  background-image: none;
  border-bottom: 1px dotted #D2D2D2;
}
.form-group {
  position: relative;
}
.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
  position: absolute;
  pointer-events: none;
  transition: 0.3s ease all;
}
.form-group.label-floating label.control-label {
  will-change: left, top, contents;
}
.form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none;
}
.form-group .help-block {
  position: absolute;
  display: none;
}
.form-group.is-focused .form-control {
  outline: none;
  background-image: linear-gradient(#2121AC, #2121AC), linear-gradient(#D2D2D2, #D2D2D2);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0.3s;
}
.form-group.is-focused .form-control .material-input:after {
  background-color: #2121AC;
}
.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #2121AC;
}
.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
  color: #BDBDBD;
}
.form-group.is-focused .help-block {
  display: block;
}
.form-group.has-warning .form-control {
  box-shadow: none;
}
.form-group.has-warning.is-focused .form-control {
  background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-warning label.control-label,
.form-group.has-warning .help-block {
  color: #ff5722;
}
.form-group.has-error .form-control {
  box-shadow: none;
}
.form-group.has-error.is-focused .form-control {
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-error label.control-label,
.form-group.has-error .help-block {
  color: #f44336;
}
.form-group.has-success .form-control {
  box-shadow: none;
}
.form-group.has-success.is-focused .form-control {
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-success label.control-label,
.form-group.has-success .help-block {
  color: #4caf50;
}
.form-group.has-info .form-control {
  box-shadow: none;
}
.form-group.has-info.is-focused .form-control {
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.has-info label.control-label,
.form-group.has-info .help-block {
  color: #03a9f4;
}
.form-group textarea {
  resize: none;
}
.form-group textarea ~ .form-control-highlight {
  margin-top: -11px;
}
.form-group select {
  appearance: none;
}
.form-group select ~ .material-input:after {
  display: none;
}
.form-control {
  margin-bottom: 7px;
}
.form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.checkbox label,
.radio label,
label {
  font-size: 14px;
  line-height: 1.42857143;
  color: #2b2b34;
  font-weight: 400;
}
label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 12px 0 0 0;
  padding-right: 12px;
}
.help-block {
  margin-top: 0;
  font-size: 12px;
}
.form-group {
  padding-bottom: 7px;
  margin: 28px 0 0 0;
}
.form-group .form-control {
  margin-bottom: 7px;
}
.form-group .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group .checkbox label,
.form-group .radio label,
.form-group label {
  font-size: 14px;
  line-height: 1.42857143;
  color: #2b2b34;
  font-weight: 400;
}
.form-group label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 12px 0 0 0;
  padding-right: 12px;
}
.form-group .help-block {
  margin-top: 0;
  font-size: 12px;
}
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  top: -15px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
  top: -30px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}
.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
  top: -30px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}
.form-group.form-group-sm {
  padding-bottom: 3px;
  margin: 21px 0 0 0;
}
.form-group.form-group-sm .form-control {
  margin-bottom: 3px;
}
.form-group.form-group-sm .form-control::-moz-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
  font-size: 14px;
  line-height: 1.5;
  color: #2b2b34;
  font-weight: 400;
}
.form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  font-weight: 400;
  margin: 12px 0 0 0;
  padding-right: 12px;
}
.form-group.form-group-sm .help-block {
  margin-top: 0;
  font-size: 9px;
}
.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
  top: -11px;
  font-size: 11px;
  line-height: 1.5;
}
.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}
.form-group.form-group-lg {
  padding-bottom: 9px;
  margin: 30px 0 0 0;
}
.form-group.form-group-lg .form-control {
  margin-bottom: 9px;
}
.form-group.form-group-lg .form-control::-moz-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400;
}
.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
  font-size: 14px;
  line-height: 1.3333333;
  color: #2b2b34;
  font-weight: 400;
}
.form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: 0.99999998;
  font-weight: 400;
  margin: 12px 0 0 0;
  padding-right: 12px;
}
.form-group.form-group-lg .help-block {
  margin-top: 0;
  font-size: 14px;
}
.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
  top: -5px;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: 0.99999998;
}
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: 0.99999998;
}
select.form-control {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.form-group.is-focused select.form-control {
  box-shadow: none;
  border-color: #D2D2D2;
}
select.form-control[multiple],
.form-group.is-focused select.form-control[multiple] {
  height: 85px;
}
.input-group-btn .btn {
  margin: 0 0 7px 0;
}
.form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0;
}
.form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0;
}
.input-group .input-group-btn {
  padding: 0 12px;
}
.input-group .input-group-addon {
  border: 0;
  background: transparent;
}
.form-group input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
legend {
  border-bottom: 0;
}
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  outline: 0;
}
.snackbar {
  background-color: #323232;
  color: rgba(255,255,255, 0.84);
  font-size: 14px;
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  height: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
  transform: translateY(200%);
}
.snackbar.snackbar-opened {
  padding: 14px 15px;
  margin-bottom: 20px;
  height: auto;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s;
  transform: none;
}
.snackbar.toast {
  border-radius: 200px;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 10px;
}
.noUi-handle {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  left: -10px;
  top: -5px;
  cursor: ew-resize;
  border-radius: 100%;
  transition: all 0.2s ease-out;
  border: 1px solid;
}
.noUi-vertical .noUi-handle {
  margin-left: 5px;
  cursor: ns-resize;
}
.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}
.noUi-background {
  height: 2px;
  margin: 20px 0;
}
.noUi-origin {
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #fff;
  border: 2px solid #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px;
}
.noUi-target {
  border-radius: 2px;
}
.noUi-horizontal {
  height: 2px;
  margin: 15px 0;
}
.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px;
  display: inline-block;
}
.noUi-handle.noUi-active {
  transform: scale3d(2.5, 2.5, 1);
}
[disabled].noUi-slider {
  opacity: 0.5;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.slider {
  background: #c8c8c8;
}
.slider.noUi-connect,
.slider.slider-default.noUi-connect {
  background-color: #2121AC;
}
.slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}
.slider.slider-primary.noUi-connect {
  background-color: #2121AC;
}
.slider.slider-success.noUi-connect {
  background-color: #4caf50;
}
.slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}
.slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}
.slider.slider-danger.noUi-connect {
  background-color: #f44336;
}
.slider .noUi-connect,
.slider.slider-default .noUi-connect {
  background-color: #2121AC;
}
.slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}
.slider.slider-primary .noUi-connect {
  background-color: #2121AC;
}
.slider.slider-success .noUi-connect {
  background-color: #4caf50;
}
.slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}
.slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}
.slider.slider-danger .noUi-connect {
  background-color: #f44336;
}
.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  background-color: #2121AC;
}
.slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}
.slider.slider-primary .noUi-handle {
  background-color: #2121AC;
}
.slider.slider-success .noUi-handle {
  background-color: #4caf50;
}
.slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}
.slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}
.slider.slider-danger .noUi-handle {
  background-color: #f44336;
}
.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  border-color: #2121AC;
}
.slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}
.slider.slider-primary .noUi-handle {
  border-color: #2121AC;
}
.slider.slider-success .noUi-handle {
  border-color: #4caf50;
}
.slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}
.slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}
.slider.slider-danger .noUi-handle {
  border-color: #f44336;
}
.selectize-control.single,
.selectize-control.multi {
  padding: 0;
}
.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-control.multi .selectize-input.input-active {
  cursor: text;
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
  height: 100%;
  font-size: 14px;
  line-height: 30px;
}
.selectize-control.single .selectize-input .has-items,
.selectize-control.multi .selectize-input .has-items,
.selectize-control.single .selectize-input.input-active .has-items,
.selectize-control.multi .selectize-input.input-active .has-items {
  padding: 0;
}
.selectize-control.single .selectize-input:after,
.selectize-control.multi .selectize-input:after,
.selectize-control.single .selectize-input.input-active:after,
.selectize-control.multi .selectize-input.input-active:after {
  right: 5px;
  position: absolute;
  font-size: 25px;
  content: "\e5c5";
  font-family: 'Material Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.selectize-control.single .selectize-input input,
.selectize-control.multi .selectize-input input,
.selectize-control.single .selectize-input.input-active input,
.selectize-control.multi .selectize-input.input-active input {
  font-size: 14px;
  outline: 0;
  border: 0;
  background: transparent;
}
.selectize-control.single .selectize-input.label-floating-fix input,
.selectize-control.multi .selectize-input.label-floating-fix input,
.selectize-control.single .selectize-input.input-active.label-floating-fix input,
.selectize-control.multi .selectize-input.input-active.label-floating-fix input {
  opacity: 0;
}
.selectize-control.single .selectize-input > div,
.selectize-control.multi .selectize-input > div,
.selectize-control.single .selectize-input.input-active > div,
.selectize-control.multi .selectize-input.input-active > div,
.selectize-control.single .selectize-input > .item,
.selectize-control.multi .selectize-input > .item,
.selectize-control.single .selectize-input.input-active > .item,
.selectize-control.multi .selectize-input.input-active > .item {
  display: inline-block;
  margin: 0 8px 3px 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.selectize-control.single .selectize-input > div:after,
.selectize-control.multi .selectize-input > div:after,
.selectize-control.single .selectize-input.input-active > div:after,
.selectize-control.multi .selectize-input.input-active > div:after,
.selectize-control.single .selectize-input > .item:after,
.selectize-control.multi .selectize-input > .item:after,
.selectize-control.single .selectize-input.input-active > .item:after,
.selectize-control.multi .selectize-input.input-active > .item:after {
  content: ",";
}
.selectize-control.single .selectize-input > div:last-of-type:after,
.selectize-control.multi .selectize-input > div:last-of-type:after,
.selectize-control.single .selectize-input.input-active > div:last-of-type:after,
.selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
.selectize-control.single .selectize-input > .item:last-of-type:after,
.selectize-control.multi .selectize-input > .item:last-of-type:after,
.selectize-control.single .selectize-input.input-active > .item:last-of-type:after,
.selectize-control.multi .selectize-input.input-active > .item:last-of-type:after {
  content: "";
}
.selectize-control.single .selectize-input > div.active,
.selectize-control.multi .selectize-input > div.active,
.selectize-control.single .selectize-input.input-active > div.active,
.selectize-control.multi .selectize-input.input-active > div.active,
.selectize-control.single .selectize-input > .item.active,
.selectize-control.multi .selectize-input > .item.active,
.selectize-control.single .selectize-input.input-active > .item.active,
.selectize-control.multi .selectize-input.input-active > .item.active {
  font-weight: bold;
  background: transparent;
  border: 0;
}
.selectize-control.single .selectize-dropdown,
.selectize-control.multi .selectize-dropdown {
  position: absolute;
  z-index: 1000;
  border: 0;
  width: 100% !important;
  left: 0 !important;
  height: auto;
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  padding: 0;
  margin-top: 3px;
}
.selectize-control.single .selectize-dropdown .active,
.selectize-control.multi .selectize-dropdown .active {
  background-color: inherit;
}
.selectize-control.single .selectize-dropdown .highlight,
.selectize-control.multi .selectize-dropdown .highlight {
  background-color: #d5d8ff;
}
.selectize-control.single .selectize-dropdown .selected,
.selectize-control.multi .selectize-dropdown .selected,
.selectize-control.single .selectize-dropdown .selected.active,
.selectize-control.multi .selectize-dropdown .selected.active {
  background-color: #EEEEEE;
}
.selectize-control.single .selectize-dropdown [data-selectable],
.selectize-control.multi .selectize-dropdown [data-selectable],
.selectize-control.single .selectize-dropdown .optgroup-header,
.selectize-control.multi .selectize-dropdown .optgroup-header {
  padding: 10px 20px;
  cursor: pointer;
}
.selectize-control.single .dropdown-active ~ .selectize-dropdown,
.selectize-control.multi .dropdown-active ~ .selectize-dropdown {
  display: block;
}
.dropdownjs::after {
  right: 5px;
  top: 3px;
  font-size: 25px;
  position: absolute;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  content: "\e5c5";
  pointer-events: none;
  color: #757575;
}
div.validation-advice {color:red;}

.super-box {
  border: 5px solid yellow;
  color: white;
  background-color: black;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: -10px;
  width: 230px;
  z-index:100;
}
.super-box input {
  width: 45px;
  height: 25px;
  color: blue;
}
.super-box button {
  width: 45px;
  height: 25px;
  padding: 0px;
  margin: 0px;
}

/* ++++++++ billing page */
#onestepcheckout-payment-methods .form-group, #onestepcheckout-billing-section .form-group, #onestepcheckout-shipping-section .form-group {
    padding-bottom: 0px;
    margin: 2px 0 0 0;
}

#onestepcheckout-payment-methods .form-group.label-static label.control-label,#onestepcheckout-payment-methods .form-group.label-floating.is-focused label.control-label,#onestepcheckout-payment-methods .form-group.label-floating:not(.is-empty) label.control-label,
#onestepcheckout-billing-section .form-group.label-static label.control-label,#onestepcheckout-billing-section .form-group.label-floating.is-focused label.control-label,#onestepcheckout-billing-section .form-group.label-floating:not(.is-empty) label.control-label,
#onestepcheckout-shipping-section .form-group.label-static label.control-label,#onestepcheckout-shipping-section .form-group.label-floating.is-focused label.control-label,#onestepcheckout-shipping-section .form-group.label-floating:not(.is-empty) label.control-label {
    top: -15px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857;
}

#onestepcheckout-payment-methods .form-group input, #onestepcheckout-billing-section .form-group input, #onestepcheckout-shipping-section .form-group input {
    color: #2121AC;
}

#onestepcheckout-payment-methods .form-control, #onestepcheckout-payment-methods .form-group .form-control,
#onestepcheckout-billing-section .form-control, #onestepcheckout-billing-section .form-group .form-control,
#onestepcheckout-shipping-section .form-control, #onestepcheckout-shipping-section .form-group .form-control  {
    border: 0;
    background-image: linear-gradient(#D2D2D2, #D2D2D2), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 6px);
    background-color: rgba(0, 0, 0, 0);
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0px;
    padding: 0px;
    height: 34px;
}

#payment_form_magebasedpspxpost > li.control {
    display: flex;
    padding: 10px 0;
}

#onestepcheckout-payment-methods .form-group.is-focused .checkbox label, #onestepcheckout-payment-methods .form-group.is-focused .radio label, #onestepcheckout-payment-methods .form-group.is-focused label,
#onestepcheckout-billing-section .form-group.is-focused .checkbox label, #onestepcheckout-billing-section .form-group.is-focused .radio label, #onestepcheckout-billing-section .form-group.is-focused label,
#onestepcheckout-shipping-section .form-group.is-focused .checkbox label, #onestepcheckout-shipping-section .form-group.is-focused .radio label, #onestepcheckout-shipping-section .form-group.is-focused label  {
    color: #232331;
}

#onestepcheckout-billing-section .create_account .checkbox, #onestepcheckout-billing-section .shipping_other_address .checkbox {
  margin-top: 2px;
  margin-bottom: 0px;
}

#onestepcheckout-payment-methods .form-group select, #onestepcheckout-billing-section .form-group select,
#onestepcheckout-payment-methods .form-group input.form-control, #onestepcheckout-billing-section .form-group select{
  margin-top: -6px !important;
}

#onestepcheckout-payment-methods .help-block {
  bottom: -20px;
}

#onestepcheckout-billing-section .street-more input {
  margin-top:-8px!important;
}

#onestepcheckout-billing-section .marker-wrap, #onestepcheckout-shipping-section .marker-wrap {
  margin-bottom: 7px;
}

#onestepcheckout-billing-section .error-message p {
  color: red;
  font-size: small;
}

#notify-email-invalid p {
  background: white;
  padding: 30px;
}

.onestepcheckout-discount {
  margin-top: 10px;
}

.onestepcheckout-discount .discount-form .actions-button {
  display: inline-block;
}

#add_coupon_code_button {
  padding-bottom: 0;
  padding-top: 0;
}

#checkout-payment-method-load {
  margin: 0;
  padding: 0;
}

#onestepcheckout-payment-methods .radioparent {
  min-height: 46px;
}
#onestepcheckout-payment-methods .radioparent:first-child {
  padding-left: 10px !important;
}

#onestepcheckout-payment-methods .bs-callout {
  margin: 0;
  padding: 5px;
}
#step-one-checkout, #step-one-checkout .no-margin{
  padding-bottom: 0px;
}
.img-method-payment {
  max-width: 100%;display: block;margin: 0 auto;
}
#download_card_btn {
  position: absolute;
  right: 0;
  z-index: 1;
  margin-right: 15px;
}
#download_card_btn label{
  width:100%;
  overflow: hidden;
  padding: 3px 15px;
}
/* -------- EDIT Billing page */

/* ++++++++ Sales Rep Area */
#sales_rep_area {
  margin-bottom: 12px;
}

#sales_rep_area p {
  font-size: smaller;
  text-align: center;
}

#sales_rep_box .select2-selection--single {
  height: 32px !important;
  line-height: 32px !important;
}

#sales_rep_box .select2-selection--single span {
  line-height: 32px !important;
  font-size: medium;
  text-align: center;
}
#sales_rep_box .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: black;
}
/* -------- Sales Rep Area */

/* ++++++++ Privacy Policy */
.privacy_policy {
  padding: 10px 0 10px 0;
}
/* -------- Privacy Policy */
/* ++++++++ Contact Page */
.po-address {
  margin-left: -28px;
  margin-right: 8px;
}
.td-store-info {
  background: #c9edff;
  margin: 0 25px 0 0;
  padding: 10px 10px 5px 15px;
}
.td-store-info p {
  font-weight: bold; 
  margin-bottom: 10px;
}
.contact-page .buttons-set {
  text-align: right;

}
/* -------- Contact Page */


/* ++++++++ HARRY HAEDER DESKTOP*/
/* ++++ Fist Row */
.first-row-header {
  height: 32px;
  line-height: 32px;
  background-color: #313131;
  color: white;
  display: flex;
  justify-content: space-between;
}
.first-row-header__left {
  margin-left: 19px;
  display: flex;
  justify-content: space-between;
  flex-grow: 2;
  margin-right: 19px;
}
.telephone-area {
  margin-right: 10px;
}
.telephone-icon {
  margin-bottom: 3px;
  margin-right: 5px;
}
.first-row-header__left .txt-phone-num {
  font-size: 13px;
}
.txt-phone-num a {
  color: white;
  text-decoration: none;
}
.first-row-header__right {
  display: flex;
}
.open-hour {
  font-size: 11px;
}
.open-hour ul, .open-hour table  {
  background-color: #313131;
  padding-top: 0;
}
.open-hour ul li a, .open-hour table tr th, .open-hour table tr td  {
  font-size: 11px;
  color: white;
  cursor: default;
}
.open-hour table tr th:first-child {
  border-top:none;
  border-left:none;
}
.open-hour table tr th, .open-hour table tr td  {
  border:1px solid #eee;
  padding:7px 5px;
  line-height: 11px
}
.open-hour ul li a:hover, .open-hour table tbody tr:hover {
  background-color: #000000;
}

.open-hour .auckland-showroom, .open-hour .chch-showroom {
  min-width: 250px;
}
.open-hour table th.title_grid,
.open-hour table th.phone_grid
 {
  min-width: 65px;
}
.showroom-page table th.title_grid
 {
  min-width: 75px;
}
.open-hour table th, .showroom-page table th {
  min-width: 85px;
}

/** Page Showroom **/
.showroom-page table tr th:last-child, .showroom-page table tr td:last-child {
  border-right: none;
}
.showroom-page table tr th, .showroom-page table tr td {
 padding:4px;
 border-bottom:1px solid #eeeeee;
 border-right:1px solid #eeeeee;
}
.open-hour ul li a b {
  float: right;
}

.open-hour .dropdown-toggle {
  cursor: pointer;
}
.open-hour img{
  margin-right: 3px;
}
.open-hour .dropdown-menu {
  z-index: 999999;
}
.first-row-header__right .address-company {
  margin-right: 10px;
  font-size: 11px;
}
.address-company:hover {
  cursor: pointer;
}
.first-row-header__right .address-company img {
  margin-right: 3px;
}
.first-row-header__right .horizontal-menu-info {
  text-transform: uppercase;
  background: transparent;
}
.first-row-header__right .horizontal-menu-info ul {
  display: flex;
  margin: 0;
}
.first-row-header__right .horizontal-menu-info ul li {
  font-size: 9px;
}
.first-row-header__right .horizontal-menu-info ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 11px;
  height: 9px;
  width: 1px;
  background: #6d2e2e;
}
.first-row-header__right .horizontal-menu-info ul li.active::after, .first-row-header__right .horizontal-menu-info ul li:last-child:after, .first-row-header__right .horizontal-menu-info ul li:hover:after {
  display: none;
}
.first-row-header__right .horizontal-menu-info ul li a {
  padding: 6px 10px;
  color: white;
}
/*.first-row-header__right .horizontal-menu-info ul li a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}*/
.first-row-header__right .horizontal-menu-info ul li a:hover, .first-row-header__right .horizontal-menu-info ul li a:active, .first-row-header__right .horizontal-menu-info ul li a:focus {
  color: white;
  background-color: #000000;
  font-weight: bold;
}
.menu-time {
  background: #2d2d2d;
  width: auto;
  padding: 10px 13px;
}
.showroom-dropdown {
  display: flex;
}
.menu-time .address {
  color: #dcdcdc;
  font-size: 10px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.menu-time hr {
  margin: 0;
}
.menu-time .work-date {
  color: #dcdcdc;
}
.menu-time .showroom {
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
    color: white;
}
.open-hour ul li:hover {
  background-color: #000000;
}
.auckland-showroom {
  padding-right: 10px;
  border-right: 1px solid black;
}
.chch-showroom {
  padding-left: 10px;
}
#sys_address_auckland, #sys_address_chch, #sys-time-open-auk, #sys-time-open-chch {
  display: none;
}
/* ---- Fist Row */

/* ++++ Main Header */
.main-header {
  display: flex;
  align-items: center;
}
/* ++ Main Header LEFT */
.main-header_left {
  width: 318px;
  display: flex;
  align-items: center;
  padding: 20px 0 15px;
}
.main-header_left a.logo-default {
  display: block;
  margin-left: 18px;
}
.main-header_left a.logo-fix-top {
  display: none;
  margin-left: 18px;
}
.main-header_left .slogan {
  color: white;
  font-size:100%;
  font-weight: bold;
}
/* -- Main Header LEFT */
/* ++ Main Header RIGHT */
.main-header_right {
  flex-grow: 2;
}
/* + RIGHT ROW FIRST */
.main-header_right .row-first {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 10px 0 10px 0;
}
/* BOX SUPPORT */
.support-area {
  flex-basis: 194px;
  margin-left: 10px;
}
.support-area_box {
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.support-area_box:hover {
  background-color:rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.support-area_box .dropdown-toggle {
  display: inline-block;
}
.support-area_box img {
  width: 24px;
  height: 26px;
}
.support-area_box_content {
  padding: 0 0 0 10px;
  margin-left: 10px;
}
.support-area_box_content::before {
  content: "";
  position: absolute;
  left: 41px;
  top: 7px;
  height: 23px;
  width: 1px;
  background: white;
}
.support-area_box_content .support-title {
  color: white;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.support-area_box_content .support-question {
  color: white;
  padding: 0 0 5px 0;
  font-size: 10px;
  line-height: 10px;
  opacity: 0.6;
}
/* BOX SUPPORT */

/* BOX WELCOME */
.public-welcome {
  flex-basis: 212px;
  background-color: #c52626;
  margin-right: 12px;
}
.public-welcome .showroom-title {
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.public-welcome .showroom-open {
  color: white;
  padding: 0 0 5px 33px;
  font-size: 10px;
  line-height: 10px;
  opacity: 0.6;
}
/* BOX WELCOME */
/* - RIGHT ROW FIRST */

/* + RIGHT ROW SECOND */
.main-header_right .row-second {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

/* BOX LOCATION */
.location-area {
  display: none;
  color: white;
}
.location-area .telephone-company {
  margin-right: 17px;
}
.location-area .telephone-company img {
  margin-right: 7px;
}
.location-area .telephone-company a[href^="tel"] {
  color: white;
  text-decoration: none;
  white-space: nowrap;
}
.location-area .address-company {
  margin-right: 35px;
}
.location-area .address-company .telephone-icon {
  margin-right: 7px;
}
/* BOX LOCATION */

/* BOX SEARCH */
#search-area-desktop {
  flex-grow: 2;
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}
#search-area-desktop #search_mini_form {
  max-width: 650px;
}
.search-area {
  margin-right: 9px;
  position: relative;
  display: flex;
}
.search-area::before {
  width: 28px;
  content: " ";
  background-repeat: no-repeat;
  background-image: url('/media/header/search_icon.png');
  position: absolute;
  top: 8px;
  height: 18px;
  left: 13px;
  border-right: 1px solid white;
}
.search-area .input-txt-search {
  -webkit-appearance: none;
  -webkit-border-radius:0;
  border-radius:0;
  color: white;
  padding: 6px 10px 6px 48px;
  border: 1px solid #807fc6;
  margin-right: -3px;
  background-color: rgba(255, 255, 255, 0.15);
  width: calc(100% - 78px);
}
.search-area .input-txt-search::placeholder {
  color: white;
  opacity: 0.6;
}
.search-area .input-txt-search:-ms-input-placeholder, .search-area .input-txt-search::-ms-input-placeholder {
  color: white;
  opacity: 0.6;
}
.search-area .btn-search {
  color: black;
  font-weight: bold;
  background: white;
  border: 1px solid white;
  padding: 6px 10px;
}
.search-area .btn-search:hover {
  background-color: #4544bc;
  color: white;
}
/* BOX SEARCH */

/* BOX ACCOUNT */
.account-area {
  margin-right: 9px;
  position: relative;
  z-index: 1;
}
.account-area a.btn-border-white {
  display: inline-block;
  color: white;
  padding: 7px 10px;
  border: 1px solid white;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.account-area a.btn-border-white:hover,.account-area a.btn-border-white:active,.account-area a.btn-border-white:focus {
  color: black;
  background-color: white;
}
.account-area a.link-my-account {
  position: relative;
  color: white;
  opacity: 0.6;
  font-weight: bold;
  padding: 3px 15px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.account-area a.link-my-account > img {
  padding:0 5px;
}
.account-area .myaccount-menu {
  position: absolute;
  background-color: #2121ac;
  width: 100%;
  display:none;
  padding: 10px 0 0;
}
.account-area .myaccount-menu ul li {
  padding: 2px 13px;
  width: 100%;
}
.account-area .myaccount-menu ul li:hover {
  background: #0735ff;
}
.account-area .myaccount-menu ul li a{
  color: white;
  font-size: 13px;
}
.account-area:hover .myaccount-menu {
  display: block;
}
.account-area a.link-my-account:hover {
  text-decoration: underline !important;
}
.account-area a.link-my-account::after {
  content: "";
  position: absolute;
  right: -5px;
  height: 23px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}


.main-header-mobile_right .myaccount-menu-mobile {
  position: absolute;
  width: 150px;
  background-color: #2121ac;
  padding: 10px 0 0;
  top: 50px;
}
.main-header-mobile_right .myaccount-menu-mobile ul li {
  padding: 12px 15px;
  width: 100%;
}
.main-header-mobile_right .myaccount-menu-mobile ul li:hover {
  background: #0735ff;
}
.main-header-mobile_right .myaccount-menu-mobile ul li a{
  color: white;
  font-size: 13px;
}
.main-header-mobile_right a.myaccount-menu-mobile:hover {
  text-decoration: underline !important;
}
/* BOX ACCOUNT */

/* BOX CART */
.cart-area {
  margin:0;
}
.cart-area .btn {
  padding: 2px 10px 6px;
}
.cart-area .cart-icon-num {
  display: inline-block;
  position: relative;
}
.cart-area .cart-icon-num .circle {
  width:15px;
  height:15px;
  border-radius:7.5px;
  font-size:11px;
  font-weight: bold;
  color:#fff;
  line-height:15px;
  text-align:center;
  background: #f03e45;
  position: absolute;
  right: -9px;
  top: -4px;
}
.cart-area .txt-my-card {
  margin: 0 10px 0 12px;
}
.cart-area .dropdown-menu {
  left: auto;
  right: -10px;
}
.cart-area .empty-cart {
  top: 44px;
  right: 0;
}
.cart-area .empty-cart_content {
  padding: 10px;
  width: 100%;
  position: relative;
  text-align: center;
}
.cart-area .empty-cart_content::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  top: -13px;
  right: 12px;
}
/* BOX CART */
/* MENU BAR */
.menu-bar {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  background: #f3f3f3;
  margin-bottom: 7px;
    border-bottom: 3px solid #d7d7de;
}
.menu-bar .menu-bar-item {
  display:flex;
  align-items: center;
  margin: 8px 6px;
}
.menu-bar .menu-bar-item > img {
  padding: 5px 3px;
}
.menu-bar .menu-bar-item .mb-title {
  font-size: 12px;
}
.menu-bar .menu-bar-item .mb-detail {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-bar .menu-bar-item .welcome-mobile {
  color: black;
  font-size: 18px;
  text-transform: uppercase;
}

@media only screen and (min-width : 768px) {
  .menu-bar .menu-bar-item {
    margin: 8px 2px;
  }
  .menu-bar .menu-bar-item > img {
    padding: 5px 0px;
  }

}
@media only screen and (min-width : 992px) {
  .menu-bar .menu-bar-item {
    margin: 8px 11px;
  }
  .menu-bar .menu-bar-item > img {
    padding: 5px 3px;
  }
}
@media only screen and (min-width : 1200px) {
  .menu-bar .menu-bar-item {
    margin: 8px 20px;
  }
  .menu-bar .menu-bar-item .mb-title {
    font-size: 14px;
  }
  .menu-bar .menu-bar-item .mb-detail {
    font-size: 16px;
  }
}

@media only screen and (min-width : 1610px) {
  .location-showroom div[class*='store_'] > .row {
       min-width: 380px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(n+8) {
       position: absolute;
       top: 0px;
       left: 380px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(9) {
        top:20px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(10) {
        top:40px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(11) {
        top:60px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(12) {
        top:80px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(13) {
        top:100px;
  }
  .location-showroom div[class*='store_'] > .row:nth-child(14) {
        top:120px;
  }
}

#sys-menu-bar-mobile .carousel-inner .item {
  display:none;
}
#sys-menu-bar-mobile .carousel-inner .item.active {
  display:flex;
  justify-content: center;
}
.onestepcheckout-index-index .menu-bar {
    display: none;
}
.onestepcheckout-index-index .navbar {
  margin-bottom: 10px;
}
/* MENUBAR */
/* - RIGHT ROW SECOND */
/* -- Main Header RIGHT */
/* ---- Main Header */
/* -------- New Header */
/* ++++++++ Fixed Header */
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
}
.fixed-header .first-row-header {
  display: none;
}
.fixed-header .main-header_left .logo-default {
  display: none;
}
.fixed-header .main-header_left .logo-fix-top {
  display: block;
}
.fixed-header .main-header_right .row-first {
  display: none;
}
.fixed-header .main-header_right .row-second {
  margin: 10px 0;
}
.fixed-header .main-header_right .row-second .location-area {
  display: flex;
}
.fixed-header .main-header_center {
  display: none;
}
.empty-content-replace-fix::before {
  content: ".";
  width: 98vw;
  height: 1px;
  padding-top: 217px;/* Sticky Height */
  display: block;
}
/* -------- Fixed Header */

/* ++++++++ Fix responsive */
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .search-area .btn-search {
    padding: 6px 40px;
  }
  .search-area .input-txt-search {
    width: calc(100% - 138px);
  }
  .account-area a.btn-border-white {
    padding: 7px 50px;
  }
  .cart-area {
    margin: 0 12px;
  }
}
/* Very Small Devices */
@media only screen and (max-width : 374px) {
  .main-header-mobile_left .navbar-brand img {
    width: 145px;
  }
}
/* Very Small Devices */
/* -------- Fix responsive */

/* ++++++++ HARRY HAEDER MOBILE */
#header-fix-top-mobile {
  z-index: 101;
}
#header-fix-top-mobile .header-mobile-area {
  width: 100%;
  position: relative;
  z-index: 11;
}
#header-fix-top-mobile::after {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #ed4a54;
  z-index: 2;
}
.main-header-mobile {
  display: flex;
  justify-content: space-between;
}
/* ++++++ Header LEFT Mobile */
.main-header-mobile_left {
  display: flex;
  align-items: center;
}
.main-header-mobile_left #menu-btn-top-mobile {
  margin: 0;
}
.main-header-mobile_left #menu-btn-top-mobile:active, .main-header-mobile_left #menu-btn-top-mobile:focus {
  background-color: #191981;
}
/* ------ Header LEFT Mobile */

/* ++++++ Header RIGHT Mobile */
.main-header-mobile_right {
  display: flex;
  flex-direction: row-reverse;
}
.main-header-mobile_right #search_top_mobile {
  margin: 0;
}
.main-header-mobile_right #search_top_mobile i {
  padding-top: 4px;
  color: #c0c0e1;
}
.main-header-mobile_right .location-area {
  font-size: 11px;
  display: flex;
  align-items: center;
}
.main-header-mobile_right .location-area a[href^="tel"] {
  color: white;
  text-decoration: none;
}
#user_top_mobile {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
/* ------ Header RIGHT Mobile */

/* ++++++ Menu Mobile */
#menu-header-mobile {
  position: absolute;
  width: 90%;
  max-width: 365px;
  border-right: 4px solid #eb3d47;
  border-bottom: 4px solid #eb3d47;
  z-index: 4;
  height: calc(77vh - 46px);
  overflow-y: scroll;
  background-color: #1918a9;
}
#accordion .telephone-company {
  display: flex;
  justify-content: center;
  padding: 5px 0;
  align-items: center;
  color: white;
}
#accordion .telephone-company a[href^="tel"] {
  color: white;
  text-decoration: none;
  white-space: nowrap;
}
#accordion .telephone-company img {
  margin-right: 5px;
}
.company-info {
  background: #1d1d8e;
  padding-bottom: 10px;
}
.company-info ul.nav {
  margin: 5px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
.company-info ul.nav li {
  flex-basis: 50%;
}
.company-info ul.nav li a {
  color: white;
  text-transform: uppercase;
  padding: 7px 10px 0px 10px;
  font-size: small;
  line-height: 17px;
}
.company-info ul.nav li a:hover, .company-info ul.nav li a:focus {
  color: #fff;
  background-color: transparent;
  text-decoration: underline !important;
}
/* ------ Menu Mobile */
/* ++++++ Search area Mobile */
#search-area-mobile {
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 4;
  background: #e1e1e1;
  box-shadow: 0 8px 4px -4px #aaa;
  padding: 25px 10px;
}
#search-area-mobile .search-area{
  width: 100%;
  margin: 0;
}
#search-area-mobile .search-area::before {
  background-image: url('https://www.tradedepot.co.nz/skin/media/header/search_icon_black.png');
  border-right: 1px solid #9292a1;
}
#search-area-mobile .search-area .input-txt-search::placeholder {
  color: black;
  opacity: 0.6;
}
#search-area-mobile .search-area .input-txt-search {
  width: calc(100% - 136px);
  background: white;
  border: 1px solid #8f8f9b;
  color: black;
}
#search-area-mobile .search-area .btn-search {
  width: 136px;
  background: #2222a2;
  color: white;
  border: 1px solid #2222a2;
}
/* ------ Search area Mobile */
/* ++++++ Location area Mobile */
#location_top_mobile i {
  font-size:19px;
  padding-top: 3px;
  color:#c0c0e1
}
#location-area-mobile {
  position: absolute;
  top: 50px;
  left: 10px;
  right: auto;
  z-index: 4;
}
#location-area-mobile .auckland-showroom {
  border-right: none;
}
/* ------ Location area Mobile */
/* -------- Header For Mobile */
/* ++++++++ Mobile Menu Content */
.mobile-menu-content > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 4px 10px;
}
.mobile-menu-content > ul > li {
  width: 49%;
  background: white;
  border: 1px solid #ccc;
  margin: 0 0 9px 0;
}
.mobile-menu-content > ul > li.level-one-cate {
  display: flex;
  align-items: center;
}
.mobile-menu-content > ul > li.category-level-two {
  width: 98%;
  background: transparent;
  border: none;
}
.mobile-menu-content > ul > li.second-column-padding {
  padding-left: 49%;
}
.mobile-menu-content > ul > li.category-level-two .expand-sub-menu {
  padding: 0px 10px 5px 25px;
}
.mobile-menu-content > ul > li.category-level-two .expand-sub-menu .sub-menu-item {
  padding: 5px 0px;
}
.mobile-menu-content > ul > li.category-level-two a {
  text-transform: uppercase;
  color: black;
  font-size: 11px;
  font-weight: 100;
}
.mobile-menu-content > ul > li > a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 12px;
}
.mobile-menu-content > ul > li > a > .icon-mobile-menu {
  flex-basis: 20%;
  display: flex;
  justify-content: center;
}
.mobile-menu-content > ul > li > a > .content-mobile-menu {
  flex-basis: 80%;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0 0 0 9px;
  color: #5b5b5b;
}
.mobile-menu-content > ul > li > .mobile-menu-no-icon {
  text-transform: uppercase;
  font-size: 11px;
  padding: 12px 8px 12px 8px;
  color: black;
}
.mobile-menu-content > ul > li.sale-promotions {
  background: #eb3d47;
  color: white;
}
/* -------- Mobile Menu Content */
/* ++++++++ Mobile FIXED Menu */
.fixed-mobile-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
}
.empty-content-replace-mobile-fix::before {
  content: ".";
  width: 96vw;
  height: 1px;
  padding-top: 50px;/* Sticky Height */
  display: block;
}
/* -------- Mobile FIXED Menu */
/* ++++++++ Mobile FOOTER Harry */
.m-title-footer {
  text-align: center;
  color: white;
  font-size: 22px;
  padding: 20px 13px 15px 13px;
}
.m-link-footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
}
.m-link-footer .m-link-item {
  flex-basis: 50%;
  padding: 0 10px 10px 10px;
}
.m-link-footer .m-link-item a {
  text-transform: capitalize;
  background-color: #181881;
  display: block;
  padding: 6px 5px 6px 15px;
}
.m-showroom {
  background: #181881;
  padding-bottom: 25px;
}
.m-title-showroom {
  text-align: center;
  color: white;
  font-size: 22px;
  padding: 17px 13px;
}
.m-address-showroom {
  text-align: center;
  color: white;
  font-size: 14px;
}
.m-to-map {
  text-align: center;
}
.m-to-map a {
  color: white;
  font-size: 14px;
  opacity: 0.7;
}
.m-contact-area {
  display: flex;
  justify-content: space-around;
  padding: 20px 10px;
}
.m-contact-area .title-address {
  color: white;
  font-size: 13px
}
.m-contact-area .small-address {
  color: white;
  font-size: 13px;
  opacity: 0.7;
}
.m-track-area {
  text-align: center;
}
.m-check-order-btn {
  width: 80%;
  background: #2222a2;
  border: 1px solid #8080ba;
}
.m-connect-area {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-repeat: repeat-x;
  background-image: url('https://www.tradedepot.co.nz/skin/media/m-connect-bg.png');
  border-top: 2px solid white;
}
.m-connect-title {
  padding: 30px 0;
}
.m-connect-fb button i, .m-connect-in button i {
  font-size: 60px;
}
.m-copyright-row {
  padding: 5px 15px;
  background: black;
  font-size: 12px;
}
.m-map-showroom {
  display: flex;
  justify-content: center;
}
.m-btn-localtion {
  font-family: "Lato", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    background-color: #14146b;
    width: 80%;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 8px;
    font-weight: bold;
    margin-bottom: 10px;
}
/* -------- Mobile FOOTER Harry */
/* ++++++++ Mobile Sort Filter */
/* ++++ Button Show Filter Sort */
.mobile-sort-filter {
  padding: 10px;
  background-color: #fff;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row-reverse;
}
.mobile-sort-filter .filter {
  padding: 0 10px;
}
.mobile-sort-filter .sort {
  padding: 0 10px;
}
/* ---- Button Show Filter Sort */
/* ++++ Modal Filter */
#modal-body-filter .sidebar {
  display: block !important;
  height: 70vh;
  overflow: scroll;
}
/* ---- Modal Filter */
/* ++++ Modal Sort */
#modal-mobile-sort .modal-dialog {
  padding-top: 20vh;
}
#modal-body-sort {
  min-height: 120px;
  overflow: scroll;
}
#modal-body-sort .sort-filter-area {
  display: flex;
  flex-wrap: wrap;
}
#modal-body-sort .sort-filter-area .dropdown_label {
  flex-basis: 35%;
  padding: 5px;
}
#modal-body-sort .sort-filter-area .btn-group {
  flex-basis: 65%;
  padding: 5px;
}
#modal-body-sort .pages {
  display: none;
}
/* --- Modal Sort */
/* -------- Mobile Sort Filter */
/* ++++++++ Mobile Newsletter */
.onestepcheckout-index-index .m-newsletter-area {
  display: none;
}
.m-newsletter-area {
  background: #dfdfe5;
  padding: 10px 20px 15px 20px;
  position: relative;
}
.m-newsletter-area .letter-bg {
  position: absolute;
  right: 0;
}
.m-newsletter-area .newsletter-title {
  font-size: 22px;
  font-weight: bold;
  padding: 15px 0;
}
.m-newsletter-area .newsletter-desc {
  padding-bottom: 5px;
}
.button-newsletter {
  display: flex;
  padding: 15px 0 10px 0;
}
.button-newsletter #m_subscribe_input {
  flex-grow: 2;
  background: white;
  border: 1px solid #8f8f9b;
  color: black;
  padding: 9px 15px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.button-newsletter #m_subscribe_btn {
  background: #2222a2;
  color: white;
  border: 1px solid #2222a2;
}
.m-newsletter-area .message-info {
  color: red;
}
/* -------- Mobile Newsletter */
/* ++++++++ FOOTER DESKTOP */
.container-footer {
  width: 1540px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.footer .first-row {
  background-color: white;
  position: relative;
}
.footer .first-row .container-footer {
  height: 65px;
  overflow: hidden;
}
.footer .first-row .container-footer .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer .first-row .container-footer .left img{
  padding: 5px 6px;
}
.footer .first-row .container-footer .left .title-connect {
  color: #3f3f42;
  font-size: 17px;
  font-weight: bold;
}

.footer .second-row {
  background-color: #2121ac;
  border-bottom: 4px solid #fa0000;
  background-image: url("//www.tradedepot.co.nz/media/footer/fern_bg3.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}
.footer .second-row .container-footer {
  height: 272px;
  align-items: flex-start;
  padding: 15px 0 10px;
}
.footer .second-row .title {
  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  padding: 15px 5px;
  white-space: nowrap;
}
.footer .second-row .title.center {
  text-align: center;
}
.footer .store-info, .footer .showroom-info, .footer .customer-services, .footer .stay-in-touch {
  padding: 0 8px;
}
.footer .store-info .link li {
  display: flex;
  align-items: center;
}
.footer .store-info .link li i {
  color: white;
}
.footer .store-info .link li a, .footer .store-info .link li a:hover {
  font-family: "Lato", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  color: white;
  font-weight: 500;
  font-size: 16px;
}
.showroom-info .btn-auckland, .showroom-info .btn-chch {
  font-family: "Lato", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  background-color: #14146b;
  width: 214px;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 8px;
  font-weight: bold;
  margin-bottom: 10px;
}
.showroom-info .btn-track {
  font-family: "Lato", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  width: 214px;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 5px;
  font-weight: bold;
  border: 1px solid white;
  margin-top: 8px;
}
.customer-services .info {
  font-weight: 700;
  font-size: 16px;
  color: white;
  padding: 0 5px;
}
.customer-services .info a:hover{
  color: white;
}
.customer-services .info_br {
  margin-bottom: 20px;
}
.customer-services .info_thin {
  font-weight: 200;
}
.stay-in-touch .box {
  min-width: 270px;
  min-height: 161px;
  background-color: #14146b;
  position: relative;
}
.stay-in-touch .box .bg-letter {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.7;
}
.stay-in-touch .box p {
  font-size: 16px;
  color: white;
  padding: 7px 20px;
}
.stay-in-touch .box .email-add {
  font-size: 12px;
  padding: 0 20px;
}
.stay-in-touch .box .email-subscribe {
  padding: 0px 20px;
}
.stay-in-touch .box .email-subscribe input {
  background: none;
    border: none;
    border-bottom: 1px solid white;
  min-width: 70%;
}
.stay-in-touch .box .email-subscribe input::placeholder {
  color: white;
    opacity: 0.7; /* Firefox */
}
.stay-in-touch .box .btn-subscribe {
  background: white;
  color: #2121ac;
  font-weight: bold;
  padding: 4px 25px;
  border: none;
}
.stay-in-touch .box .btn-subscribe:hover {
  text-decoration: underline;
}
.stay-in-touch .box .img-loading {
  padding: 0 20px;
}
.stay-in-touch .box #message-information-subscribe {
  color: red;
}
.subscribe_btn_area {
  padding: 0 20px;
}

.footer .last-row {
  background-color: #282828;
}
.footer .last-row .container-footer {
  height: 65px;
}
.footer .last-row .container-footer .logo-bottom, .footer .last-row .container-footer .copyright {
  color: white;
  font-size: 12px;
  opacity: 0.7;
}

/* Extra Large Devices, Desktops */
@media only screen and (max-width : 1600px) {
  .container-footer {
    width: 1140px;
  }
  .footer .second-row .title {
    font-size: 17px;
  }
  .footer .store-info .link li a, .footer .store-info .link li a:hover, .showroom-info .btn-auckland, .showroom-info .btn-chch, .showroom-info .btn-track, .customer-services .info {
    font-size: 14px;
  }
  .stay-in-touch .box p {
    font-size: 12px;
  }
  .stay-in-touch .box .email-add {
    font-size: 10px;
  }
}
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {
  .container-footer {
    width: 940px;
  }
  .footer .second-row .title {
    font-size: 15px;
  }
  .footer .store-info .link li a, .footer .store-info .link li a:hover, .showroom-info .btn-auckland, .showroom-info .btn-chch, .showroom-info .btn-track, .customer-services .info {
    font-size: 13px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .container-footer {
    width: 720px;
  }
  .showroom-info .btn-auckland, .showroom-info .btn-chch, .showroom-info .btn-track {
    width: auto;
  }
  .stay-in-touch .box {
    min-width: auto;
  }
  .footer .second-row .title {
    font-size: 14px;
  }
  .footer .store-info .link li a, .footer .store-info .link li a:hover, .showroom-info .btn-auckland, .showroom-info .btn-chch, .showroom-info .btn-track, .customer-services .info {
    font-size: 12px;
  }
  .showroom-info .btn-track {
    padding: 4px;
  }
}
/* -------- FOOTER DESKTOP */

/* + Promotion image + */
.category-image img {
  width: 100%;
}
/* - Promotion image - */
/* ++++++++ Provide typography guidelines for CMS pages */
.std .td-page-static {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFFFF;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 10px;
  height: 100%;
  border: 1px solid #c4c4cd;
}
.std .td-page-static h1 {
  font-size: 2.8rem;
  font-weight: bold;
  padding: 15px 0;
}
.std .td-page-static h1.center {
  text-align: center;
}

.std .td-page-static p {
  font-size: 1.6rem;
  line-height: normal;
  margin-bottom: 15px;
}
.std .td-page-static p.center {
  text-align: center;
  display: flex;
  justify-content: center;
}

.std .td-page-static ul {
  list-style-type: disc;
  -webkit-padding-start: 40px;
  -moz-padding-start: 40px;
}

.std .td-page-static ul li {
  font-size: 1.6rem;
}

.std .td-page-static h2 {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 0;
}

.std .td-page-static hr {
  border-bottom: 2px solid #2121AC;
  margin: 30px -16px;
}

.std .td-page-static .row .col-md-6 {
  padding-right: 10px;
}

.std .td-page-static td, .std .td-page-static th {
    padding: 8px;
}
/* -------- Provide typography guidelines for CMS pages */
/* ++++++++ Fix mobile list page show product label */
@media (max-width: 768px) {
  .amlabel-div .top-left {
    display: inline-table;
  }
  .amlabel-div .bottom-right {
    display: inline-table;
  }
  .amlabel-div {
    height: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) and (min-width: 572px) {
  .list-item {
    width: 46%;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.product-image {
  width: 100%;
}
/* -------- Fix mobile list page show product label */

/* ++++++++ New design for detail Product */
.catalog-product-view .container-fix-detail {
  margin: 0px auto;
  padding: 0 10px;
}
.catalog-product-view .container-fix-detail .container_content {
  margin: 0px auto;
}
.catalog-product-view .container-fix-detail .top-bar {
  padding-top: 7px;;
}

.content-detail table tr strong a,
.content-detail table tr strong a span {
  text-decoration: underline;
  color: #97b6db!important;
}


@media (min-width: 768px) {
  .catalog-product-view .container-fix-detail {
    width: 720px;
  }
  .catalog-product-view .right-col {
    display: flex;
    flex-direction: row-reverse;
  }
  .catalog-product-view .right-col-content {
    padding-left: 10px;
  }
  .catalog-product-view .left-col-content {
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .catalog-product-view .container-fix-detail {
    width: 940px;
  }
  .catalog-product-view .right-col-content {
    padding-left: 15px;
  }
  .catalog-product-view .left-col-content {
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .catalog-product-view .container-fix-detail {
    width: 1140px;
  }
  .catalog-product-view .right-col-content {
    padding-left: 40px;
  }
  .catalog-product-view .left-col-content {
    padding-right: 40px;
  }
    .videoWrapper {
        width: 80%;
        padding-bottom: 45%; /* 16:9 */
    }
    .videoWrapper-4-3 {
        padding-bottom: 60%; /* 4:3 */
    }
}

.catalog-product-view .qty-add-to-cart {
    padding: 9px;
    width: 77px;
    text-align: center;
    font-size: 16px;
  border: 1px solid #696969;
}

.catalog-product-view {
  background-color: white;
}
.catalog-product-view .td-page-br {
  box-shadow: none;
  display: flex;
  justify-content: space-between;
}
.catalog-product-view .sys-download-btn {
  border: 1px solid #696969;
  height: fit-content;
}
.catalog-product-view .sys-download-btn:hover {
  border: 1px solid #696969;
}
.catalog-product-view .td-page-br .breadcrumb {
  border: none;
  padding: 8px 0;
}
.breadcrumb > li {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .breadcrumb > li {
    display: inline-block;
  }
  .breadcrumb li.home, .breadcrumb li.category161 {
    display: none;
  }
}
.catalog-product-view .brochure {
  color: #737373;
}
.catalog-product-view .brochure:hover {
  text-decoration: underline !important;
}
.catalog-product-view .brochure i {
  padding: 6px;
}
.catalog-product-view .amlabel-div1 > table {display: none;}
@media (min-width: 768px) {
  .catalog-product-view .amlabel-div1 {
    border: 1px solid #b2b2b2;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    margin-bottom:17px;
    position: relative;
  }
  .catalog-product-view .amlabel-div1 > table {
    position: absolute;
    display: table;
  }
}
.catalog-product-view .main-detail {
  display: flex;
  justify-content: space-between;
}
.catalog-product-view .main-detail .content-detail {
  flex-grow: 2;
  flex-shrink: 30;
}
.catalog-product-view .main-detail .image-add-col {
  padding-left: 10px;
}
.catalog-product-view .main-detail .content-detail table {
    min-width: auto;
    max-width: 600px;
    border-collapse: collapse;
}
.catalog-product-view .main-detail .content-detail td,
.catalog-product-view .main-detail .content-detail tr {
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}
.catalog-product-view .main-detail .content-detail tr:nth-child(even) {
    background-color: #f2f2f2;
}
.catalog-product-view .main-detail .content-detail th {
    background-color: #3f3f3f;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 1.43em;
    font-size: 14px;
    padding: 5px;
}
.videoWrapper {
  position: relative;
  padding-top: 25px;
  height: 0;
    margin: 25px 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
    .videoWrapper {
        padding-bottom: 56.25%; /* 16:9 */
    }
    .videoWrapper-4-3 {
        padding-bottom: 75%; /* 4:3 */
    }
}
@media (min-width: 992px) {
  .catalog-product-view .product-detail .col-md-6.fix-margin-left-detail {
    padding-left: 20px!important;
    padding-right: 10px;
  }
}
.catalog-product-view .main-img {
  margin:0;
  cursor:pointer;
  width: 100%;
}
.catalog-product-view .title-area .short_description {
    padding: 5px;
    justify-content: space-between;
    background-color: #f5f5f5;
    margin: 15px 0 5px;
}
.catalog-product-view .title-area .short_description h2 {
  font-size: 1.3em; 
  padding: 0 12px; 
  background: #5d5d5d; 
  color: white;
  margin: -5px -5px 5px -5px;
}
.catalog-product-view .title-area .short_description ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; 
  margin: 10px 0 5px 5px;
}

.catalog-product-view .title-area .short_description ul li {
  list-style-type: square;
}

.catalog-product-view .manufacturer-line {
  display: flex;
  justify-content: space-between;
}
.catalog-product-view .manufacturer-line hr {
  display: none;
}
.catalog-product-view .manufacturer-line .manufacturer-img img {
  width: 115px;
  height: auto;
  max-width: 100%;
}
.custom-price-area {
  margin-bottom: 15px;
  position: relative;
}
.custom-price-area.hide_was_price .price-old, .custom-price-area.hide_was_price .price-save {
  display: none;
}
.container-fix-detail .amazing-deal-display {
  font-size: 24px;
  color:#fa0000;
  font-weight:bold;
}
@media (max-width: 767px) {
  .custom-price-area {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.custom-price-area > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "real_price was_price" "gst_price save_price";
  justify-items: start;
  align-items: center;
  justify-content: space-around;
  align-content: start;
  width: 320px;
    max-width: 100%;
}
.custom-price-area > div .price-label {
  grid-area: real_price;
  font-size: 30px;
  color: black;
  display: inline-block;
  padding: 10px 0;
}
.custom-price-area > div .price-old {
  grid-area: was_price;
  font-size: 16px;
  padding: 10px 0;
}
.custom-price-area > div .price-gst {
  grid-area: gst_price;
  display: inline-block;
  font-size: 16px;
  padding: 5px 0;
}
.custom-price-area > div .price-save {
  grid-area: save_price;
  color:red;
  font-size: 16px;
  font-weight:bold;
}
.custom-price-area .box_unit {
  display: block;position: absolute;top: 8px;left: 130px;
}
.custom-price-area .box_unit span {
  font-size: 14px;
  color: #4d4d4d;
}
.custom-price-area .box_unit .perbox_price {
  font-size: 18px;
}
.catalog-product-view .qty-wrapper {
  text-align: center;
  margin-right: 10px;
}
.catalog-product-view .price-content .price-metric {
  position: inherit;
  font-size: 16px;
}
.catalog-product-view .add-to-cart-area {
  display: flex;
  width: 100%;
}
.catalog-product-view .wish-list-area {
  margin-top: 10px;
  margin-bottom: 15px;
}
.catalog-product-view .div-add-to-cart {
  align-self: flex-end;
  width: 260px;
}
.catalog-product-view .add-to-car-area .icon-cart {
  padding: 0 10px 0 0;
}
.green-btn {
  background: #10a700;
    color: white;
    padding: 10px 10px;
  width: 100%;
}
.catalog-product-view .btn-td-add-wishlist {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.catalog-product-view .btn-td-add-wishlist i.fa {
  color:#2b2b34;
  padding-right: 7px;
}
.catalog-product-view .short_description-desktop {
  padding: 5px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border: 1px solid #aaa;
}

.catalog-product-view .short_description-desktop h2 {
  font-size: 1.3em; 
  padding: 0 12px; 
  background: #5d5d5d; 
  color: white;
  margin: -5px -5px 5px -5px;
}

.catalog-product-view .short_description-desktop ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; 
  margin:10px 0px 5px 5px;
}

.catalog-product-view .short_description-desktop ul li {
  list-style-type: square;
}

.catalog-product-view .btn-td-add-wishlist .wishlist-text {
  color:#2b2b34;
  font-size:1.4rem;
  white-space: nowrap;
}

.catalog-product-view .sys_stock_note,
.catalog-product-view .stock_display {
  display: inline-block;
}

.catalog-product-view .stock_display .stock_display_btn {
  margin-left: 20px; 
  background: #fd9c1f; 
  padding: 3px 5px; 
  border: 1px solid #ccc; 
  font-size: 1em;
  font-weight: 400;
}

.catalog-category-view .stock_display_btn, 
.catalogsearch-result-index .stock_display_btn,
.tdproductlist-index-index .stock_display_btn,
.tdproductlist-display-link .stock_display_btn {
  font-size:0.8em;
  border: 1px solid #ccc;
  padding: 2px 3px;
  line-height: 1em;
  background: #f0f0f0;
  cursor: pointer;
}

.catalog-product-view .stock_display .stock_display_btn a {
  color: #333333;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
    .catalog-product-view .btn-td-add-wishlist .wishlist-text {
    font-size:14px;
  }
}
.catalog-product-view .btn-td-add-wishlist:hover .wishlist-text {
  text-decoration: underline;
}
.catalog-product-view .td-module {
  background-color: white;
  box-shadow: none;
}
.catalog-product-view .td-module .delivery-title {
  margin-bottom: 20px;
  color: black;
  font-size: 1.4rem;
}
.catalog-product-view .td-module .truck-icon {
  padding-right: 8px;
}
.catalog-product-view .td-module .delivery-desc {
  color: #5b5b5b;
  font-size: 13px;
  margin-bottom: 15px;
}
.catalog-product-view .td-module .delivery-desc span {
  color: red;
  font-weight: bold;
}
.catalog-product-view .td-module .dropdown-label-top {
  color: #5b5b5b;
  font-size: 13px;
  margin-bottom: 7px;
}
.catalog-product-view .td-module .td-select {
  border: 1px solid black!important;
  background-image: url('/media/catalog/product/detail/dropbox.png');
  background-size: auto 100%;
  background-position: 100%!important;
  background-repeat: no-repeat;
  color: #5b5b5b;
}
.catalog-product-view .td-module .td-select {
  padding-right: 60px;
  text-overflow: ellipsis;
}
.catalog-product-view .td-module .usual_time {
  cursor:pointer;
  color: #5b5b5b;
  text-decoration: underline;
  font-size: 14px;
}
.catalog-product-view .td-contacts {
  width:100%;
  max-width: 100%;
}
.catalog-product-view .td-contacts thead {
  background: #1b1a82;

}
.catalog-product-view .td-contacts thead th {
  font-size: 21px;
  line-height: normal;
  color: white;
  padding: 7px;
  text-align: center;
}
.catalog-product-view .td-contacts tbody tr {
  background-color: #f7f6f6;
}
.catalog-product-view .td-contacts tbody tr:nth-child(even){
  background-color: #f0f0f0;
}
.catalog-product-view .td-contacts tbody tr td {
  border-bottom: 1px solid white;
  padding: 4px;
}
.catalog-product-view .td-contacts tbody tr td img{
  padding: 5px;
}
.catalog-product-view .td-contacts tbody tr td a {
  color: black;
}
.catalog-product-view .cus-also-buy .title {
  background: #7f7f7f;
  color: white;
  font-size: 21px;
  padding: 5px 10px;
}
.catalog-product-view .cus-also-buy .content {
  background: #f7f6f6;
  display: block;
  padding: 15px;
  width: 100%;
  overflow: hidden;
}
.catalog-product-view .cus-also-buy .content .item {
  width: 100%;
  background: white;
  border: 1px solid #c8c7c7;
  padding: 10px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  #sys-cus-also-buy .owl-stage-outer .owl-stage {
    padding-left: 0px!important;
  }
  #sys-cus-also-buy .owl-item .icon-cart {
    display: inline;
    width: auto;
  }
}
@media (max-width: 991px) {
  .catalog-product-view .content .item .item-name {
    min-height: 72px;
  }
}
@media (min-width: 992px) {
  .catalog-product-view .content .item .item-name {
    min-height: 54px;
  }
}
.catalog-product-view .content .item .img-main {
  display:block;
  position: relative;
}
.catalog-product-view .content .item .img-main img {
  width:100%;
}
.catalog-product-view .content .item .item-name {
  font-size: 15px;
  line-height: normal;
  color: black;
  margin: 5px 0 10px 0;

}
.catalog-product-view .content .item .item-content {
  display: flex;
  justify-content: space-between;
}
.catalog-product-view .content .item .price {
  color:black;
  font-size:24px;
}
.catalog-product-view .content .item .tax-price {
  color:#767676;
  font-size:12px;
}
.catalog-product-view .content .item .sku-item {
  color:#767676;
  font-size:12px;
  padding: 5px;
}
.catalog-product-view .content .item .item-add-cart {
  display: flex;
  justify-content: center;
}
.catalog-product-view .content .item .add-cart-btn {
  background: #ff9c00;
  color: white;
  font-size: 14px;
  font-weight: bold;
  border: none;
}
.catalog-product-view .content .item .item-add-cart .icon-cart {
  padding: 0px 10px 0px 0px;
}
.catalog-product-view .content .item .btn-view {
  border: none;
  padding: 2px 22px;
  color: white;
  background:#bfbfbf;
  font-size: 12px;
  float: right;
}
.catalog-product-view .related-item .title {
  color: black;
  font-size: 1.7rem;
    font-weight: 600;
  padding: 15px 0px 9px;
}
.catalog-product-view .related-item .content {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}
.catalog-product-view .related-item .content .item {
  background: white;
  border: 1px solid #c8c7c7;
  padding: 10px;
  margin-bottom: 10px;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}

#product-options-wrapper dl.last {
  margin-bottom: 10px;
}
#product-options-wrapper dl.last label.required em {
  margin-right: 6px;
}
#product-options-wrapper p.required {
  font-size: 1.2rem;
}
#product-options-wrapper .last  dt > label {
  font-size: 18px;
  color: #e60013;
  font-weight: bold;
}
#sys_installation_service_type #product-options-wrapper .last  dt > label {
  display: none;
}
.installation-box {
  font-weight: bold;
  font-size: 1.1em;
}
.installation-box .fa-wrench {
  margin-right: 6px;
  padding: 3px;
  background-color: #ff8c00;
  border-radius: 11px;
  color: white;
}
#sys_installation_service_type #sys_agree_term {
  background: red; 
  color: white; 
  margin: -10px; 
  padding: 10px;
}
#sys_installation_service_type #sys_agree_term i.fa-exclamation-triangle {
  font-size: 30pt; 
  display: block; 
  float: left; 
  margin: 0 15px 0 0;
}
#sys_popup_installation_terms_conditions ul {
  list-style-type: disc;
  padding: 0;
  padding-inline-start: 40px;
}
#sys_result_check_postcode_ok hr:last-child {
  display: none;
}
#product-options-wrapper .options-list li {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin-left: 0;
}
#product-options-wrapper .options-list .product-custom-option {
  margin: 0px;
}
#product-options-wrapper .options-list li .label {
  background: none;
  text-align: left;
  white-space: pre-wrap;
}
#product-options-wrapper .options-list li .label label {
  margin: 0px;
}
.catalog-product-view .modal.and.carousel {
    position: fixed;
}
.catalog-product-view #lightbox_detail_page .modal-dialog {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
  width: 800px;
}
#lightbox_detail_page .carousel-control.right {
  background-image: none;
  color: black;
}
#lightbox_detail_page .carousel-control.left {
  background-image: none;
  color: black;
}
#lightbox_detail_page .carousel-control.right .glyphicon, #lightbox_detail_page .carousel-control.left .glyphicon {
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.catalog-product-view .product-detail .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: aquamarine;
}
.catalog-product-view .additional_img {
  margin-bottom: 10px;
  border: 5px solid #f0f0f0;
}

/* ++++ Style main slider image */
#slide-main-img .owl-dots {
  display: flex;
    justify-content: center;
    justify-items: center;
}
#slide-main-img .owl-dots button.owl-dot {
  border: 1px solid gray;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  height: 3px;
    width: 3px;
    margin: 3px;
  padding: 4px!important;
}
#slide-main-img .owl-dots button.owl-dot.active {
  background: gray;
}

.catalog-product-view .slide-image {
  position: relative;
}
.catalog-product-view .slide-image li {
  list-style-type: none;
  margin: 2px;
  border: 1px solid #b1b1b1;
}
.catalog-product-view .slide-image .owl-nav {
  display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    justify-items: center;
  z-index: -1;
}
.catalog-product-view .slide-image .owl-nav .owl-prev, .catalog-product-view .slide-image .owl-nav .owl-next {
  display: flex;
    align-items: center;
  font-size: 30px;
}
.catalog-product-view .slide-image .owl-nav .owl-prev.disabled i, .catalog-product-view .slide-image .owl-nav .owl-next.disabled i {
  display: none;
}
.catalog-product-view .slide-image .owl-nav .owl-prev {
  margin-left: -13px;
  padding: 10px;
}
.catalog-product-view .slide-image .owl-nav .owl-next {
  margin-right: -13px;
  padding: 10px;
}
@media (max-width: 991px) {
  .catalog-product-view .slide-image .owl-nav .owl-prev, .catalog-product-view .slide-image .owl-nav .owl-next {
    display: none;
  }
}
/* ---- Style main slider image */
/* ++++ Style for product label */
.tdlabel-mobile-area {
  display: flex;
  justify-content: space-between;
}
.tdlabel-mobile-area .tdlabel-item {
  padding:5px 8px;
  margin: 10px;
  display: inline-block;
  color:white;
}
@media (min-width: 768px) {
  .tdlabel-mobile-area {
    display: none;
  }
  .catalog-product-view .content-detail .flipped {
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .catalog-product-view .content-detail .feature-text{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* ---- Style for product label */
/* ++++ Style for description content common ++++ */
.desc-common-style h4 {
  font-size: 18px;
  color: black;
  margin-bottom: 10px;
    margin-top: 10px;
  line-height: normal;
}
.desc-common-style p {
  margin-bottom: 6px;
}
.product-notice {
  clear:both;
}

/* ---- Style for description content common ---- */

/* -------- New design for detail Product */
#stock_display_container {
  width: 100%;
  display: block;
  grid-template-columns:inherit;
  grid-template-rows:inherit;
  position: relative;
  margin: 20px 0px;
}
#stock_display_container #sys-loading-check-sku {
  position: absolute;
  top: 45%;
  left: 45%;
}

#stock_display_container .data-stock {
  width: 100%;
}
#stock_display_container .data-stock th:first-child {
  background:transparent;
  border: none;
}
#stock_display_container .data-stock th {
  padding:10px;
  background: grey;
  color: white;
  border:1px solid #eee;
}

#stock_display_container .data-stock td {
  padding:10px;
  border:1px solid #eee;
  text-align: center;
}

#stock_display_container .data-stock td:first-child {
  font-weight: bold;
  text-align: left;
}

#stock_display_container .data-stock td .fa-check {
  font-size: 180%;
  color:#10a700;
}

#stock_display_container .data-stock td .fa-times {
  font-size: 180%;
  color:red;
}

#stock_display_container .guideline {
  font-style: italic;
  padding: 10px;
}


/* ++++++++ New design for category page */
.container-landing-page {
  margin: 0 auto 10px;
  width: 100%;
  /*max-width: 1400px;*/
  display: flex;
  align-items: stretch;
  background: white;
}
.container-landing-page .cat-left {
  padding: 30px 0 30px 30px;
}
.container-landing-page .cat-right {
  padding: 30px;
  width: calc(100% - 300px);
}

.container-category-page {
  margin: 0 auto 10px;
  width: 100%;
  display: flex;
  align-items: stretch;
}
.container-category-page .cat-left {
  padding: 10px 0 10px 10px;
}
.container-category-page .cat-right {
  padding: 10px;
  width: 100%;
}
.widget-small-slider .small-slider-item .content .last-row .price {
  font-size: 20px;
  letter-spacing: 0px;
}
.widget-small-slider .small-slider-item .content .last-row .btn {
  background-color: #10a700;
  border-left: 0px solid #10a700;
  border-top: 0px solid #10a700;
  border-right: 0px solid #10a700;
  border-bottom: 0px solid #10a700;
  padding: 5px;
  letter-spacing: 0px;
  font-size: 14px;
}
.widget-small-slider .small-slider-item .content .desc .link-desc {
  font-size: 12px;
}
.widget-small-slider .small-slider-item .content .last-row .btn > i.td-icon {
  display: none;
}
@media (max-width: 767px) {
  .container-landing-page .cat-left {
    display: none;
  }
  #modal-body-filter #sidebar {
    display: block;
    max-height: 75vh;
    overflow: auto;
  }
  .container-landing-page .cat-right {
    width: 100%;
  }
}
/* ++++++ Left Navibar */
.block-category-nav {
  background: #f7f7f7;
  width: 270px;
}
.block-category-nav .block-title {
  padding: 0 15px;
  font-size: 18px;
}
.block-category-nav .breakline-nav {
  padding-left: 7px;
  padding-right: 7px;
}
.block-category-nav .breakline-nav hr {
  border-top: 1px solid #cdcdcd;
}
.block-content-nav ul li.top-level {
  padding: 0 15px 10px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
}
.block-content-nav ul li.top-level > a span {
  text-transform: uppercase;
  color: #333333;
}
.block-content-nav ul li.top-level > a:hover {
  color: #333333;
}
.block-content-nav ul li.top-level ul.level-1 li {
  font-size: 12px;
  font-weight: normal;
    padding: 1px 10px;
  line-height: 18px;
}
.block-content-nav ul li.top-level ul.level-1 li > a span {
  color: #333333;
}
.block-content-nav ul li.top-level ul.level-1 li > a:hover {
  color: #333333;
}
.block-content-nav ul li.top-level ul.level-1 li .level-2 {
  padding-left: 10px;
  display: none;
}
.block-content-nav ul li.top-level ul.level-1 li .level-2:hover {
  text-decoration: none;
}
i.child-switcher {
  padding: 0;
  cursor:pointer;
  display:inline-block;
  border: 1px solid #cdcdcd;
  font-size: 17px;
  float: right;
}

.leftnav-filter {
  padding: 0;
}
.leftnav-filter-area {
  background: #e6e6e6;
  padding: 15px 25px;
}
.leftnav-filter-area::after {
  clear:both;
}
.leftnav-filter-area .title-filter {
  font-size: 16px;
  font-weight: bold;
}
#narrow-by-list {
  margin-bottom: 0;
  margin-top: 10px;
}
#narrow-by-list .sidebar-area .form-space {
  height: 0;
}
.leftnav-filter-area .list-filter .item-filter .fname {
  font-weight: bold;
  font-size: 14px;
}
.leftnav-filter-area .list-filter .item-filter .fname-sub {
  display: flex;
  justify-items: center;
  font-size: 14px;
}
.leftnav-filter-area .list-filter .item-filter .fname-sub .material-icons{
  padding: 0px 3px 2px 0;
  color: #333;
}
.leftnav-filter-area .clear-all {
  color: #333;
  text-align: right;
}
.leftnav-filter-area .clear-all .material-icons {
  margin-right: 3px;
}
.narrow-results {
  padding: 15px 15px 15px;
}
.narrow-results .title-filter {
  font-size: 18px;
  font-weight: bold;
}
.narrow-results .fname {
  font-weight: bold;
  font-size: 14px;
}
.m-filter-item-list {
    list-style-type: none;
    padding-left: 10px;
}
.m-filter-item-list li a {
  color: #333;
}
.m-unselected-ln-item, .m-selected-ln-item, .m-selected-filter-item, .m-unselected-filter-item {
  font-size: 12px;
}
.narrow-results .material-icons {
  padding-right: 3px;
  padding-bottom: 3px;
}
.color-filter .color-label {
  font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid #ddd;
  display: inline-block;
    vertical-align: middle;
}
@media only screen and (max-width : 767px) {
  .block-category-nav {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .block-category-nav {
    width: 236px;
  }
  .narrow-results {
    padding: 10px 10px 0;
  }
}

/* ------ Left Navibar */
/* ++++++ subcategory-grid */
.subcategory-grid {
  display: flex;
  flex-wrap: wrap;
}
.subcategory-grid .item {
  width: 220px;
  padding: 20px 20px 20px 20px;
  border: #f5f5f5 solid 1px;
}
/*.subcategory-grid .item:nth-child(-n+4) {
  border-top: none;
}
.subcategory-grid .item:nth-child(4n+1) {
  border-left: none;
}*/
.subcategory-grid .item a.category-thumbnail {
  display: flex;
  width: 100%;
  justify-content:center;
  margin-bottom: 10px;
  height: 110px;
}
.subcategory-grid .item .products-description .subcategory-title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.subcategory-grid .item .products-description .subcategory-title a {
  color: #333;
}
.subcategory-grid .item .products-description ul.subcategory-level2 li a {
  color: #333;
  font-size: 14px;
}
@media only screen and (max-width : 991px) {
  .subcategory-grid .item {
    width: 50%;
  }
  .catalog-product-view .content-detail img {
    width: 100%;
  }
}
@media only screen and (max-width : 767px) {
  .subcategory-grid .item {
    width: 50%;
    padding: 10px;
    border: #f5f5f5 solid 1px;
  }
  .hp_category_square_block.hp_category_promo {
    flex-wrap:wrap;
  }
   .hp_category_square_block .a_half:first-child .square_box_promo {
    margin-bottom:10px;
  }

 .hp_category_square_block .a_half .square_box_promo img {
    max-width:100%;
    max-height:100%;
  }
}
/* ------ subcategory-grid */
.cat-description {
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  background-color: #f7f7f7;
}
.cat-description h2 {
  margin-bottom: 20px;
}
.cat-description .desc-content {
  padding: 20px 20px 0px 20px;
  flex-grow: 2;
}

.cat-description .desc-content p {
  padding-bottom: 20px;
  font-size: 1.8rem;
}

.cat-description .desc-content .flex-col:first-child {
  padding-right: 15px;
}
.cat-description .desc-content .flex-col:last-child {
  padding-left: 15px;
}
.am-banner-promo > div.product-options > p > a > img {
  max-width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width : 991px) {
  .cat-description .desc-content .flex-col {
    width: 100%;
  }
  .cat-description .desc-content .row-flex-wrap .flex-col {
    padding: 0px;
  }

  .cat-description {
    flex-direction: column;
    align-items: baseline;
  }
  .cat-description .desc-content {
    margin-bottom: 10px;
  }
}
.videoWrapperCat {
  width: 100%;
  min-width: 450px;
}
@media only screen and (max-width : 1200px) {
  .cat-description.include-video {
    flex-direction: column;
    align-items: baseline;
  }
}
/* -------- New design for category page */

/* ++++++++ Checkout Page*/
.checkout-sm {
    display: flex;
    width: 100%;
    justify-content: space-between;
  flex-wrap: wrap-reverse;
}
.checkout-sm label.button-sm {
  margin-bottom: 5px;
  color: #2b2b34;
    background-color: #FFFFFF;
    border: 1px solid #c9c9c9;
    text-transform: none;
    font-weight: 200;
  display:flex;
  align-items: center;
  padding: 0px 0px 0px 10px;
  width: 49%;
  position: relative;
}
.checkout-sm label.button-sm.active {
  background: rgba(245, 173, 1, 0.3);
  cursor: pointer;
  border: 1px #F5AD01 solid;
}
.checkout-sm label.button-sm:hover {
  cursor: pointer;
}
.checkout-sm label.button-sm.active > .shipping-title > .popup-show-address {
  display:flex;
  align-items: center;
  z-index: 1;
}
.checkout-sm label.button-sm .input-sm {
  margin:0px;
}
.checkout-sm .red-title {
  color: #ff4040;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right:7px;
}
.checkout-sm .black-title {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.checkout-sm .shipping-delivery {
  padding: 10px;
}
.checkout-sm .shipping-title {
  padding: 0px 0px 0px 10px;
  display: flex;
  justify-content: space-between;
  flex-grow: 2;
}
.checkout-sm .popup-show-address {
  position: absolute;
    background: white;
    border: 1px solid #c9c9c9;
    width: 100%;
  width: calc(100% + 2px);
    padding: 10px;
    top: 100%;;
    left: -1px;
  display:none;
}
@media only screen and (min-width: 768px) and (max-width: 1599px) {
   #checkout-payment-method-load dt.col-sm-4 {
      width: 50%; 
   }
}
@media only screen and (max-width : 768px) {
  .checkout-sm .black-title {
    font-size: 11px;
  }
  .checkout-sm label.button-sm {
    width: 100%;
  }
  .checkout-sm .popup-show-address {
    position: relative;
    background: transparent;
    display: flex;
    align-items: center;
    border: none;
    padding: 2px 10px;
    margin-left: 5px;
    border-left: 1px solid #c9c9c9;
  }
  .shipping-title > div {
    width: 152px;
  }
  .shipping-title > div > br {
    display: none;
  }
}
/* ++++++++ Checkout Page*/

/* ++++++++ Home Page */
.hp_layout {
  margin: 0 auto 10px auto;
  background: white;
  min-height: 100vh;
}
@media (min-width: 768px) {
  .hp_layout {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .hp_layout {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .hp_layout {
    width: 1140px;
  }
}
/* ++++++ Promo Block */
.hp_promo_block {
  padding: 10px;
}
.hp_promo_block .hp_promo_block_left {
  width: 100%;
  margin-bottom: 10px;
}
.hp_promo_block .hp_promo_block_right {
  width: 100%;
}
.hp_promo_block .hp_promo_block_right .hp_promo_block_right_top {
  margin-bottom: 10px;
  transition: transform 0.7s ease-in-out;
  transform-origin: top right;
}
.hp_promo_block .hp_promo_block_right .hp_promo_block_right_bottom {
  transition: transform 0.7s ease-in-out;
  transform-origin: bottom right;
}
@media (min-width: 768px) {
  .hp_promo_block {
    display: flex;
    align-items: stretch;
  }
  .hp_promo_block .hp_promo_block_left {
    width: 66%;
    margin: 0 10px 0 0;
  }
  .hp_promo_block .hp_promo_block_left img {
    height: 100%;
  }
  .hp_promo_block .hp_promo_block_right {
    width: 34%;
  }
  .hp_promo_block .hp_promo_block_right .hp_promo_block_right_top:hover {
    transform: scale(2.066);
    transform-origin: top right;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    margin-right: -2px;
  }
  .hp_promo_block .hp_promo_block_right .hp_promo_block_right_bottom:hover {
    transform: scale(2.066);
    transform-origin: bottom right;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    margin-right: -2px;
  }
}
/* ------ Promo Block */
/* ++++++ Hot Deals Block */
.hp_hot_deals_link {
  text-align: center;
  padding: 10px;
}
.hp_hot_deals_link .btn {
  width: 100%;
}
.hp_hot_deals_block .btn-default,.hp_hot_deals_block .btn-default:hover {
  color: #FFFFFF;
    background-color: #10a700;
    border-left: 2px solid #10a700;
    border-top: 2px solid #10a700;
    border-right: 2px solid #10a700;
    border-bottom: 2px solid #10a700;
}
@media (min-width: 768px) {
  .hp_hot_deals_link .btn {
    width: auto;
  }
}
/* ------ Hot Deals Block */
/* ++++++ Category Feature 1 Block */
.hp_category_feature_1_block, .hp_category_feature_2_block {
  padding: 10px;
}
.hp_category_feature_1_left, .hp_category_feature_1_right, .hp_category_feature_2_left, .hp_category_feature_2_right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hp_category_feature_1_right .square_box, .hp_category_feature_2_left .square_box {
  width: 50%;
}
.square_box {
  position: relative;
  width: 100%;
  background-size: cover;
  border: 5px solid white;
}
.square_box:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.square_box .square_box_content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
    justify-content: flex-end;
  align-items: center;
}
.square_box .square_box_content .link_img {
  display:block;
  width: 100%;
  height: 100%;
  overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.square_box .square_box_content .link_img img {
  width: 100%;
  height: 100%;
  transition: all 500ms cubic-bezier(0, 0, 0.26, 1);
}
.square_box .square_box_content:hover .link_img img {
  transform: scale(1.1);
}
.square_box .big-box {
  padding: 30px;
}
.square_box .big-box .title {
  font-size: 20px;
  font-weight: bold;
}
.square_box .big-box .description {
  font-size: 14px;
}
.square_box .big-box .link {
  padding: 10px 0;
}
.square_box .small-box {
  padding: 30px;
}
.square_box .small-box .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.square_box .small-box .title > img{
  max-width: 65%;
}
.square_box .small-box .link {
  padding: 10px 0;
}
.hp_category_feature_2_block {
  display:flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .square_box {
    border: none;
    margin-bottom: 10px;
  }
  .hp_category_feature_2_block {
    flex-direction: row;
  }
  .square_box:before {
    padding-top: 100%;
  }
  .hp_category_feature_1_block, .hp_category_feature_2_block {
    display: flex;
    align-items: stretch;
  }
  .hp_category_feature_1_left, .hp_category_feature_2_right {
    width: 50%;
  }
  .hp_category_feature_1_right, .hp_category_feature_2_left {
    width: 50%;
  }
  .hp_category_feature_1_right .square_box {
    width: 46%;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .hp_category_feature_2_left .square_box {
    width: 46%;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .hp_category_essential .hp_category_feature_2_left .square_box {
    width:100%;
    margin-right: 10px;
  }
  .square_box .small-box {
    padding: 15px;
  }
  .square_box .small-box .title{
    font-size: 16px;
  }
  .square_box .small-box .link a{
    font-size: 12px;
    padding: 5px;
  }
}
/* ------ Category Feature 1 Block */
/* ++++++ Home page Brand Block */
.hp-brand-block {
  padding: 10px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
.hp-brand-block a {
  padding: 10px;
}
/* ------ Home page Brand Block */
/* ++++++ Home page Subscribe Block */
.hp_subscribe_block {
  padding: 10px;
}
.hp_subscribe_block_bg {
  display:flex;
  flex-direction: row;
  justify-content: space-evenly;
  border-bottom: 7px solid #c83232;
  background: #1919a6;
}
.hp_subscribe_block_bg .title {
  padding: 5px 0px;
  white-space: nowrap;
  font-size: 20px;
  display: flex;
    align-items: center;
}
.hp_subscribe_block_bg .content {
  width: 100%;
  padding: 0;
  background-image: url('//www.tradedepot.co.nz/media/wysiwyg/cms/home/subscribe/subscribe3.png');
  background-position: right bottom;
  background-repeat: no-repeat;

}
.hp_subscribe_block_bg .content p {
  font-size: 14px;
}
.hp_subscribe_block_bg input {
  width: 100%;
}
.hp_subscribe_block_bg .subscribe_img {
  max-width: 48%;
  height: auto;
}
.hp_subscribe_block_btn_area {
  padding: 30px 10px 0 0;
  display: flex;
    flex-direction: column;
}
.hp_subscribe_block_btn_area .email-text {
  color: white;
  opacity: 0.6;
}
.hp_subscribe_block_btn_area .hp_subscribe_input {
  padding: 3px 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #7c7dcc;
  color: white;
  width: 100%;
}
.hp_subscribe_block_btn_area .hp_subscribe_btn {
  margin-top: 15px;
  padding: 5px 30px;
  background: #1919a6;
  color: white;
  font-weight: bold;
  width: 100%;
  border: 2px solid white;
}
.hp_subscribe_block_bg .content .hp_subscribe_block_message_info {
  margin-top: 10px;
  color: white;
}
.hp_subscribe_block_bg .content .hp_subscribe_loading {
  display:none;
}
@media (min-width: 768px) {
  .hp_subscribe_block_bg .subscribe_img {
    max-width: 33%;
  }
  .hp_subscribe_block_bg .title {
    padding: 20px 30px;
  }
  .hp_subscribe_block_bg {
    flex-direction: row;
  }
  .hp_subscribe_block_bg .content {
    width: 50%;
  }
  .hp_subscribe_block_btn_area .hp_subscribe_input {
    width: 190px;
  }
  .hp_subscribe_block_btn_area .hp_subscribe_btn {
    width: 190px;
  }
  .hp_subscribe_block_bg .content {
    padding: 0 15px;
  }
}
/* ------ Home page Subscribe Block */
/* ++++++ Home page Category Square Block */
.hp_category_square_block, .hp_campaigns_block {
  display: flex;
  padding: 10px;
}
.hp_campaigns_block .square_box_content {
  background: #f3f3f3;
  border: 1px solid white;
}
.hp_category_square_block .a_half, .hp_campaigns_block .a_half {
  width: 100%;
}
@media (min-width: 768px) {
  .hp_category_square_block .square_box, .hp_campaigns_block .square_box {
    width: 46%;
    width: calc(50% - 10px);
    margin-right: 10px;
    float: left;
  }
  .hp_category_square_block .a_half .square_box_promo {
    width:100%;
    padding-left:10px;
  }
  .hp_category_square_block .a_half:first-child .square_box_promo {
    padding-left:0px;
    padding-right:10px;
  }

  .hp_category_square_block .a_half .square_box_promo img {
    max-width:100%;
    max-height:100%;
  }
}
/* ------ Home page Category Square Block */
/* ++++++ Home page Category Small Block */
.hp_category_small_block {
  padding: 10px;
  display:flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-end;
}
.hp_category_small_block_item {
  display:flex;
  flex-direction: column;
    align-items: center;
  width: 120px;
}
.hp_category_small_block_item > .title {
  text-align: center;
  font-size: 11px;
  height: 45px;
  padding: 5px;
}
.hp_category_small_block_item > .title > a {
  color: black;
}

/**** Start Tracking page ****/
 #track-order p {
    font-size:1.4rem !important;
}

#track-order hr {
    border-top: 2px solid black;
    margin: 20px -35px;
}

#track-order .table thead tr th {border-bottom: 1px solid #c4c4cd}

#form-input-tracking {
    margin: 0 auto;
    width: 60%;
}
.track-title-input {
    font-size: 18px;
    font-weight: bold;
}
#track-button {
    background: #2f3b97;
    border: 1px solid #2f3b97;
    margin-top: 12px;
}
#track-text, #track-email-phone {
    padding: 4px 5px;
    width: 100%;
}
#track-order {
     min-height: 600px;
     padding: 16px 35px;
}
#LoadingImage {
    text-align: center;
}
#track-information {
    margin: 20px 0;
    clear: both;
    padding-top: 15px;
}
#track-information td, #track-information th {
    padding: 8px;
}
.fixed-footer {position: relative;}
#scanTable {
    background: none;
}

.invoice-info {display: flex;margin-top: 15px;}
.invoice-info .left {font-size: 16px;font-weight: bold;padding-right: 20px;}
.invoice-info .right {padding-left: 20px; border-left: 1px solid gray;}
.invoice-info .delivery-status {font-weight: bold;}
.invoice-info .right .Completed {width: 5px;height: 5px;background: green;padding: 5px;display: inline-block;margin-left: 7px;}
.invoice-info .right .Pending {width: 5px;height: 5px;background: purple;padding: 5px;display: inline-block;margin-left: 7px;}
.invoice-info .right .Scheduled {width: 5px;height: 5px;background: orange;padding: 5px;display: inline-block;margin-left: 7px;}

@media only screen and (max-width: 767px) {
  #form-input-tracking {
    width: 100%;
  }
  #track-order {
    padding: 16px 15px;
  }
  #track-order hr {
    margin: 20px -15px;
  }
}
@media only screen and (max-width: 1200px) {
  #form-input-tracking {
    width: 100%;
  }
  #track-order {
    padding: 16px 15px;
  }
  #track-order hr {
    margin: 20px -15px;
  }
}
/*** End of Tracking Page ***/

@media (max-width: 991px) {
  .hp_category_small_block_item {
    width: 140px;
  }
}
@media (min-width: 992px) and (max-width: 1199px)  {
  .hp_category_small_block_item {
    width: 160px;
  }
}
@media (min-width: 1200px) {
  .hp_category_small_block_item {
    width: 120px;
  }
}
/* ------ Home page Category Small Block */
.hp_hot_deals_block {
  padding: 10px;
}
/* ++++++ General ++++++ */
.hp_hot_deals_block, .hp_subscribe_block, .hp_category_feature_1_block, .hp_category_feature_2_block, .hp_promo_block, .hp_category_square_block, .hp_campaigns_block, .hp-brand-block, .hp_category_small_block {
  margin-bottom: 50px;
}
.hp_layout > h2.text-center, .hp_hot_deals_widget .widget-title > h2 {
  font-size: 2.0rem;
}
@media (max-width: 767px) {
  .hp_hot_deals_block, .hp_subscribe_block, .hp_category_feature_1_block, .hp_category_feature_2_block, .hp_promo_block, .hp_category_square_block, .hp_campaigns_block, .hp-brand-block, .hp_category_small_block {
    margin-bottom: 15px;
    padding-bottom: 25px;
    border-bottom: 5px solid #d7d7de;
  }
  .hp_campaigns_block {
    margin-bottom:0px;
  }
  .hp_category_feature_2_block.hp_category_essential {
    flex-direction: column;
  }
  .hp_category_feature_2_block.hp_category_essential .hp_category_feature_2_left .square_box {
    width: 100%;
  }
  .hp_category_square_block {
    flex-wrap: wrap;
  }
  .hp_category_square_block .square_box {
    width: 50%;
  }
}
/* ------ General ------ */
/* -------- Home Page */


/* ++++++++ Category */
.toolbar .sort-filter-area .dropdown_label {
  margin-left: 10px;
}
.search-result-txt-title {
  font-family: 'Roboto', 'Helvetica', 'Arial', 'Lato', sans-serif;
  font-size: 16px;
}
.related-search-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0 17px 0;
}
.related-search-box .related-search-text {
  flex-grow: 5;
  padding: 5px 10px;
  border: 1px solid #c4c4cd;
  margin-left: 15px;
}
.related-search-box .related-search-a{
  margin-right: 7px;
}
.toolbar-area {
  display:flex;
  justify-content: space-between;
  background: white;
  align-items:center;
  margin-bottom: 10px;
  padding: 2px 0;
  width: 100%;
  flex-direction: row-reverse;
}
.toolbar-area .cate-name {
  font-size: 24px;
    font-weight: bold;
    padding: 3px;
}
.toolbar-area .tool {
  padding: 5px 0;
}
.toolbar-area .pages {
  display:none;
}
.container-category-page .desc-img > img {
  width: 100%;
}
.list-item .price-n-delivery .price-area .per-sqm {
  color: red;
  font-size: 12px;
}
.list-item .price-n-delivery .price-area .special-price-display {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fa0000;
}
.list-item .price-n-delivery .price-area .price-save-num {
  color: #fa0000;
  font-size: 1.6rem;
}
.list-item .price-n-delivery .price-area .price-old-display {
  font-weight: bold;
}
.list-item .price-n-delivery .price-area .price-save-display {
  font-weight: bold;
}

/*** New Category Static Block Content Styling ***/

/* ---  Custom De-Dietrich --- */
body.catalog-category-view.category-de-dietrich:not(.catalog-bg) {
 background-color:black;
}

#sys_popup_installation_terms_conditions p, #sys_popup_installation_terms_conditions li {
  font-size: 1.4rem;
}

body.catalog-category-view.category-de-dietrich:not(.catalog-bg) .content-header {
  width: auto;
  background-image: url('/media/wysiwyg/cms/de-dietrich/maison-house-video-block-920x885.jpg');
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ---  Custom De-Dietrich --- */

.catalog-category-view .container_content .content-html {
  font-family: 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif;
  padding: 0px; 
  max-width: 1026px;
  margin: 0px auto 10px;
}

.catalog-category-view .container_content .content-logo, 
.catalog-category-view .container_content .content-header {
  max-width: 1026px;
  margin: 0px auto;
}

.catalog-category-view .container_content .content-header iframe {
  width:670px;
  height: 370px;
}

.catalog-category-view .container_content .content-header p {
  text-align: center;
}
.catalog-category-view .container_content .content-html .content-row .main-content p.font-revista {
  text-align:center;
  font-family: Revista-Black;
  color:#9b6b50;
}

.catalog-category-view .container_content .content-html .content-row .main-content p.font-gotham {
  text-align:center;
  font-size: 16px;
  font-family: Gotham-Book;
  color:#9b6b50;
}

.catalog-category-view .container_content .content-html .content-row .main-content p.font-small {
  font-size:15px;
}
.catalog-category-view .container_content .category-products {
  max-width: 1026px;
  margin: 10px auto;
}
.catalog-category-view .container_content .b-header {
  width: 100%;
  margin-bottom: 35px;
}
.catalog-category-view .container_content .content-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 1;
  position: relative;
}
  
.catalog-category-view .container_content .content-row .main-img {
  width: 50%;
}
.catalog-category-view .container_content .content-row .main-content {
  width: 50%;
  padding: 12px 20px;
  margin: auto;
}
  
.catalog-category-view .container_content .content-row .main-content p {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.4em;
}
.catalog-category-view .container_content .content-row .main-content p.skip-button {
  margin: 25px 0 0;
  text-align:center;
}
  
.catalog-category-view .container_content .b-footer-area {
  position: relative;
  z-index: 0;
  margin: 0px 0px 25px;
}
.catalog-category-view .container_content .b-footer-area .brand-desc {
  font-size: 20px;
  color: #045095; 
  position: absolute;
  right: 20%; 
  top: 45px;
  width: 260px;
  text-align: center;
}
.catalog-category-view .container_content .b-footer-area .b-footer {
  width: 100%;
}

/* Custom Slider */
.catalog-category-view.sns_i8stylecatpage .cat-right {
    overflow: hidden;
}.catalog-category-view.sns_i8stylecatpage .cat-right .subcategory-grid {
  margin-bottom: 25px;
}
.catalog-category-view.sns_i8stylecatpage .cat-right .cat-description {
  margin:20px 0px;
  padding:0px;
}

.catalog-category-view.sns_i8stylecatpage .container-category-page .cat-right .desc-img > img {
  width: auto;
}
 /* Very Large Devices, Desktops */
@media only screen and (min-width: 1601px) {
  .catalog-category-view .container_content .content-header {
    padding: 30% 0% 10%;
  }
}
@media only screen and (max-width : 1600px) {
  .catalog-category-view .container_content .content-logo,
  .catalog-category-view .container_content .content-header,
  .catalog-category-view .container_content .content-html {
    max-width: 940px;
  }
  .catalog-category-view .container_content .content-header {
    padding: 35% 0% 15%;
  }
  .catalog-category-view .container_content .content-header iframe {
    width:580px;
    height: 320px;
  }
  .category-brandt .category-products,
  .catalog-category-view .container_content .category-products {
    max-width: 940px;
  }
  .catalog-category-view .container_content .with-attributes .list-item {
    margin-right: 5px;
  }
  .catalog-category-view .container_content .b-header {
    margin-bottom: 30px;
  }
  .catalog-category-view .container_content .b-footer-area .brand-desc {
    top: 25px;
  }
}

/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {
  .catalog-category-view .container_content .content-logo,
  .catalog-category-view .container_content .content-header,
  .catalog-category-view .container_content .content-html {
    max-width: 768px;
  }
  .catalog-category-view .container_content .content-header {
    padding: 35% 0% 12%;
  }
  .catalog-category-view .container_content .content-header iframe {
    width:480px;
    height: 280px;
  }
  .catalog-category-view .container_content .content-row .main-img {
    margin-top:0px;
  }
  .catalog-category-view .container_content .category-products {
    max-width: 768px;
  }
  .catalog-category-view .container_content .b-header {
    margin-bottom: 20px;
  }
  .catalog-category-view .container_content .b-footer-area .brand-desc {
    top: 0;
    width: 200px;
    font-size: 17px;
  }
  .catalog-category-view .container_content .content-html .content-row .main-content p.font-revista,
  .catalog-category-view .container_content .content-html .content-row .main-content p.font-gotham, 
  .catalog-category-view .container_content .content-html .content-row .main-content p.font-small {
    font-size:12px;
    line-height: 15px;
  }
  .catalog-category-view.category-de-dietrich .container_content .content-row .main-content p {
    font-size:14px;
    line-height: 17px;
  }
  .list-item .price-n-delivery .price-area .price-area-price {
    font-size: 3rem;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .catalog-category-view .container_content .b-header {
    margin-bottom: 10px;
  }
  .catalog-category-view .container_content .content-header {
    padding: 43% 0% 12%;
  }

  .catalog-category-view .container_content .b-footer-area .brand-desc {
    top: -20px;
    width: 200px;
    font-size: 16px;
  }
  .catalog-category-view.sns_i8stylecatpage .container-category-page .cat-right .desc-img {
    margin:20px auto;
  }
  
  .catalog-product-view .stock_display .stock_display_btn {
    margin-left: 5px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  .catalog-category-view .container_content .content-row {
    flex-direction: column;
  }
  .catalog-category-view .container_content .content-row.change-pos {
    flex-flow: column-reverse;
  }
  .catalog-category-view .container_content .content-row .main-img {
    width: 100%;
  }
  .catalog-category-view .container_content .content-row .main-content {
    width: 100%;
    padding: 10px;
  }
  .catalog-category-view .container_content .b-footer-area {
    margin-top: 0;
  }
  .catalog-category-view .container_content .b-footer-area .brand-desc {
    top: 10px;
    width: 200px;
    font-size: 12px;
  }
  .widget-small-slider .small-slider-item .content .last-row .price {
    font-size: 24px;
  }
  .widget-small-slider .small-slider-item .content .last-row .btn {
    font-size: 18px;
    padding: 5px 10px;
  }
  .widget-small-slider .small-slider-item .content .desc .link-desc {
    font-size: 14px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .catalog-category-view .container_content .content-header {
    padding: 40% 0% 10%;
  }
  .catalog-category-view .container_content .content-header iframe {
    max-width:290px;
    height: 180px;
  }
  #stock_display_container .data-stock th,
  #stock_display_container .data-stock td {
    padding:3px;
  }
  #stock_display .modal-dialog {
    margin: 10px 0px;
  }
  #stock_display .modal-content {
    width:99%!important;
    max-width:99%!important;
  }
  .catalog-product-view .sys_stock_note {
    font-size: 12px;
  }
  .catalog-product-view .stock_display .stock_display_btn {
    font-size: 12px;
  }
  .list-item .price-n-delivery .price-area,
  .list-item .price-n-delivery .delivery-area {
    width: 50%;
  }
  .catalog-category-view .stock_display_btn, 
  .catalogsearch-result-index .stock_display_btn, 
  .tdproductlist-index-index .stock_display_btn, 
  .tdproductlist-display-link .stock_display_btn {
    min-width: 75px;
    text-align: center;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .catalog-category-view .container_content .content-header {
    padding: 40% 0% 5%;
  }
  .catalog-category-view .container_content .content-header iframe {
    max-width: 260px;
    height: 150px;
  }
  .widget-small-slider .small-slider-item .content .last-row .price {
    font-size: 20px;
  }
  .widget-small-slider .small-slider-item .content .last-row .btn {
    font-size: 15px;
    padding: 5px;
  }
  .widget-small-slider .small-slider-item .content .desc .link-desc {
    font-size: 12px;
  }
}
#sns_ajaxinner {
  top: 20% !important;
}
#sns_ajaxinner #ajax_content{
  overflow: hidden;
}

#fc_frame, #fc_frame.fc-widget-normal {
  bottom: 10% !important;
  right: 5px !important;;
}

@media only screen and (max-width : 768px) {
  #fc_frame, #fc_frame.fc-widget-normal {
    bottom: 0px !important;
    left: 0px !important;
    right: auto !important;
  }
}
@media only screen and (min-width : 768px) {
  .product-detail .left-col {
    position: -webkit-sticky;
    position: sticky;
    top:15px;
  }
}
@media only screen and (min-width : 992px) {
  .product-detail .left-col {
    top:35px;
  }
}
@media only screen and (min-width : 1200px) {
  .product-detail .left-col {
    top:50px;
  }
}
@media only screen and (min-width : 1600px) {
  .product-detail .left-col {
    top:25px;
  }
}
/* -------- Category */
/*# sourceMappingURL=master.css.map */

.sys-order-sum {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sys-order-sum .os_sku {
  font-size:11px;
}


.misspell.fallback strong,
.misspell.suggest strong {
  color: #c76200;
}
.misspell.fallback strong strike,
.misspell.suggest strong strike {
  color: #3d6611;
  font-weight: normal;
}
.misspell.fallback strong a,
.misspell.suggest strong a {
  color: #c76200;
}